feat: update basic-form demo

mock/demo/select-demo.ts

@@ -0,0 +1,28 @@
+import { MockMethod } from 'vite-plugin-mock';
+import { resultSuccess } from '../_util';
+
+const demoList = (keyword, count = 20) => {
+  const result = {
+    list: [] as any[],
+  };
+  for (let index = 0; index < count; index++) {
+    result.list.push({
+      name: `${keyword ?? ''}选项${index}`,
+      id: `${index}`,
+    });
+  }
+  return result;
+};
+
+export default [
+  {
+    url: '/mock-api/select/getDemoOptions',
+    timeout: 1000,
+    method: 'get',
+    response: ({ query }) => {
+      const { keyword, count } = query;
+      console.log(keyword);
+      return resultSuccess(demoList(keyword, count));
+    },
+  },
+] as MockMethod[];

package.json

@@ -45,10 +45,11 @@
     "vue": "^3.2.31",
     "vue-i18n": "9.2.0-beta.30",
     "vue-router": "^4.0.14",
-    "xlsx": "^0.18.3"
+    "vue-types": "^4.1.1",
+    "xlsx": "^0.18.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "^16.2.1",
+    "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
     "@types/lodash-es": "^4.17.6",
     "@types/node": "^17.0.21",
@@ -68,10 +69,10 @@
     "eslint-plugin-vue": "^8.5.0",
     "husky": "^7.0.4",
     "less": "^4.1.2",
-    "lint-staged": "^12.3.5",
+    "lint-staged": "^12.3.6",
     "mockjs": "^1.1.0",
     "postcss-html": "^1.3.0",
-    "prettier": "^2.5.1",
+    "prettier": "^2.6.0",
     "stylelint": "^14.5.3",
     "stylelint-config-html": "^1.0.0",
     "stylelint-config-prettier": "^9.0.3",

src/api/demos/select.ts

@@ -0,0 +1,18 @@
+import { request } from '@/utils/request';
+
+/**
+ * @description Get sample options value
+ */
+export function optionsListApi(params?: any) {
+  return request<{ list: { id: string; name: string }[] }>(
+    {
+      url: '/select/getDemoOptions',
+      method: 'get',
+      params,
+    },
+    {
+      isMock: true,
+      isGetDataDirectly: true,
+    },
+  );
+}

src/components/core/dynamic-table/index.ts

@@ -6,5 +6,6 @@ export { DynamicTable };
 export * from './src/types/';
 export * from './src/hooks/';
 export * from './src/dynamic-table';
+export * from './src/components/';
 
 export type DynamicTableRef = Ref<DynamicTableInstance>;

src/components/core/dynamic-table/src/hooks/useTableForm.ts

@@ -1,5 +1,4 @@
 import { unref, computed, watchEffect } from 'vue';
-import { omit } from 'lodash-es';
 import type { TableMethods } from './useTableMethods';
 import type { TableState } from './useTableState';
 import type { ComputedRef, Slots } from 'vue';
@@ -49,7 +48,7 @@ export function useTableForm({ tableState, slots, tableMethods }: UseTableFormCo
   });
 
   // 同步外部对props的修改
-  watchEffect(() => getQueryFormRef()?.setSchemaFormProps(omit(unref(getFormProps), 'schemas')), {
+  watchEffect(() => getQueryFormRef()?.setSchemaFormProps(unref(getFormProps)), {
     flush: 'post',
   });
 

src/components/core/schema-form/index.ts

@@ -1,11 +1,9 @@
-// export { default as SchemaForm } from './schema-form.vue'
 import SchemaForm from './src/schema-form.vue';
 
-export * from './src/types/form';
-export * from './src/types/formItem';
+export * from './src/types/';
 export * from './src/schema-form';
-
 export * from './src/hooks/';
+export * from './src/components/';
 
 export { SchemaForm };