cnhis-design-vue 3.1.19-beta.1 → 3.1.19-beta.3

package/README.md

@@ -0,0 +1,123 @@
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式 1(按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式 2(全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3. 注意
+
+由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+
+import { CGrid } from 'cnhis-design-vue';
+// 或者
+import { CBigTable } from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(CGrid);
+// 或者
+app.use(CBigTable);
+app.mount('#app');
+```
+
+## 4.FAQ
+
+### 4.1 项目打包后样式丢失
+
+> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  rollupOptions: {
+    // ..otherOptions
+    output: {
+      dir: './dist',
+      manualChunks(id: string) {
+        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
+          return 'vendor';
+        }
+      }
+    }
+  }
+});
+```
+
+### 4.2 找不到文件
+
+> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
+
+```javascript
+// vite.config.ts
+const config = {
+  // ...otherOptions
+  resolve: {
+    // ...otherOptions
+    // 如果没有配置, 则不用考虑
+    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
+  }
+};
+```

package/es/components/big-table/index.d.ts

@@ -883,7 +883,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
         class: import("vue").Ref<string | undefined>;
         mergedClsPrefix: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | (() => import("vue").VNodeChild)>;

package/es/components/big-table/src/BigTable.vue.d.ts

@@ -881,7 +881,7 @@ declare const _default: import("vue").DefineComponent<{
         style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
         class: import("vue").Ref<string | undefined>;
         mergedClsPrefix: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | (() => import("vue").VNodeChild)>;

package/es/components/big-table/src/components/edit-form/edit-date.js

@@ -108,7 +108,8 @@ var EditDate = defineComponent({
       };
     }
     const formatConfig = computed(() => {
-      const valueFormat = props.col.valueFormat || "yyyy-MM-dd HH:mm:ss";
+      var _a;
+      const valueFormat = ((_a = props.col.componentProps) == null ? void 0 : _a.valueFormat) || props.col.valueFormat || "yyyy-MM-dd HH:mm:ss";
       return {
         valueFormat,
         format: valueFormat,

package/es/components/big-table/src/hooks/useEvent2.js

@@ -16,14 +16,20 @@ const useEvent = (props, state, emit, xGrid, anchorEvent) => {
     let activeIndex = index || 0;
     if (!activeRow && !isEdit)
       return;
-    function emitKeyBoard() {
-      emit("keyboard", {
-        key: $event.key,
-        index: activeIndex,
-        row: xGridRef.getCurrentRecord()
+    if (isEdit) {
+      setTimeout(() => {
+        const { row, column, $rowIndex } = xGridRef.getSelectedCell() || {};
+        row && emit("keyboard", {
+          key: $event.key,
+          index: $rowIndex,
+          row,
+          column
+        });
+        ["Tab", "Enter"].includes($event.key) && xGridRef.setEditCell(row, column);
       });
+      return;
     }
-    if (isArrow && ($event.key === "ArrowUp" || $event.key === "ArrowDown")) {
+    if (isArrow && ["ArrowUp", "ArrowDown"].includes($event.key)) {
       if ($event.key === "ArrowUp" && index > 0) {
         activeIndex = index - 1;
       }
@@ -33,32 +39,20 @@ const useEvent = (props, state, emit, xGrid, anchorEvent) => {
       const row = xGridRef.getData(activeIndex);
       xGridRef.scrollToRow(row);
       xGridRef.setCurrentRow(row);
-      emitKeyBoard();
-      return;
     }
     if (isChecked && $event.key === " ") {
       $event.preventDefault();
       xGridRef.scrollToRow(activeRow);
       xGridRef.setCheckboxRow(activeRow, true);
-      emitKeyBoard();
-      return;
     }
-    if (isEdit && (isTab && $event.key === "Tab" || isEnter && $event.key === "Enter")) {
-      $event.preventDefault();
-      setTimeout(() => {
-        const { row, column, $rowIndex } = xGridRef.getSelectedCell();
-        emit("keyboard", {
-          key: $event.key,
-          index: $rowIndex,
-          row,
-          column
-        });
-        xGridRef.scrollToRow(row);
-        xGridRef.setEditCell(row, column);
+    emitKeyBoard();
+    function emitKeyBoard() {
+      emit("keyboard", {
+        key: $event.key,
+        index: activeIndex,
+        row: xGridRef.getCurrentRecord()
       });
-      return;
     }
-    emitKeyBoard();
   }
   let scrollEvent = (params) => {
     emit("scroll", params);

package/es/components/button-print/index.d.ts

@@ -383,7 +383,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
                 key: string;
                 render: () => import("vue").VNodeChild;
             }[]>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly label: StringConstructor;
             readonly labelWidth: import("vue").PropType<string | number>;
             readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/components/button-print/src/ButtonPrint.vue.d.ts

@@ -387,7 +387,7 @@ declare const _default: import("vue").DefineComponent<{
                 key: string;
                 render: () => import("vue").VNodeChild;
             }[]>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly label: StringConstructor;
             readonly labelWidth: import("vue").PropType<string | number>;
             readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/components/button-print/src/components/IdentityVerification.vue.d.ts

@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
             key: string;
             render: () => import("vue").VNodeChild;
         }[]>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
         readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/components/button-print/src/utils/print2.js

@@ -259,7 +259,7 @@ class Print {
   }
   _downloadPDF(inputData) {
     if (this.webview) {
-      return this.postMessage({ exec: "pdf", data: { inputData } });
+      return this.postMessage({ exec: "pdf", data: { file: inputData } });
     }
     return httpFn.get(PDF_URL, { params: { inputData } }).then(({ data }) => data);
   }

package/es/components/drag-layout/index.d.ts

@@ -205,7 +205,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
         } | null>;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
         readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/components/drag-layout/src/DragLayout.vue.d.ts

@@ -205,7 +205,7 @@ declare const _default: import("vue").DefineComponent<{
         } | null>;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
         readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/components/form-config/index.d.ts

@@ -609,7 +609,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
                 class: import("vue").Ref<string | undefined>;
                 mergedClsPrefix: import("vue").Ref<string>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }> | (() => import("vue").VNodeChild)>;
@@ -3022,7 +3022,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
                 class: import("vue").Ref<string | undefined>;
                 mergedClsPrefix: import("vue").Ref<string>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }> | (() => import("vue").VNodeChild)>;

package/es/components/form-config/src/FormConfig.vue.d.ts

@@ -611,7 +611,7 @@ declare const _default: import("vue").DefineComponent<{
                 style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
                 class: import("vue").Ref<string | undefined>;
                 mergedClsPrefix: import("vue").Ref<string>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly tab: PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }> | (() => import("vue").VNodeChild)>;
@@ -3024,7 +3024,7 @@ declare const _default: import("vue").DefineComponent<{
                 style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
                 class: import("vue").Ref<string | undefined>;
                 mergedClsPrefix: import("vue").Ref<string>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly tab: PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }> | (() => import("vue").VNodeChild)>;

package/es/components/form-config/src/components/FormConfigCreator.vue.d.ts

@@ -471,7 +471,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
             class: import("vue").Ref<string | undefined>;
             mergedClsPrefix: import("vue").Ref<string>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }> | (() => import("vue").VNodeChild)>;

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -2151,7 +2151,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
             class: import("vue").Ref<string | undefined>;
             mergedClsPrefix: import("vue").Ref<string>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }> | (() => import("vue").VNodeChild)>;

package/es/components/form-render/index.d.ts

@@ -457,7 +457,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
         class: import("vue").Ref<string | undefined>;
         mergedClsPrefix: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | (() => import("vue").VNodeChild)>;

package/es/components/form-render/src/FormRender.vue.d.ts

@@ -457,7 +457,7 @@ declare const _default: import("vue").DefineComponent<{
         style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
         class: import("vue").Ref<string | undefined>;
         mergedClsPrefix: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly tab: PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | (() => import("vue").VNodeChild)>;

package/es/components/form-render/src/components/renderer/cascader.d.ts

@@ -8,7 +8,6 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     };
     depth: {
         type: (NumberConstructor | StringConstructor)[];
-        required: true;
     };
     urlConfig: {
         type: PropType<UrlConfig>;
@@ -16,6 +15,10 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     onFocus: {
         type: PropType<Func<any[], any>>;
     };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     onChange: {};
     value: {};
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -25,7 +28,6 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     };
     depth: {
         type: (NumberConstructor | StringConstructor)[];
-        required: true;
     };
     urlConfig: {
         type: PropType<UrlConfig>;
@@ -33,10 +35,15 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     onFocus: {
         type: PropType<Func<any[], any>>;
     };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     onChange: {};
     value: {};
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     options: AnyObject[];
+    filterable: boolean;
 }>;

package/es/components/form-render/src/components/renderer/cascader.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
 import { isField } from '@formily/core';
-import { isEqual } from 'lodash-es';
+import { isEqual, isArray } from 'lodash-es';
 import { useCommonInjection } from '../../hooks/useCommonInjection2.js';
 import { InjectAsyncQueue } from '../../constants/index2.js';
 import '@vueuse/core';
@@ -48,8 +48,7 @@ const script = defineComponent({
       default: () => []
     },
     depth: {
-      type: [Number, String],
-      required: true
+      type: [Number, String]
     },
     urlConfig: {
       type: Object
@@ -57,6 +56,10 @@ const script = defineComponent({
     onFocus: {
       type: Function
     },
+    filterable: {
+      type: Boolean,
+      default: false
+    },
     onChange: {},
     value: {}
   },
@@ -100,7 +103,35 @@ const script = defineComponent({
       }
     }
     const asyncQueue = inject(InjectAsyncQueue);
-    async function fetchData(option) {
+    function fetchData(option) {
+      return props.filterable ? fetchFullData() : fetchGradeData(option);
+    }
+    async function fetchFullData() {
+      if (!props.urlConfig || remoteOptions.value)
+        return;
+      const data = await asyncQueue.addAsync({
+        ...props.urlConfig,
+        params: {
+          lvlnr: 1 + ""
+        },
+        key: title.value
+      });
+      remoteOptions.value = data.map((item) => optionNormalize(item, 0));
+      function optionNormalize(data2, depth) {
+        const result = {
+          [labelKey.value]: data2[labelKey.value],
+          [valueKey.value]: data2[valueKey.value],
+          depth: depth + 1,
+          isLeaf: true
+        };
+        if (isArray(data2.children)) {
+          result.children = data2.children.map((child) => optionNormalize(child, depth + 1));
+          result.isLeaf = !data2.children.length;
+        }
+        return result;
+      }
+    }
+    async function fetchGradeData(option) {
       if (notNeedToFetchData(props, option))
         return;
       const data = await asyncQueue.addAsync(createRequestParams(deepFor(option), configFor(props), title.value, option));
@@ -184,9 +215,11 @@ const script = defineComponent({
         onFocus == null ? void 0 : onFocus(...args);
       };
     }
+    const remote = computed(() => !props.filterable);
     return () => {
       return createVNode(NCascader, {
-        "remote": true,
+        "remote": remote.value,
+        "filterable": props.filterable,
         "checkStrategy": "child",
         "show": !!show.value,
         "onUpdate:show": updateShow,

package/es/components/form-render/src/components/renderer/inputGroup.d.ts

@@ -4,7 +4,7 @@ export declare const INPUT_GROUP: import("vue").DefineComponent<{
     [x: symbol]: never;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     [x: string]: never;
     [x: number]: never;
     [x: symbol]: never;

package/es/components/form-table/index.d.ts

@@ -217,7 +217,7 @@ declare const FormTable: SFCWithInstall<import("vue").DefineComponent<{
                 [x: symbol]: never;
             }, {
                 mergedClsPrefix: import("vue").ComputedRef<string>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 [x: string]: never;
                 [x: number]: never;
                 [x: symbol]: never;

package/es/components/form-table/src/FormTable.vue.d.ts

@@ -217,7 +217,7 @@ declare const _default: import("vue").DefineComponent<{
                 [x: symbol]: never;
             }, {
                 mergedClsPrefix: import("vue").ComputedRef<string>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 [x: string]: never;
                 [x: number]: never;
                 [x: symbol]: never;

package/es/components/form-table/src/components/index.d.ts

@@ -170,7 +170,7 @@ export declare function useComponents(): {
                 [x: symbol]: never;
             }, {
                 mergedClsPrefix: import("vue").ComputedRef<string>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 [x: string]: never;
                 [x: number]: never;
                 [x: symbol]: never;

package/es/components/form-table/src/components/table-age.vue.d.ts

@@ -170,7 +170,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: symbol]: never;
     }, {
         mergedClsPrefix: import("vue").ComputedRef<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         [x: string]: never;
         [x: number]: never;
         [x: symbol]: never;

package/es/components/grid/src/hooks2.js

@@ -113,6 +113,7 @@ const useMethods = () => {
     "clearScroll",
     "clearValidate",
     "clearAll",
+    "clearEdit",
     "resetColumn",
     "closeFilter",
     "closeTooltip",