Merge pull request #105 from Jzow/master

Fix incompatible mitt library version is compatible with vue version

.github/workflows/eslint.yml

@@ -0,0 +1,44 @@
+name: ESLint
+
+on:
+  push:
+    branches: ["master", "dev"]
+  pull_request:
+    branches: ["master", "dev"]
+  schedule:
+    - cron: '28 1 * * * 0'
+
+jobs:
+  eslint:
+    name: Run eslint scanning
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      security-events: write
+      actions: read
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Install ESLint
+        run: |
+          pnpm install eslint@8.10.0
+          pnpm install @microsoft/eslint-formatter-sarif@2.1.7
+
+      - name: Run ESLint
+        run: |
+          pnpx eslint .
+            --config .eslintrc.js
+            --ext .js,.jsx,.ts,.tsx
+            --format @microsoft/eslint-formatter-sarif
+            --output-file eslint-results.sarif
+        continue-on-error: true
+
+      - name: Upload analysis results to GitHub
+        uses: github/codeql-action/upload-sarif@v2
+        with:
+          sarif_file: eslint-results.sarif
+
+      - name: Wait for processing
+        run: echo "Waiting for analysis results to be processed..."

.github/workflows/node.js.yml

@@ -0,0 +1,33 @@
+name: Node.js CI
+
+on:
+  push:
+    branches: [master, dev]
+  pull_request:
+    branches: [master, dev]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16.x, 18.x]
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install pnpm
+        run: npm install -g pnpm
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build

.gitignore

@@ -104,3 +104,6 @@ dist
 
 # vscode private configuration file
 .vscode/redis.json
+
+# webstorm idea
+.idea

src/components/Application/src/AppDarkModeToggle.vue

