cnhis-design-vue 3.1.25-beta.4 → 3.1.25-beta.6

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

@@ -912,22 +912,7 @@ declare const _default: import("vue").DefineComponent<{
     NIcon: any;
     CGrid: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     checkMethod: ({ row }: {
-        row: any; /**
-         * 针对 bigTable 的设置列
-         * type: 列的类型
-         * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
-         * title: 列标题（支持开启国际化）
-         * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
-         * minWidth: 最小列宽度；会自动将剩余空间按比例分配
-         * resizable: 列是否允许拖动列宽调整大小
-         * visible: 列是否显示
-         * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
-         * align: 列对齐方式
-         * headerAlign: 表头列的对齐方式
-         * footerAlign: 表尾列的对齐方式
-         * formatter: 格式化显示内容 Function({cellValue, row, column})
-         * sortable: 是否允许列排序
-         */
+        row: any;
     }) => boolean;
     visibleMethod: ({ row }: any) => boolean;
     getRowStyle: ({ row }: any) => string | null;

package/es/components/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,7 @@ import { useMessage, NIcon, NTooltip, NCheckbox, NCheckboxGroup, NGrid, NGi, NSp
 import Grid from '../../grid/index.js';
 import XEUtils from 'xe-utils';
 import 'moment';
-import { handleTableHeight, setTableConfig, handleGroupColums, treeToList, checkMethod, setTreeGroupTitle, handleName, generateEditRender, handlerInitSearchItem, getEvaluate, getMapVal, getCandidateComponents, getageShowType, isLink, showFilter, reScrollFilterWrap, hideFilterWrap, mergeConObjFn, setDefaultFormData, handleImgArr, handleImgSrc, modalDetailImage, handleQrCodeContent, getInlineEditBtn, isCopy, setVisibleCheckAllWrap, handleTableImageSize, visibleMethod, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils.js';
+import { handleTableHeight, setTableConfig, handleGroupColums, treeToList, checkMethod, setTreeGroupTitle, isFilterItem, handleName, generateEditRender, handlerInitSearchItem, getEvaluate, getMapVal, getCandidateComponents, getageShowType, isLink, showFilter, reScrollFilterWrap, hideFilterWrap, mergeConObjFn, setDefaultFormData, handleImgArr, handleImgSrc, modalDetailImage, handleQrCodeContent, getInlineEditBtn, isCopy, setVisibleCheckAllWrap, handleTableImageSize, visibleMethod, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils.js';
 import InputButtonScript from './components/input-button.js';
 import Separate from './components/separate.js';
 import xb_big from '../../../shared/assets/img/xb_big.js';
@@ -405,22 +405,30 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         };
       }
       const currentColumns = fieldList.map((item, index) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i;
         let filterField = false;
+        let isOtherFilter = false;
         let filterItems = [];
         try {
           const fieldSetting = JSON.parse(item.fieldSetting || "{}");
           let notParticipatingSearch = (fieldSetting == null ? void 0 : fieldSetting.notParticipatingSearch) || "";
           filterField = notParticipatingSearch != 1 && ((_a2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _a2.type) === "manual" && item.isMerge != 1;
           filterItems = (_c2 = (_b2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _b2.mappingFiled) == null ? void 0 : _c2.map((item2) => item2.value[0]);
+          if (isFilterItem(item)) {
+            isOtherFilter = filterField = true;
+            filterItems = (_d = item.options) == null ? void 0 : _d.map((item2) => ({
+              ...item2,
+              key: item2.label
+            }));
+          }
         } catch (e) {
         }
-        let notParticipatingSort = ((_d = item == null ? void 0 : item.fieldSetting) == null ? void 0 : _d.notParticipatingSort) || "";
+        let notParticipatingSort = ((_e = item == null ? void 0 : item.fieldSetting) == null ? void 0 : _e.notParticipatingSort) || "";
         let fixed = isAboutNestTable.value ? "" : item.isFixed ? item.isFixed == 1 ? "left" : "right" : "";
         let sortable = props.isNestTable ? false : !filterField && item.isSort == 1 && notParticipatingSort != 1 && item.isMerge != 1;
         let treeNode = props.isNestTable ? false : state.isTree != 0 ? index === 0 : false;
         let type = index === 0 && props.showNestTable ? "expand" : "";
-        const isShow = item.isShow == 1 && ((_e = item == null ? void 0 : item.settingObj) == null ? void 0 : _e.isHide) != 1;
+        const isShow = item.isShow == 1 && ((_f = item == null ? void 0 : item.settingObj) == null ? void 0 : _f.isHide) != 1;
         if (isScanMultiTable2) {
           fixed = "";
           sortable = false;
@@ -435,8 +443,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           fixed,
           sortable,
           headerClassName: "mycolumn",
-          resizable: (_f = item.resizable) != null ? _f : true,
-          showOverflow: (_g = item.showOverflow) != null ? _g : "title",
+          resizable: (_g = item.resizable) != null ? _g : true,
+          showOverflow: (_h = item.showOverflow) != null ? _h : "title",
           treeNode,
           type,
           slots: {
@@ -465,7 +473,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             filterItems
           });
           let field = state.filterFields[item.columnName];
-          handlerInitSearchItem([field]);
+          handlerInitSearchItem([field], isOtherFilter);
           col.slots.header = formatterHeader(item);
         } else {
           col.slots.header = toolTipTitle(item);
@@ -473,7 +481,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (!isScanMultiTable2 && !isFunction(attr.footerMethod) && !isFunction(attr["footer-method"])) {
           col.slots.footer = "tooltip_footer";
         }
-        if (props.showNestTable && state.isTree == 0 && ((_h = props.curNestColumnConfig) == null ? void 0 : _h.isTree) == 0) {
+        if (props.showNestTable && state.isTree == 0 && ((_i = props.curNestColumnConfig) == null ? void 0 : _i.isTree) == 0) {
           col.slots.content = "nest_table_content";
         }
         return col;

package/es/components/big-table/src/utils.d.ts

@@ -1,3 +1,4 @@
+import { AnyObject } from '../../../../es/shared/types';
 /** 评价组件 */
 export declare const getEvaluate: (row: any, item: any) => any;
 export declare const getMapVal: (row: any, item: any) => any;
@@ -6,7 +7,8 @@ export declare const getageShowType: (row: any, item: any) => any;
 export declare const reScrollFilterWrap: () => void;
 export declare const showFilter: (field: any, columnName: any, event: any, props: any, state: any) => false | undefined;
 export declare const handleGroupColums: (columns: any, props: any) => any[];
-export declare const handlerInitSearchItem: (arr: any) => void;
+export declare const isFilterItem: (item: AnyObject) => any;
+export declare const handlerInitSearchItem: (arr: any, isOtherFilter: boolean) => void;
 export declare const generateEditRender: (fieldItem: any) => {
     name: string;
     enabled: boolean;

package/es/components/big-table/src/utils.js

@@ -73,7 +73,7 @@ const getConObj = (arr, state) => {
     } else if (!XEUtils.isEmpty(item.QUOTE)) {
       value = item.QUOTE.join("|#|");
     } else if (!XEUtils.isEmpty(item.CONVERT)) {
-      value = item.CONVERT.map((item2) => JSON.parse(item2));
+      value = item.CONVERT.map((item2) => ["string", "number"].includes(typeof item2) ? item2 : JSON.parse(item2));
     } else if (item.DATE) {
       if (item.DATE.start_val || item.DATE.end_val) {
         item.DATE.con = "IN";
@@ -144,7 +144,7 @@ const reScrollFilterWrap = () => {
   });
 };
 const showFilter = (field, columnName, event, props, state) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e, _f;
   if (props.isInlineOperating)
     return false;
   const target = event.target;
@@ -166,7 +166,7 @@ const showFilter = (field, columnName, event, props, state) => {
   field.visible = !field.visible;
   const len = (_a = state.filterFields[columnName]) == null ? void 0 : _a.CONVERT.length;
   field.checkAll = len === ((_c = (_b = state.filterFields[columnName]) == null ? void 0 : _b.filterItems) == null ? void 0 : _c.length);
-  field.indeterminate = !!len && len !== field.setting.showSetting.length;
+  field.indeterminate = !!len && len !== (((_e = (_d = field.setting) == null ? void 0 : _d.showSetting) == null ? void 0 : _e.length) || ((_f = field.options) == null ? void 0 : _f.length));
   field.searchFilterText = "";
 };
 const handleGroupColums = (columns, props) => {
@@ -183,11 +183,21 @@ const handleGroupColums = (columns, props) => {
     return fieldList.find((field) => (field.columnName || field.type) === fieldName);
   }
 };
-const handlerInitSearchItem = (arr) => {
+const isFilterItem = (item) => {
+  var _a;
+  const filterTypes = ["search", "select", "radio", "checkbox"];
+  const notParticipatingSearch = item.notParticipatingSearch || "";
+  return notParticipatingSearch != 1 && filterTypes.includes(item.formType) && ((_a = item.options) == null ? void 0 : _a.length);
+};
+const handlerInitSearchItem = (arr, isOtherFilter) => {
   if (!Array.isArray(arr))
     return;
   arr.forEach((el) => {
     var _a;
+    if (isOtherFilter) {
+      el["CONVERT"] = [];
+      return;
+    }
     if (el.setting) {
       el.setting = typeof el.setting == "string" ? JSON.parse(el.setting) : el.setting;
       if (!XEUtils.isEmpty(el.setting.wordbook)) {
@@ -605,4 +615,4 @@ const setVisibleCheckAllWrap = (state, props, currentCheckedKeys) => {
   state.visibleCheckAllWrapMore = isSpreadSelected || isLargerOrEqualPageSize && !isShowAllTable;
 };
 
-export { checkMethod, flattenRow, generateEditRender, getCandidateComponents, getEvaluate, getFooterGroup, getInlineEditBtn, getMapVal, getRowStyle, getageShowType, handleGroupColums, handleImgArr, handleImgSrc, handleName, handleQrCodeContent, handleTableHeight, handleTableImageSize, handlerInitSearchItem, hideFilterWrap, intersectRow, isCopy, isLink, mergeConObjFn, modalDetailImage, reScrollFilterWrap, removeCheckedDisabledRows, setDefaultFormData, setFilterStatus, setTableConfig, setTreeGroupTitle, setVisibleCheckAllWrap, showFilter, treeToList, visibleMethod };
+export { checkMethod, flattenRow, generateEditRender, getCandidateComponents, getEvaluate, getFooterGroup, getInlineEditBtn, getMapVal, getRowStyle, getageShowType, handleGroupColums, handleImgArr, handleImgSrc, handleName, handleQrCodeContent, handleTableHeight, handleTableImageSize, handlerInitSearchItem, hideFilterWrap, intersectRow, isCopy, isFilterItem, isLink, mergeConObjFn, modalDetailImage, reScrollFilterWrap, removeCheckedDisabledRows, setDefaultFormData, setFilterStatus, setTableConfig, setTreeGroupTitle, setVisibleCheckAllWrap, showFilter, treeToList, visibleMethod };

package/es/components/field-set/index.d.ts

@@ -140,6 +140,79 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
     NSpin: any;
     NTooltip: any;
     NPopconfirm: any;
+    draggable: import("vue").DefineComponent<{
+        list: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        modelValue: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        itemKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            required: boolean;
+        };
+        clone: {
+            type: FunctionConstructor;
+            default: (original: any) => any;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        move: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        componentData: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: any;
+        };
+    }, unknown, {
+        error: boolean;
+    }, {
+        realList(): any;
+        getKey(): any;
+    }, {
+        getUnderlyingVm(domElement: any): any;
+        getUnderlyingPotencialDraggableComponent(htmElement: any): any;
+        emitChanges(evt: any): void;
+        alterList(onList: any): void;
+        spliceList(): void;
+        updatePosition(oldIndex: any, newIndex: any): void;
+        getRelatedContextFromMoveEvent({ to, related }: {
+            to: any;
+            related: any;
+        }): any;
+        getVmIndexFromDomIndex(domIndex: any): any;
+        onDragStart(evt: any): void;
+        onDragAdd(evt: any): void;
+        onDragRemove(evt: any): void;
+        onDragUpdate(evt: any): void;
+        computeFutureIndex(relatedContext: any, evt: any): any;
+        onDragMove(evt: any, originalEvent: any): any;
+        onDragEnd(): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    } & {
+        itemKey?: string | Function | undefined;
+    }>, {
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSave" | "onClose" | "reset")[], "onSave" | "onClose" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: import("vue").PropType<any[]>;

package/es/components/field-set/src/FieldSet.js

@@ -1,5 +1,6 @@
-import { defineComponent, ref, reactive, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot } from 'vue';
+import { defineComponent, ref, reactive, watch, onMounted, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot } from 'vue';
 import { NSpin, NCheckbox, NTooltip, NSelect, NInput, NInputNumber, NPopconfirm, NButton } from 'naive-ui';
+import draggableComponent from '../../../shared/components/VueDraggable/src/vuedraggable.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { class: "fields-set-content" };
@@ -226,7 +227,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getTableFields
     });
     return (_ctx, _cache) => {
-      const _component_draggable = resolveComponent("draggable");
       return openBlock(), createElementBlock("div", {
         ref_key: "settingView",
         ref: settingView,
@@ -294,7 +294,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ref: "setShow",
                   class: normalizeClass(["set-show", { "set-show-api": !state.isCustomSearch }])
                 }, [
-                  createVNode(_component_draggable, {
+                  createVNode(unref(draggableComponent), {
                     list: state.fields,
                     animation: "150",
                     "item-key": "id",

package/es/components/field-set/src/FieldSet.vue.d.ts

@@ -94,6 +94,79 @@ declare const _default: import("vue").DefineComponent<{
     NSpin: any;
     NTooltip: any;
     NPopconfirm: any;
+    draggable: import("vue").DefineComponent<{
+        list: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        modelValue: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        itemKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            required: boolean;
+        };
+        clone: {
+            type: FunctionConstructor;
+            default: (original: any) => any;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        move: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        componentData: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: any;
+        };
+    }, unknown, {
+        error: boolean;
+    }, {
+        realList(): any;
+        getKey(): any;
+    }, {
+        getUnderlyingVm(domElement: any): any;
+        getUnderlyingPotencialDraggableComponent(htmElement: any): any;
+        emitChanges(evt: any): void;
+        alterList(onList: any): void;
+        spliceList(): void;
+        updatePosition(oldIndex: any, newIndex: any): void;
+        getRelatedContextFromMoveEvent({ to, related }: {
+            to: any;
+            related: any;
+        }): any;
+        getVmIndexFromDomIndex(domIndex: any): any;
+        onDragStart(evt: any): void;
+        onDragAdd(evt: any): void;
+        onDragRemove(evt: any): void;
+        onDragUpdate(evt: any): void;
+        computeFutureIndex(relatedContext: any, evt: any): any;
+        onDragMove(evt: any, originalEvent: any): any;
+        onDragEnd(): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    } & {
+        itemKey?: string | Function | undefined;
+    }>, {
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSave" | "onClose" | "reset")[], "onSave" | "onClose" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: PropType<any[]>;

package/es/components/form-render/index.js

@@ -13,7 +13,9 @@ export { BusinessCollector, useBusinessBinding } from './src/hooks/useBusinessBi
 export { ContextCollector, useChangeContext } from './src/hooks/useChangeContext.js';
 export { FormItemDepsCollector, useFormItemDeps } from './src/hooks/useFormItemDeps.js';
 export { useAnchor } from './src/hooks/useAnchor.js';
+export { useAutographOptions } from './src/hooks/useAutographOptions.js';
 export { useFormContext } from './src/hooks/useFormContext.js';
+export { useCommonInjection, useSelectOptionProps } from './src/hooks/useCommonInjection.js';
 export * from '@formily/core';
 
 const FormRender = script;

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

@@ -1,26 +1,90 @@
 import { AnyObject } from '../../../../../../es/shared/types';
 import { PropType } from 'vue';
 export declare const CHECKBOX: import("vue").DefineComponent<{
+    value: {};
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    autograph: {
+        type: StringConstructor;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordbook: {
+        type: PropType<Partial<{
+            level_num: number;
+            id: string;
+            name: string;
+            render_key: string[];
+            search_key: string[];
+            primary_key: string;
+            type: string;
+            value_key: string;
+            level_key: string;
+            link_key: string;
+            link_key_split: string;
+            show_key: string[];
+            conObj: AnyObject[];
+            conObjFirstLevel: AnyObject[];
+        }>>;
+    };
     vertical: {
         type: BooleanConstructor;
         default: boolean;
     };
     onChange: {};
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
+    value: {};
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    autograph: {
+        type: StringConstructor;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordbook: {
+        type: PropType<Partial<{
+            level_num: number;
+            id: string;
+            name: string;
+            render_key: string[];
+            search_key: string[];
+            primary_key: string;
+            type: string;
+            value_key: string;
+            level_key: string;
+            link_key: string;
+            link_key_split: string;
+            show_key: string[];
+            conObj: AnyObject[];
+            conObjFirstLevel: AnyObject[];
+        }>>;
+    };
     vertical: {
         type: BooleanConstructor;
         default: boolean;
     };
     onChange: {};
-}>>, {
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
     options: AnyObject[];
     vertical: boolean;
+    lazyRequest: boolean;
+    requestCache: boolean;
 }>;

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

@@ -1,34 +1,72 @@
-import { defineComponent, createVNode } from 'vue';
+import { defineComponent, computed, createVNode } from 'vue';
+import '../../../index.js';
 import '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NCheckboxGroup, NSpace, NCheckbox } from 'naive-ui';
-import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
+import { useAutographOptions } from '../../hooks/useAutographOptions.js';
+import { assignUpdateValue } from '../../utils/schema.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection.js';
 
 const script = defineComponent({
   name: "FormCheckbox",
   props: {
+    value: {},
     options: {
       type: Array,
       default: () => []
     },
+    autograph: {
+      type: String
+    },
+    lazyRequest: {
+      type: Boolean,
+      default: false
+    },
+    requestCache: {
+      type: Boolean,
+      default: true
+    },
+    wordbook: {
+      type: Object
+    },
     vertical: {
       type: Boolean,
       default: false
     },
     onChange: {}
   },
-  setup(props) {
-    return () => createVNode(NCheckboxGroup, null, {
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get: () => props.value,
+      set: (v) => emit("update:value", v)
+    });
+    const {
+      labelKey,
+      valueKey,
+      options
+    } = useAutographOptions(props, valueRef);
+    const {
+      injectValueBindKey
+    } = useCommonInjection();
+    const key = injectValueBindKey(valueRef);
+    return () => createVNode(NCheckboxGroup, {
+      "key": key.value,
+      "value": valueRef.value,
+      "onUpdate:value": ($event) => valueRef.value = $event
+    }, {
       default: () => [createVNode(NSpace, {
         "vertical": props.vertical
       }, {
         default: () => {
           var _a;
-          return [(_a = props.options) == null ? void 0 : _a.map((option) => createVNode(NCheckbox, {
-            "key": option.value,
-            "value": option.value
+          return [(_a = options.value) == null ? void 0 : _a.map((option) => createVNode(NCheckbox, {
+            "key": option[valueKey.value],
+            "value": option[valueKey.value]
           }, {
-            default: () => [option.text]
+            default: () => [option[labelKey.value]]
           }))];
         }
       })]
@@ -37,6 +75,6 @@ const script = defineComponent({
 });
 const CHECKBOX = connect(script, mapProps({
   dataSource: "options"
-}, assignUpdateValue, assignValueBindKey));
+}, assignUpdateValue));
 
 export { CHECKBOX };

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

@@ -8,6 +8,35 @@ export declare const RADIO: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    autograph: {
+        type: StringConstructor;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordbook: {
+        type: PropType<Partial<{
+            level_num: number;
+            id: string;
+            name: string;
+            render_key: string[];
+            search_key: string[];
+            primary_key: string;
+            type: string;
+            value_key: string;
+            level_key: string;
+            link_key: string;
+            link_key_split: string;
+            show_key: string[];
+            conObj: AnyObject[];
+            conObjFirstLevel: AnyObject[];
+        }>>;
+    };
     vertical: {
         type: BooleanConstructor;
         default: boolean;
@@ -21,6 +50,35 @@ export declare const RADIO: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    autograph: {
+        type: StringConstructor;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordbook: {
+        type: PropType<Partial<{
+            level_num: number;
+            id: string;
+            name: string;
+            render_key: string[];
+            search_key: string[];
+            primary_key: string;
+            type: string;
+            value_key: string;
+            level_key: string;
+            link_key: string;
+            link_key_split: string;
+            show_key: string[];
+            conObj: AnyObject[];
+            conObjFirstLevel: AnyObject[];
+        }>>;
+    };
     vertical: {
         type: BooleanConstructor;
         default: boolean;
@@ -31,4 +89,6 @@ export declare const RADIO: import("vue").DefineComponent<{
 }, {
     options: AnyObject[];
     vertical: boolean;
+    lazyRequest: boolean;
+    requestCache: boolean;
 }>;

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

@@ -1,10 +1,16 @@
-import { defineComponent, computed, createVNode } from 'vue';
+import { defineComponent, computed, createVNode, isVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { isNumber } from 'lodash-es';
 import { NRadioGroup, NSpace, NRadio } from 'naive-ui';
+import '../../../index.js';
 import '../../utils/index.js';
-import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
+import { useAutographOptions } from '../../hooks/useAutographOptions.js';
+import { assignUpdateValue } from '../../utils/schema.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection.js';
 
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const script = defineComponent({
   props: {
     value: {
@@ -14,6 +20,20 @@ const script = defineComponent({
       type: Array,
       default: () => []
     },
+    autograph: {
+      type: String
+    },
+    lazyRequest: {
+      type: Boolean,
+      default: false
+    },
+    requestCache: {
+      type: Boolean,
+      default: true
+    },
+    wordbook: {
+      type: Object
+    },
     vertical: {
       type: Boolean,
       default: false
@@ -37,24 +57,30 @@ const script = defineComponent({
         emit("update:value", v);
       }
     });
+    const {
+      labelKey,
+      valueKey,
+      options
+    } = useAutographOptions(props, valueRef);
+    const {
+      injectValueBindKey
+    } = useCommonInjection();
+    const key = injectValueBindKey(valueRef);
     return () => {
+      let _slot;
       return createVNode(NRadioGroup, {
+        "key": key.value,
         "value": valueRef.value,
         "onUpdate:value": ($event) => valueRef.value = $event
       }, {
         default: () => [createVNode(NSpace, {
           "vertical": props.vertical
+        }, _isSlot(_slot = options.value.map((option) => createVNode(NRadio, {
+          "value": option[valueKey.value]
         }, {
-          default: () => {
-            var _a;
-            return [(_a = props.options) == null ? void 0 : _a.map((option) => {
-              return createVNode(NRadio, {
-                "value": option.value
-              }, {
-                default: () => [option.text]
-              });
-            })];
-          }
+          default: () => [option[labelKey.value]]
+        }))) ? _slot : {
+          default: () => [_slot]
         })]
       });
     };
@@ -62,6 +88,6 @@ const script = defineComponent({
 });
 const RADIO = connect(script, mapProps({
   dataSource: "options"
-}, assignUpdateValue, assignValueBindKey));
+}, assignUpdateValue));
 
 export { RADIO };

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

@@ -1,4 +1,4 @@
-import { AnyObject, Func } from '../../../../../../es/shared/types';
+import { Func } from '../../../../../../es/shared/types';
 import { PropType } from 'vue';
 export declare const SEARCH: import("vue").DefineComponent<{
     value: {
@@ -30,8 +30,8 @@ export declare const SEARCH: import("vue").DefineComponent<{
             link_key: string;
             link_key_split: string;
             show_key: string[];
-            conObj: AnyObject[];
-            conObjFirstLevel: AnyObject[];
+            conObj: import("../../../../../../es/shared/types").AnyObject[];
+            conObjFirstLevel: import("../../../../../../es/shared/types").AnyObject[];
         }>>;
         required: true;
     };
@@ -69,8 +69,8 @@ export declare const SEARCH: import("vue").DefineComponent<{
             link_key: string;
             link_key_split: string;
             show_key: string[];
-            conObj: AnyObject[];
-            conObjFirstLevel: AnyObject[];
+            conObj: import("../../../../../../es/shared/types").AnyObject[];
+            conObjFirstLevel: import("../../../../../../es/shared/types").AnyObject[];
         }>>;
         required: true;
     };

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

@@ -1,13 +1,11 @@
-import { defineComponent, computed, ref, inject, watch, createVNode } from 'vue';
-import { useDebounceFn } from '@vueuse/core';
-import { isString, cloneDeep, isEqual } from 'lodash-es';
-import { useCommonInjection, useSelectOptionProps } from '../../hooks/useCommonInjection.js';
-import { InjectAsyncQueue, InjectionChangeContextCollector } from '../../constants/index.js';
+import { defineComponent, computed, inject, createVNode } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { InjectionChangeContextCollector } from '../../constants/index.js';
 import '../../../../../shared/utils/index.js';
 import '../../../index.js';
-import { formRenderLog, optionMatcher } from '../../utils/index.js';
-import { useFormRequest } from '../../hooks/useFormRequest.js';
+import '../../utils/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
+import '@vueuse/core';
 import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
 import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
@@ -20,9 +18,11 @@ import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
 import '../../hooks/useFormValidator.js';
 import '@formily/core';
+import { useAutographOptions } from '../../hooks/useAutographOptions.js';
 import '@vue/shared';
 import { connect, mapProps } from '@formily/vue';
 import './index.js';
+import { useCommonInjection, useSelectOptionProps } from '../../hooks/useCommonInjection.js';
 import { NSelect } from 'naive-ui';
 import { visitedDecorator, assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
 
@@ -62,72 +62,25 @@ const script = defineComponent({
       get: () => props.value,
       set: (v) => emit("update:value", v)
     });
-    const remoteOptions = ref(null);
-    const lastSearch = ref("");
-    const labelKey = computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = props.wordbook) == null ? void 0 : _a.render_key) == null ? void 0 : _b[0]) != null ? _c : "text";
-    });
-    const valueKey = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.wordbook) == null ? void 0 : _a.value_key) != null ? _b : "value";
-    });
     const {
       field,
       fieldKey
     } = useFormField();
-    const asyncQueue = inject(InjectAsyncQueue);
     const {
-      getSearchRequestInfo
-    } = useFormRequest();
-    const fetchData = useDebounceFn(async function(content) {
-      lastSearch.value = content || "";
-      if (remoteOptions.value && props.requestCache)
-        return;
-      try {
-        remoteOptions.value = await asyncQueue.addAsync(createParams(props.wordbook, props.autograph, field.value, fieldKey.value));
-      } catch (e) {
-        isString(e) && formRenderLog(e);
-      }
-      function createParams(wordbook, autograph, field2, key2) {
-        const params = {
-          autograph,
-          wordbookId: wordbook.id,
-          wordbookType: wordbook.type,
-          fieldKeys: wordbook.search_key,
-          keyword: "",
-          page: 1
-        };
-        return {
-          ...getSearchRequestInfo(),
-          params,
-          key: key2,
-          cache: props.requestCache
-        };
-      }
-    }, 300);
-    const parsedOptions = computed(() => {
-      return remoteOptions.value ? optionMatcher(remoteOptions.value, lastSearch.value, labelKey.value) : [];
-    });
+      fetchData,
+      labelKey,
+      valueKey,
+      options
+    } = useAutographOptions(props, valueRef);
     const changeContextCollector = inject(InjectionChangeContextCollector);
     changeContextCollector.setContext(fieldKey.value, (v) => {
       return {
         currentOption: cloneDeep(getCurrentOption(v))
       };
       function getCurrentOption(v2) {
-        return parsedOptions.value.find((option) => option[valueKey.value] === v2);
+        return options.value.find((option) => option[valueKey.value] === v2);
       }
     });
-    watch(() => props.wordbook, (wordbook, oldWordbook) => {
-      if (isEqual(wordbook, oldWordbook))
-        return;
-      remoteOptions.value = null;
-      if (!wordbook)
-        return;
-      (valueRef.value || !props.lazyRequest) && fetchData();
-    }, {
-      immediate: true
-    });
     const {
       injectValueValidate,
       injectValueWatchFromEmpty,
@@ -150,7 +103,7 @@ const script = defineComponent({
       "node-props": nodeProps,
       "labelField": labelKey.value,
       "valueField": valueKey.value,
-      "options": parsedOptions.value,
+      "options": options.value,
       "onSearch": fetchData,
       "onUpdate:show": (show) => show && fetchData(),
       "onFocus": visitedDecorator(field, props.onFocus)

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

@@ -10,4 +10,6 @@ export * from './useBusinessBinding';
 export * from './useChangeContext';
 export * from './useFormItemDeps';
 export * from './useAnchor';
+export * from './useAutographOptions';
 export * from './useFormContext';
+export * from './useCommonInjection';

package/es/components/form-render/src/hooks/index.js

@@ -10,4 +10,6 @@ export { BusinessCollector, useBusinessBinding } from './useBusinessBinding.js';
 export { ContextCollector, useChangeContext } from './useChangeContext.js';
 export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps.js';
 export { useAnchor } from './useAnchor.js';
+export { useAutographOptions } from './useAutographOptions.js';
 export { useFormContext } from './useFormContext.js';
+export { useCommonInjection, useSelectOptionProps } from './useCommonInjection.js';

package/es/components/form-render/src/hooks/useAutographOptions.d.ts

@@ -0,0 +1,17 @@
+import { AnyObject } from '../../../../../es/shared/types';
+import { Ref } from 'vue';
+import { FormWordbook } from '../../../../../es/components/form-render';
+export declare function useAutographOptions(props: {
+    requestCache?: boolean;
+    wordbook?: FormWordbook;
+    autograph?: string;
+    lazyRequest?: boolean;
+    options?: AnyObject[];
+}, valueRef: Ref): {
+    valueRef: Ref<any>;
+    options: import("vue").ComputedRef<AnyObject[]>;
+    fetchData: (content?: string) => Promise<void>;
+    labelKey: import("vue").ComputedRef<string>;
+    valueKey: import("vue").ComputedRef<string>;
+    lastSearch: Ref<string>;
+};

package/es/components/form-render/src/hooks/useAutographOptions.js

@@ -0,0 +1,70 @@
+import { useDebounceFn } from '@vueuse/core';
+import { isString, isEqual } from 'lodash-es';
+import { getCurrentInstance, inject, computed, ref, watch } from 'vue';
+import '../../index.js';
+import { InjectAsyncQueue } from '../constants/index.js';
+import { formRenderLog, optionMatcher } from '../utils/index.js';
+import { useFormField } from './useFormField.js';
+import { useFormRequest } from './useFormRequest.js';
+
+function useAutographOptions(props, valueRef) {
+  if (!getCurrentInstance())
+    throw new Error("can't use this hook out of setup environment");
+  const asyncQueue = inject(InjectAsyncQueue);
+  const labelKey = computed(() => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = props.wordbook) == null ? void 0 : _a.render_key) == null ? void 0 : _b[0]) != null ? _c : "text";
+  });
+  const valueKey = computed(() => {
+    var _a, _b;
+    return (_b = (_a = props.wordbook) == null ? void 0 : _a.value_key) != null ? _b : "value";
+  });
+  const remoteOptions = ref(null);
+  const lastSearch = ref("");
+  const { field, fieldKey } = useFormField();
+  const { getSearchRequestInfo } = useFormRequest();
+  const fetchData = useDebounceFn(async function(content) {
+    if (!props.autograph || !props.wordbook)
+      return;
+    lastSearch.value = content || "";
+    if (remoteOptions.value && props.requestCache)
+      return;
+    try {
+      remoteOptions.value = await asyncQueue.addAsync(
+        createParams(props.wordbook, props.autograph, field.value, fieldKey.value)
+      );
+    } catch (e) {
+      isString(e) && formRenderLog(e);
+    }
+    function createParams(wordbook, autograph, field2, key) {
+      const params = {
+        autograph,
+        wordbookId: wordbook.id,
+        wordbookType: wordbook.type,
+        fieldKeys: wordbook.search_key,
+        keyword: "",
+        page: 1
+      };
+      return { ...getSearchRequestInfo(), params, key, cache: props.requestCache };
+    }
+  }, 300);
+  const options = computed(() => {
+    var _a;
+    return remoteOptions.value ? optionMatcher(remoteOptions.value, lastSearch.value, labelKey.value) : (_a = props.options) != null ? _a : [];
+  });
+  watch(
+    () => props.wordbook,
+    (wordbook, oldWordbook) => {
+      if (isEqual(wordbook, oldWordbook))
+        return;
+      remoteOptions.value = null;
+      if (!wordbook)
+        return;
+      (valueRef.value || !props.lazyRequest) && fetchData();
+    },
+    { immediate: true }
+  );
+  return { valueRef, options, fetchData, labelKey, valueKey, lastSearch };
+}
+
+export { useAutographOptions };

package/es/components/form-render/src/hooks/useFieldListAdaptor.js

@@ -7,6 +7,16 @@ import { fieldKeyEscape, createLinebarId } from '../utils/schema.js';
 import { transformDateFormat } from '../utils/business.js';
 import { useFormValidator } from './useFormValidator.js';
 
+function bindAutoGraphProps(schema, item) {
+  Object.assign(schema["x-component-props"], {
+    ...pick(item, ["wordbook", "autograph"])
+  });
+}
+function bindUrlProps(schema, item) {
+  Object.assign(schema["x-component-props"], {
+    ...pick(item, ["urlConfig"])
+  });
+}
 function useFieldListAdaptor(collector) {
   const { createValidatorSchema } = useFormValidator();
   const createStandardSchema = (item) => {
@@ -63,6 +73,7 @@ function useFieldListAdaptor(collector) {
     if (item.urlConfig) {
       bindUrlProps(schema, item);
     } else if (item.autograph) {
+      schema["x-component"] = "SEARCH";
       bindAutoGraphProps(schema, item);
     }
     bindCommonProps(schema, item);
@@ -77,17 +88,6 @@ function useFieldListAdaptor(collector) {
       });
       multiple && (schema2.type = "array");
     }
-    function bindAutoGraphProps(schema2, item2) {
-      schema2["x-component"] = "SEARCH";
-      Object.assign(schema2["x-component-props"], {
-        ...pick(item2, ["wordbook", "autograph"])
-      });
-    }
-    function bindUrlProps(schema2, item2) {
-      Object.assign(schema2["x-component-props"], {
-        ...pick(item2, ["urlConfig"])
-      });
-    }
   };
   const createRadioSchema = (item) => {
     const schema = createStandardSchema(item);
@@ -95,6 +95,7 @@ function useFieldListAdaptor(collector) {
       options: item.option,
       vertical: item.__vertical
     });
+    bindAutoGraphProps(schema, item);
     return schema;
   };
   const createDateSchema = (item) => {

package/es/components/index.js

@@ -52,7 +52,9 @@ export { BusinessCollector, useBusinessBinding } from './form-render/src/hooks/u
 export { ContextCollector, useChangeContext } from './form-render/src/hooks/useChangeContext.js';
 export { FormItemDepsCollector, useFormItemDeps } from './form-render/src/hooks/useFormItemDeps.js';
 export { useAnchor } from './form-render/src/hooks/useAnchor.js';
+export { useAutographOptions } from './form-render/src/hooks/useAutographOptions.js';
 export { useFormContext } from './form-render/src/hooks/useFormContext.js';
+export { useCommonInjection, useSelectOptionProps } from './form-render/src/hooks/useCommonInjection.js';
 export * from '@formily/core';
 export { GlobalShortcutProvider, ShortcutManager, useShortcuts } from './shortcut-provider/src/hooks/useShortcuts.js';
 export { useShortcutSignature } from './shortcut-provider/src/hooks/useShortcutSignature.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.1.25-beta.4",
+	"version": "3.1.25-beta.6",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -61,5 +61,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "aa7ce9ac5ef2d3ef0f06718f1f95ee15f2615bfb"
+	"gitHead": "cdc0700e3b31c56511fd783b638509159867a942"
 }