Merge pull request #107 from suyuan32/dev

feat: github workflow

.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;