@@ -32,7 +32,7 @@
   }
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-dark-switch';
+  @prefix-cls: ~'@{name-space}-dark-switch';
 
   html[data-theme='dark'] {
     .@{prefix-cls} {

src/components/Application/src/AppLogo.vue

@@ -58,7 +58,7 @@
   }
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-app-logo';
+  @prefix-cls: ~'@{name-space}-app-logo';
 
   .@{prefix-cls} {
     display: flex;

src/components/Application/src/search/AppSearchFooter.vue

@@ -19,7 +19,7 @@
   const { t } = useI18n();
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-app-search-footer';
+  @prefix-cls: ~'@{name-space}-app-search-footer';
 
   .@{prefix-cls} {
     display: flex;

src/components/Application/src/search/AppSearchModal.vue

@@ -114,8 +114,8 @@
   }
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-app-search-modal';
-  @footer-prefix-cls: ~'@{namespace}-app-search-footer';
+  @prefix-cls: ~'@{name-space}-app-search-modal';
+  @footer-prefix-cls: ~'@{name-space}-app-search-footer';
   .@{prefix-cls} {
     display: flex;
     position: fixed;

src/components/Basic/src/BasicArrow.vue

@@ -48,7 +48,7 @@
   });
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-basic-arrow';
+  @prefix-cls: ~'@{name-space}-basic-arrow';
 
   .@{prefix-cls} {
     display: inline-block;

src/components/Basic/src/BasicHelp.vue

@@ -92,7 +92,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-help';
+  @prefix-cls: ~'@{name-space}-basic-help';
 
   .@{prefix-cls} {
     display: inline-block;

src/components/Basic/src/BasicTitle.vue

@@ -40,7 +40,7 @@
   ]);
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-basic-title';
+  @prefix-cls: ~'@{name-space}-basic-title';
 
   [data-theme='dark'] {
     .@{prefix-cls} {

src/components/Container/src/collapse/CollapseContainer.vue

@@ -88,7 +88,7 @@
 </script>
 
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-collapse-container';
+  @prefix-cls: ~'@{name-space}-collapse-container';
 
   [data-theme='dark'] {
     .@{prefix-cls} {

src/components/CountDown/src/CountdownInput.vue

@@ -38,7 +38,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-countdown-input';
+  @prefix-cls: ~'@{name-space}-countdown-input';
 
   .@{prefix-cls} {
     .ant-input-group-addon {

src/components/Cropper/src/CopperModal.vue

@@ -240,7 +240,7 @@
 </script>
 
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-cropper-am';
+  @prefix-cls: ~'@{name-space}-cropper-am';
 
   .@{prefix-cls} {
     display: flex;

src/components/Cropper/src/Cropper.vue

@@ -175,7 +175,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-cropper-image';
+  @prefix-cls: ~'@{name-space}-cropper-image';
 
   .@{prefix-cls} {
     &--circled {

src/components/Cropper/src/CropperAvatar.vue

@@ -122,7 +122,7 @@
 </script>
 
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-cropper-avatar';
+  @prefix-cls: ~'@{name-space}-cropper-avatar';
 
   .@{prefix-cls} {
     display: inline-block;

src/components/Drawer/src/BasicDrawer.vue

@@ -199,8 +199,8 @@
 <style lang="less">
   @header-height: 60px;
   @detail-header-height: 40px;
-  @prefix-cls: ~'@{namespace}-basic-drawer';
-  @prefix-cls-detail: ~'@{namespace}-basic-drawer__detail';
+  @prefix-cls: ~'@{name-space}-basic-drawer';
+  @prefix-cls-detail: ~'@{name-space}-basic-drawer__detail';
 
   [data-theme='dark'] {
     .@{prefix-cls} {

src/components/Drawer/src/components/DrawerFooter.vue

@@ -65,7 +65,7 @@
 </script>
 
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-drawer-footer';
+  @prefix-cls: ~'@{name-space}-basic-drawer-footer';
 
   @footer-height: 60px;
 

src/components/Drawer/src/components/DrawerHeader.vue

@@ -48,7 +48,7 @@
 </script>
 
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-drawer-header';
+  @prefix-cls: ~'@{name-space}-basic-drawer-header';
   @footer-height: 60px;
   .@{prefix-cls} {
     display: flex;

src/components/FlowChart/src/FlowChartToolbar.vue

@@ -133,7 +133,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-flow-chart-toolbar';
+  @prefix-cls: ~'@{name-space}-flow-chart-toolbar';
 
   [data-theme='dark'] {
     // .lf-dnd {

src/components/Form/src/BasicForm.vue

@@ -303,7 +303,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-form';
+  @prefix-cls: ~'@{name-space}-basic-form';
 
   .@{prefix-cls} {
     .ant-form-item {

src/components/Icon/src/IconPicker.vue

@@ -178,7 +178,7 @@
   }
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-icon-picker';
+  @prefix-cls: ~'@{name-space}-icon-picker';
 
   .@{prefix-cls} {
     .ant-input-group-addon {

src/components/Icon/src/SvgIcon.vue

@@ -50,7 +50,7 @@
   });
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-svg-icon';
+  @prefix-cls: ~'@{name-space}-svg-icon';
 
   .@{prefix-cls} {
     display: inline-block;

src/components/Menu/src/index.less

@@ -1,4 +1,4 @@
-@basic-menu-prefix-cls: ~'@{namespace}-basic-menu';
+@basic-menu-prefix-cls: ~'@{name-space}-basic-menu';
 
 .app-top-menu-popup {
   min-width: 150px;

src/components/Modal/src/components/ModalClose.vue

@@ -63,7 +63,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-modal-close';
+  @prefix-cls: ~'@{name-space}-basic-modal-close';
   .@{prefix-cls} {
     display: flex;
     align-items: center;

src/components/Page/src/PageFooter.vue

@@ -25,7 +25,7 @@
   });
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-page-footer';
+  @prefix-cls: ~'@{name-space}-page-footer';
 
   .@{prefix-cls} {
     display: flex;

src/components/Page/src/PageWrapper.vue

@@ -171,7 +171,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-page-wrapper';
+  @prefix-cls: ~'@{name-space}-page-wrapper';
 
   [data-theme='dark'] {
     .@{prefix-cls} {

src/components/Preview/src/Preview.vue

@@ -80,7 +80,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-image-preview';
+  @prefix-cls: ~'@{name-space}-image-preview';
 
   .@{prefix-cls} {
     .ant-image {

src/components/SimpleMenu/src/components/menu.less

@@ -1,6 +1,6 @@
-@menu-prefix-cls: ~'@{namespace}-menu';
-@menu-popup-prefix-cls: ~'@{namespace}-menu-popup';
-@submenu-popup-prefix-cls: ~'@{namespace}-menu-submenu-popup';
+@menu-prefix-cls: ~'@{name-space}-menu';
+@menu-popup-prefix-cls: ~'@{name-space}-menu-popup';
+@submenu-popup-prefix-cls: ~'@{name-space}-menu-submenu-popup';
 
 @transition-time: 0.2s;
 @menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);

src/components/SimpleMenu/src/index.less

@@ -1,5 +1,5 @@
-@simple-prefix-cls: ~'@{namespace}-simple-menu';
-@prefix-cls: ~'@{namespace}-menu';
+@simple-prefix-cls: ~'@{name-space}-simple-menu';
+@prefix-cls: ~'@{name-space}-menu';
 
 .@{prefix-cls} {
   &-dark&-vertical .@{simple-prefix-cls}__parent {

src/components/StrengthMeter/src/StrengthMeter.vue

@@ -72,7 +72,7 @@
   });
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-strength-meter';
+  @prefix-cls: ~'@{name-space}-strength-meter';
 
   .@{prefix-cls} {
     &-bar {

src/components/Table/src/BasicTable.vue

@@ -361,7 +361,7 @@
 <style lang="less">
   @border-color: #cecece4d;
 
-  @prefix-cls: ~'@{namespace}-basic-table';
+  @prefix-cls: ~'@{name-space}-basic-table';
 
   [data-theme='dark'] {
     .@{prefix-cls} {

src/components/Table/src/components/HeaderCell.vue

@@ -37,7 +37,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-table-header-cell';
+  @prefix-cls: ~'@{name-space}-basic-table-header-cell';
 
   .@{prefix-cls} {
     &__help {

src/components/Table/src/components/TableAction.vue

@@ -148,7 +148,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-table-action';
+  @prefix-cls: ~'@{name-space}-basic-table-action';
 
   .@{prefix-cls} {
     display: flex;

src/components/Table/src/components/TableHeader.vue

@@ -64,7 +64,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-table-header';
+  @prefix-cls: ~'@{name-space}-basic-table-header';
 
   .@{prefix-cls} {
     &__toolbar {

src/components/Table/src/components/TableImg.vue

@@ -72,7 +72,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-table-img';
+  @prefix-cls: ~'@{name-space}-basic-table-img';
 
   .@{prefix-cls} {
     .ant-image {

src/components/Table/src/components/TableTitle.vue

@@ -43,7 +43,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-basic-table-title';
+  @prefix-cls: ~'@{name-space}-basic-table-title';
 
   .@{prefix-cls} {
     display: flex;

src/components/Table/src/components/editable/EditableCell.vue

@@ -447,7 +447,7 @@
   });
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-editable-cell';
+  @prefix-cls: ~'@{name-space}-editable-cell';
 
   .edit-cell-align-left {
     text-align: left;