refactor(components): [schema-form, dynamic-table, useModal] refactor

Author: buqiyuan

.eslintrc.js

@@ -51,6 +51,7 @@ module.exports = {
     '@typescript-eslint/ban-ts-comment': 'off',
     '@typescript-eslint/ban-types': 'off',
     '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
     '@typescript-eslint/no-explicit-any': 'off',
     '@typescript-eslint/no-non-null-assertion': 'off',
     '@typescript-eslint/no-non-null-asserted-optional-chain': 'off',

README.md

@@ -13,6 +13,8 @@
 - [gitee 地址](https://gitee.com/buqiyuan/vue3-antd-admin)
 - 根据 JSON 生成 typescript 的工具：[http://json2ts.com/](http://json2ts.com/)
 
+部分设计参考了 [vue-vben-admin](https://github.com/vbenjs/vue-vben-admin)
+
 ## 安装使用
 
 - 获取项目代码

commitlint.config.js

@@ -7,6 +7,7 @@ module.exports = {
     'header-max-length': [2, 'always', 108],
     'subject-empty': [2, 'never'],
     'type-empty': [2, 'never'],
+    'subject-case': [0],
     'type-enum': [
       2,
       'always',

package.json

@@ -28,24 +28,24 @@
     "test:br": "npx http-server dist --cors --brotli -c-1"
   },
   "dependencies": {
-    "@ant-design/icons-vue": "^6.0.1",
-    "@vueuse/core": "^7.7.1",
-    "ant-design-vue": "3.0.0-beta.13",
+    "@ant-design/icons-vue": "^6.1.0",
+    "@vueuse/core": "^8.0.1",
+    "ant-design-vue": "3.1.0-rc.0",
     "axios": "^0.26.1",
     "core-js": "^3.21.1",
-    "dayjs": "^1.10.8",
+    "dayjs": "^1.11.0",
     "file-saver": "^2.0.5",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.0",
     "mockjs": "^1.1.0",
     "nprogress": "^1.0.0-1",
-    "pinia": "2.0.11",
+    "pinia": "2.0.12",
     "qs": "^6.10.3",
     "socket.io-client": "4.4.1",
     "sortablejs": "^1.14.0",
     "vue": "^3.2.31",
     "vue-i18n": "^9.2.0-beta.30",
-    "vue-router": "^4.0.13",
+    "vue-router": "^4.0.14",
     "xlsx": "^0.18.3"
   },
   "devDependencies": {
@@ -54,21 +54,21 @@
     "@types/lodash-es": "^4.17.6",
     "@types/node": "^17.0.21",
     "@types/webpack-env": "^1.16.3",
-    "@typescript-eslint/eslint-plugin": "^5.14.0",
-    "@typescript-eslint/parser": "^5.14.0",
-    "@vue/cli-plugin-babel": "^5.0.1",
-    "@vue/cli-plugin-eslint": "^5.0.1",
-    "@vue/cli-plugin-router": "^5.0.1",
-    "@vue/cli-plugin-typescript": "^5.0.1",
-    "@vue/cli-plugin-vuex": "^5.0.1",
-    "@vue/cli-service": "^5.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.15.0",
+    "@typescript-eslint/parser": "^5.15.0",
+    "@vue/cli-plugin-babel": "^5.0.3",
+    "@vue/cli-plugin-eslint": "^5.0.3",
+    "@vue/cli-plugin-router": "^5.0.3",
+    "@vue/cli-plugin-typescript": "^5.0.3",
+    "@vue/cli-plugin-vuex": "^5.0.3",
+    "@vue/cli-service": "^5.0.3",
     "@vue/compiler-sfc": "^3.2.31",
     "@vue/eslint-config-typescript": "^10.0.0",
     "babel-plugin-import": "^1.13.3",
     "commitizen": "^4.2.4",
     "compression-webpack-plugin": "^9.2.0",
     "conventional-changelog-cli": "^2.2.2",
-    "eslint": "^8.10.0",
+    "eslint": "^8.11.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "2.25.4",
     "eslint-plugin-prettier": "^4.0.0",
@@ -88,7 +88,7 @@
     "stylelint-config-standard": "^25.0.0",
     "stylelint-order": "^5.0.0",
     "svg-sprite-loader": "^6.0.11",
-    "typescript": "^4.5.5",
+    "typescript": "^4.6.2",
     "unplugin-vue-define-options": "^0.4.0",
     "vue-cli-plugin-windicss": "^1.1.3",
     "vue-eslint-parser": "^8.3.0"

src/api/system/user/model.d.ts

@@ -1,6 +1,6 @@
 declare namespace API {
   type UserListPageResultItem = {
-    createTime: string;
+    createdAt: string;
     departmentId: number;
     email: string;
     headImg: string;
@@ -10,7 +10,7 @@ declare namespace API {
     phone: string;
     remark: string;
     status: number;
-    updateTime: string;
+    updatedAt: string;
     username: string;
     departmentName: string;
     roleNames: string[];

src/components/basic/basic-arrow/index.ts

@@ -0,0 +1 @@
+export { default as BasicArrow } from './index.vue';

src/components/basic/basic-arrow/index.vue

@@ -0,0 +1,24 @@
+<template>
+  <DownOutlined class="collapse-icon" />
+</template>
+
+<script lang="ts" setup>
+  import { computed } from 'vue';
+  import { DownOutlined } from '@ant-design/icons-vue';
+
+  const props = defineProps({
+    expand: { type: Boolean },
+  });
+
+  /**
+   * @description 展开/收起 图标旋转转数
+   */
+  const turn = computed(() => `${props.expand ? 0 : 0.5}turn`);
+</script>
+
+<style lang="less" scoped>
+  .collapse-icon {
+    transform: rotate(v-bind(turn));
+    transition: transform 0.3s;
+  }
+</style>

src/components/basic/button/button.ts

@@ -0,0 +1,9 @@
+import buttonProps from 'ant-design-vue/es/button/buttonTypes';
+import type { ButtonType as AButtonType } from 'ant-design-vue/es/button/buttonTypes';
+import type { ExtractPropTypes } from 'vue';
+
+export type ButtonType = AButtonType | 'danger' | 'warning' | 'success';
+
+export declare type ButtonProps = Partial<ExtractPropTypes<typeof buttonProps>>;
+
+export { buttonProps };

src/components/basic/button/button.vue

@@ -12,13 +12,13 @@
 </template>
 <script lang="ts" setup>
   import { computed, type PropType } from 'vue';
-  import buttonProps, { type ButtonType } from 'ant-design-vue/es/button/buttonTypes';
   import { Button } from 'ant-design-vue';
+  import { buttonProps, type ButtonType } from './button';
 
   const props = defineProps({
     ...buttonProps(),
     type: {
-      type: String as PropType<ButtonType | 'danger' | 'warning' | 'success'>,
+      type: String as PropType<ButtonType>,
       default: 'default',
     },
   });

src/components/basic/button/index.ts

@@ -1 +1,9 @@
-export { default as AButton } from './button.vue';
+import AButton from './button.vue';
+
+export default AButton;
+
+export const Button = AButton;
+
+export * from './button';
+
+export { AButton };