cnhis-design-vue 3.3.1-release.4 → 3.3.2-beta.1

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

@@ -89,12 +89,8 @@ function createComponent(name, Wrapper, Item) {
         return value;
       }
       const valueRef = computed({
-        get() {
-          return dangerousTypeTransform(props.value);
-        },
-        set(value) {
-          emit("update:value", value);
-        }
+        get: () => dangerousTypeTransform(props.value),
+        set: (value) => emit("update:value", value)
       });
       const {
         renderComplexOption
@@ -165,7 +161,11 @@ function createComponent(name, Wrapper, Item) {
           }
         });
       }
+      const {
+        getFieldItem
+      } = useFormField();
       function renderOption(option) {
+        var _a;
         let _slot;
         const childInnerWidthMode = option.__spanPercent && props.childWidthMode === "inner";
         const style = {
@@ -185,6 +185,7 @@ function createComponent(name, Wrapper, Item) {
           "disabled": option.disabled,
           "currentValue": valueRef.value,
           "cancelable": props.clearable,
+          "showType": ((_a = getFieldItem()) == null ? void 0 : _a.selected_style) === "CHECK_MARK" ? "checkbox" : "",
           "onCancel": onCancel,
           "style": style
         }, _isSlot(_slot = renderComplexOption({
@@ -210,11 +211,11 @@ function createComponent(name, Wrapper, Item) {
           };
         });
         const elementStyle = {
-          display: "flex",
+          alignItems: props.vertical ? "flex-start" : "center",
           flexDirection: props.vertical ? "column" : "row",
+          display: "flex",
           flexWrap: "wrap",
           justifyItems: "flex-start",
-          alignItems: props.vertical ? "flex-start" : "center",
           width: "100%"
         };
         const _Wrapper = Wrapper;

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

@@ -69,7 +69,7 @@ const script = /* @__PURE__ */ defineComponent({
     const globProps = inject(InjectionFormGlobalProps);
     const {
       schemaAdaptor
-    } = useFieldListAdaptor(collector, globProps.lifeCycle);
+    } = useFieldListAdaptor(collector, globProps);
     return () => {
       var _a;
       if (!hasWidget.value)

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 export declare const TEXTAREA: import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
@@ -5,6 +6,12 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
     rows: {
         type: NumberConstructor;
     };
+    onChange: {};
+    updateKey: {};
+    eventType: {
+        type: PropType<"change" | "input">;
+        default: string;
+    };
 }, () => 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: {
         type: StringConstructor;
@@ -12,6 +19,14 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
     rows: {
         type: NumberConstructor;
     };
+    onChange: {};
+    updateKey: {};
+    eventType: {
+        type: PropType<"change" | "input">;
+        default: string;
+    };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {
+    eventType: "change" | "input";
+}>;

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

@@ -1,8 +1,8 @@
-import { defineComponent, computed, inject, createVNode, mergeProps } from 'vue';
+import { defineComponent, computed, ref, watch, inject, createVNode, mergeProps } from 'vue';
+import { LifeCycleTypes } from '@formily/core';
+import '../../../index.js';
 import { InjectionFormGlobalProps } from '../../constants/index.js';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
 import '../../../../../shared/utils/index.js';
-import '@formily/core';
 import '@formily/path';
 import '@vicons/ionicons5';
 import '@vue/shared';
@@ -12,7 +12,8 @@ import { NInput } from 'naive-ui';
 import './text.js';
 import '../../utils/business.js';
 import { assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
-import { connect, mapProps, useField } from '@formily/vue';
+import { connect, mapProps } from '@formily/vue';
+import { useFormField } from '../../hooks/useFormField.js';
 
 const script = /* @__PURE__ */ defineComponent({
   name: "FormTextarea",
@@ -22,18 +23,38 @@ const script = /* @__PURE__ */ defineComponent({
     },
     rows: {
       type: Number
+    },
+    onChange: {},
+    updateKey: {},
+    eventType: {
+      type: String,
+      default: "input"
     }
   },
   emits: ["update:value"],
   setup(props, {
     emit
   }) {
+    const {
+      getFieldItem,
+      field
+    } = useFormField();
     const valueRef = computed({
       get: () => props.value,
-      set: (v) => emit("update:value", v)
+      set: (v) => {
+        emit("update:value", v);
+        field.value.notify(LifeCycleTypes.ON_FIELD_INPUT_VALUE_CHANGE);
+      }
+    });
+    const isChangeMode = computed(() => {
+      var _a;
+      return props.eventType === "change" || ((_a = getFieldItem()) == null ? void 0 : _a.confirmBeforeValueChange);
+    });
+    const key = ref(1);
+    watch([valueRef, () => props.updateKey], (n, o) => {
+      if (n === void 0 && o !== void 0 || isChangeMode.value)
+        key.value++;
     });
-    const key = useCommonInjection().injectValueBindKey(valueRef);
-    const field = useField();
     const globProps = inject(InjectionFormGlobalProps, {});
     const borderState = computed(() => {
       var _a, _b, _c;
@@ -50,7 +71,14 @@ const script = /* @__PURE__ */ defineComponent({
       };
     });
     return () => {
-      return createVNode(NInput, mergeProps({
+      var _a;
+      return props.eventType === "change" || ((_a = getFieldItem()) == null ? void 0 : _a.confirmBeforeValueChange) ? createVNode(NInput, mergeProps({
+        "type": "textarea"
+      }, rowsProps.value, {
+        "key": key.value,
+        "defaultValue": valueRef.value,
+        "onChange": (value) => valueRef.value = value
+      }), null) : createVNode(NInput, mergeProps({
         "type": "textarea"
       }, rowsProps.value, {
         "key": key.value,

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

@@ -11,6 +11,7 @@ import '@vueuse/core';
 import 'naive-ui';
 import '../components/renderer/text.js';
 import { isIdCard, parseIdCard, parseAgeFromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
+import '../../index.js';
 
 class BusinessCollector {
   constructor(businessFormatter) {

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

@@ -3,7 +3,7 @@ import { checkInSetupEnv } from '../../../../shared/utils/index.js';
 import { useField, useForm, RecursionField } from '@formily/vue';
 import { isArray, noop, isEmpty } from 'lodash-es';
 import '../../index.js';
-import { InjectionFormUUID, InjectionBusinessCollector } from '../constants/index.js';
+import { InjectionFormUUID, InjectionBusinessCollector, InjectionFormGlobalProps } from '../constants/index.js';
 import { renderOptionLabel, renderDescOption } from '../utils/index.js';
 import { useFieldListAdaptor } from './useFieldListAdaptor.js';
 import { createObjSchema } from '../utils/schema.js';
@@ -60,9 +60,10 @@ const ChildSchemaField = /* @__PURE__ */ defineComponent({
     function prepend(fieldKey) {
       return `${virtualField}.${fieldKey}`;
     }
+    const globProps = inject(InjectionFormGlobalProps);
     const {
       schemaAdaptor
-    } = useFieldListAdaptor(collector);
+    } = useFieldListAdaptor(collector, globProps);
     function assignConfig(schema2) {
       var _a, _b, _c, _d;
       return Object.assign(schema2, {

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

@@ -1,9 +1,9 @@
-import { BusinessCollector, FormRenderProps, FormRenderLifeCycle } from '../../../../components/form-render';
+import { BusinessCollector, FormRenderProps } from '../../../../components/form-render';
 import { FieldItem } from '../types';
 /**
  * @description 胶水层, 将低代码平台中的fieldList转换为JSONSchema
  */
-export declare function useFieldListAdaptor(collector?: BusinessCollector, hooks?: FormRenderLifeCycle): {
+export declare function useFieldListAdaptor(collector?: BusinessCollector, globProps?: FormRenderProps): {
     schemaAdaptor: (fieldList: FieldItem[], options?: FormRenderProps) => Record<string, import("@formily/json-schema/esm/types").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;

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

@@ -17,12 +17,12 @@ function bindUrlProps(schema, item) {
     ...pick(item, ["urlConfig", "wordbook"])
   });
 }
-function useFieldListAdaptor(collector, hooks) {
+function useFieldListAdaptor(collector, globProps) {
   const {
     createValidatorSchema
   } = useFormValidator();
   const createStandardSchema = (item) => {
-    var _a;
+    var _a, _b;
     const result = {
       name: item.val_key,
       type: (_a = item.fieldType) != null ? _a : "string",
@@ -57,7 +57,8 @@ function useFieldListAdaptor(collector, hooks) {
         "x-decorator": "FORM_ITEM",
         "x-decorator-props": {
           fieldItem: item,
-          beforeSetValue: hooks == null ? void 0 : hooks.beforeSetValue,
+          beforeSetValue: (_b = globProps == null ? void 0 : globProps.lifeCycle) == null ? void 0 : _b.beforeSetValue,
+          dialogFn: globProps == null ? void 0 : globProps.dialogFn,
           span: (item.elem_width || 3) * 2,
           showLabel: !isPositive(item.hide_title),
           remark: item.remark,

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

@@ -107,6 +107,7 @@ export declare function useFieldNormalize(): {
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        dialogFn: import("../../../../shared/types").AnyFn;
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
     FieldListNormalizeWaterfallHook: SyncWaterfallHook<[FieldItem[], Partial<{
         fieldList: FieldItem[];
@@ -214,5 +215,6 @@ export declare function useFieldNormalize(): {
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        dialogFn: import("../../../../shared/types").AnyFn;
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
 };

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

@@ -1,7 +1,9 @@
 import { GeneralField } from '@formily/core';
+import { FieldItem } from '../../../../components/form-render';
 export declare function useFormField<T extends GeneralField>(): {
     field: import("vue").Ref<T>;
     title: import("vue").ComputedRef<any>;
     fieldKey: import("vue").ComputedRef<string>;
     fieldAddress: import("vue").ComputedRef<string>;
+    getFieldItem(): FieldItem | undefined;
 };

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

@@ -7,7 +7,11 @@ function useFormField() {
     field,
     title: computed(() => field.value.title),
     fieldKey: computed(() => field.value.props.name.toString()),
-    fieldAddress: computed(() => field.value.address.toString())
+    fieldAddress: computed(() => field.value.address.toString()),
+    getFieldItem() {
+      var _a, _b;
+      return (_b = (_a = field.value) == null ? void 0 : _a.decoratorProps) == null ? void 0 : _b.fieldItem;
+    }
   };
 }
 

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

@@ -9,6 +9,7 @@ import { isFunction } from '@vueuse/core';
 import 'naive-ui';
 import '../components/renderer/text.js';
 import { isIdCard } from '../utils/business.js';
+import '../../index.js';
 
 function useFormValidator() {
   const validateMap = /* @__PURE__ */ new Map([["mobile", ({

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

@@ -9,6 +9,7 @@ import '@vueuse/core';
 import 'naive-ui';
 import '../components/renderer/text.js';
 import { isIdCard, isMobile } from '../utils/business.js';
+import '../../index.js';
 
 function usePresetScope() {
   return {

package/es/components/form-render/src/types/fieldItem.d.ts

@@ -138,6 +138,17 @@ export type FieldItem = {
     linebarTextDirection: 'horizontal' | 'vertical';
     labelColor: string;
     fieldTitleRed: FormCommonState | boolean;
+    confirmBeforeValueChange: boolean;
+    confirmBeforeValueChangeProps: {
+        content: string | ((params: {
+            fieldName: string;
+            newValue: any;
+            oldValue: any;
+        }) => any);
+        updateOriginValue: boolean;
+        [key: string]: any;
+    };
+    selected_style: 'RADIO_MARK' | 'CHECK_MARK';
     fieldTitleColor: string;
     fieldType: SchemaTypes;
     content: string | FormRenderer | Record<string, FormRenderer>;

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

@@ -1,5 +1,5 @@
 import { FormRequestDefine } from '../../../../shared/hooks';
-import { AnyObject, LowCodeTypes, UndefinedAble } from '../../../../shared/types';
+import { AnyFn, AnyObject, LowCodeTypes, UndefinedAble } from '../../../../shared/types';
 import { DataField, Field, Form, GeneralField } from '@formily/core';
 import { ISchema } from '@formily/json-schema/esm/types';
 import { Component, FunctionalComponent } from 'vue';
@@ -175,6 +175,7 @@ export type FormRenderProps = Partial<{
     feedbackType: 'tooltip' | 'default';
     fixMemoLeak: boolean;
     lazyRender: boolean;
+    dialogFn: AnyFn;
 }>;
 export type FormBusinessFormatter = (payload: {
     fieldKey: string;

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

@@ -10,6 +10,7 @@ import { NTooltip, NIcon } from 'naive-ui';
 import { NESTED_FORM_ITEM_TYPE } from '../constants/index.js';
 import { TEXT } from '../components/renderer/text.js';
 export { businessDateParser, isForeignerID, isIdCard, isMobile, parseAge2Birthday, parseAgeFromContext, parseBirthday, parseIdCard, transformDateFormat } from './business.js';
+import '../../index.js';
 
 function formRenderLog(message) {
   console.warn(`[FormRender]: ${message}`);

package/es/components/form-render/src/utils/schema.js

@@ -1,13 +1,14 @@
+import { uuidGenerator } from '../../../../shared/utils/index.js';
 import { isField } from '@formily/core';
 import { isObject, isPromise } from '@vue/shared';
 import { isString, isArray, isFunction, noop } from 'lodash-es';
+import '../../index.js';
+import { parseEnhanceText } from './index.js';
 
 function traverseSchema(schema, handler, parent) {
   handler(schema, parent);
   if (isObject(schema.properties)) {
-    Object.values(schema.properties).forEach((_s) => {
-      traverseSchema(_s, handler, schema);
-    });
+    Object.values(schema.properties).forEach((_s) => traverseSchema(_s, handler, schema));
   }
 }
 function fieldKeyEscape(fieldList) {
@@ -45,9 +46,7 @@ function traverseDependKey(dependKeys, handler) {
         }
       });
     } else if (isObject(dependKeys)) {
-      Object.entries(dependKeys).forEach(([k, v]) => {
-        result.set(k, v);
-      });
+      Object.entries(dependKeys).forEach(([k, v]) => result.set(k, v));
     } else if (isString(dependKeys)) {
       result.set(dependKeys, dependKeys);
     }
@@ -71,25 +70,71 @@ function getParentLinebar(key, fieldList) {
     return field.html_type === "LINEBAR";
   }
 }
+function isEmptyValue(v1) {
+  return [null, void 0, ""].includes(v1);
+}
+function getOrInit(origin, key, initValue) {
+  return key in origin ? origin[key] : origin[key] = initValue;
+}
+const DEFAULT_TEXT = '\u60A8\u5C06\u628A\u654F\u611F\u5B57\u6BB5"#{fieldName}"\u7531#{oldValue}\u6539\u4E3A#{newValue}\uFF0C\u8BF7\u52A1\u5FC5\u786E\u8BA4\u66F4\u6539\u524D\u540E\u7684\u6863\u6848\u5747\u4E3A\u540C\u4E00\u4EBA\uFF0C\u5426\u5219\u53EF\u80FD\u4F1A\u9020\u6210\u60A3\u8005\u6863\u6848\u6DF7\u4E71\u7684\u4E25\u91CD\u540E\u679C\uFF01\uFF01\uFF01';
 function assignUpdateValue(props, field) {
   const _props = {
     ...props
   };
   if (isField(field)) {
     Object.assign(_props, {
-      "onUpdate:value"(value) {
-        var _a;
-        const beforeSetValue = (_a = field.decoratorProps) == null ? void 0 : _a.beforeSetValue;
+      async "onUpdate:value"(value) {
+        const $dialog = field.decoratorProps.dialogFn;
+        const fieldItem = field.decoratorProps.fieldItem;
+        const {
+          confirmBeforeValueChangeProps: dialogProps,
+          confirmBeforeValueChange: confirm,
+          confirmBeforeValueChangeText: confirmText
+        } = fieldItem;
+        const oldValue = (dialogProps == null ? void 0 : dialogProps.updateOriginValue) ? field.value : getOrInit(fieldItem, "__oldValue", field.value);
+        const valueMap = {
+          newValue: value,
+          oldValue,
+          fieldName: field.title
+        };
+        if (confirm && $dialog && !isEmptyValue(oldValue) && oldValue !== value) {
+          try {
+            await new Promise((resolve, reject) => {
+              var _a, _b, _c;
+              const params = {
+                title: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.228")) || "\u8B66\u544A",
+                positiveText: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.27")) || "\u786E\u5B9A",
+                negativeText: ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.28")) || "\u53D6\u6D88",
+                onPositiveClick: resolve,
+                onNegativeClick: reject,
+                content: confirmText != null ? confirmText : DEFAULT_TEXT,
+                ...fieldItem.confirmBeforeValueChangeProps
+              };
+              const _content = params.content;
+              isFunction(_content) && (params.content = () => _content(valueMap));
+              isString(_content) && (params.content = parseEnhanceText(_content).reduce((res, item) => {
+                var _a2;
+                if (item.type === "text")
+                  res += item.content;
+                if (item.type === "widget")
+                  res += (_a2 = valueMap[item.content]) != null ? _a2 : field.value;
+                return res;
+              }, ""));
+              $dialog.warning(params);
+            });
+          } catch (e) {
+            field.setValue(oldValue);
+            field.componentProps.updateKey = uuidGenerator();
+            return;
+          }
+        }
+        const beforeSetValue = field.decoratorProps.beforeSetValue;
         if (isFunction(beforeSetValue)) {
           const res = beforeSetValue(field.path.toString(), value, {
             field,
-            oldValue: field.value
+            oldValue
           });
-          if (isPromise(res)) {
-            return res.then((v) => field.setValue(v), noop);
-          } else {
-            return field.setValue(res);
-          }
+          return isPromise(res) ? res.then((v) => field.setValue(v), noop) : field.setValue(res);
         }
         field.setValue(value);
       }

package/es/components/guide/src/renderer.d.ts

@@ -14,7 +14,7 @@ export declare function createGuideStep(instance?: ComponentInternalInstance | n
         type: NumberConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "toNext" | "next")[], "cancel" | "toNext" | "next", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "next" | "toNext")[], "cancel" | "next" | "toNext", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     config: {
         type: PropType<GuideDefine.Config>;
         required: true;
@@ -30,8 +30,8 @@ export declare function createGuideStep(instance?: ComponentInternalInstance | n
     };
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
-    onToNext?: ((...args: any[]) => any) | undefined;
     onNext?: ((...args: any[]) => any) | undefined;
+    onToNext?: ((...args: any[]) => any) | undefined;
 }, {
     config: GuideDefine.Config;
 }> | import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/iho-chat/src/components/PersonProfile.vue2.js

@@ -170,7 +170,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           round: "",
           size: 100,
           onClickCapture: _cache[0] || (_cache[0] = ($event) => showLargeAvatar.value = true)
-        }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\r\n							<n-upload-trigger #="{ handleClick }" abstract>\r\n								<n-button\r\n									circle\r\n									secondary\r\n									class="edit-avatar"\r\n									v-show="userDetail.id === state.userInfo.id"\r\n									@click="handleClick"\r\n								>\r\n									<template #icon>\r\n										<n-icon size="16" color="#666666" :component="Camera" />\r\n									</template>\r\n								</n-button>\r\n							</n-upload-trigger>\r\n						</n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
+        }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\n							<n-upload-trigger #="{ handleClick }" abstract>\n								<n-button\n									circle\n									secondary\n									class="edit-avatar"\n									v-show="userDetail.id === state.userInfo.id"\n									@click="handleClick"\n								>\n									<template #icon>\n										<n-icon size="16" color="#666666" :component="Camera" />\n									</template>\n								</n-button>\n							</n-upload-trigger>\n						</n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
           class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(userDetail.roleInfo) ? "isDoctor" : ""])
         }, toDisplayString(unref(getRoleName)(userDetail.roleInfo)), 3), [[vShow, unref(getRoleName)(userDetail.roleInfo)]])]), createElementVNode("p", null, toDisplayString(userDetail.orgName), 1)]), createVNode(unref(NButton), {
           strong: "",

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

@@ -37,6 +37,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nConfigProviderProps: {
+        type: import("vue").PropType<import("../../shared/types").AnyObject>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
@@ -69,6 +72,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        nConfigProviderProps: {
+            type: import("vue").PropType<import("../../shared/types").AnyObject>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -3324,7 +3330,10 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     }>;
     updateConfigRefDebounced: () => void;
     updateConfigRef: () => void;
-    themeOverrides: import("vue").ComputedRef<import("naive-ui").GlobalThemeOverrides>;
+    configBindProps: import("vue").ComputedRef<{
+        namespace: string;
+        themeOverrides: any;
+    }>;
     fieldListRef: import("vue").Ref<{
         [x: string]: any;
         property?: string | undefined;
@@ -6896,6 +6905,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nConfigProviderProps: {
+        type: import("vue").PropType<import("../../shared/types").AnyObject>;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;

package/es/components/iho-table/src/IhoTable.vue.d.ts

@@ -1,6 +1,5 @@
 import { FormRequestDefine, useVersion } from '../../../shared/hooks';
 import { AnyFn, AnyObject } from '../../../shared/types';
-import { GlobalThemeOverrides } from 'naive-ui';
 import { PropType } from 'vue';
 import { VxeTableInstance } from 'vxe-table';
 import { AnnotationItem } from '../../../components/annotation-edit/src/type';
@@ -36,6 +35,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nConfigProviderProps: {
+        type: PropType<AnyObject>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
@@ -68,6 +70,9 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        nConfigProviderProps: {
+            type: PropType<AnyObject>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -3323,7 +3328,10 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     updateConfigRefDebounced: () => void;
     updateConfigRef: () => void;
-    themeOverrides: import("vue").ComputedRef<GlobalThemeOverrides>;
+    configBindProps: import("vue").ComputedRef<{
+        namespace: string;
+        themeOverrides: any;
+    }>;
     fieldListRef: import("vue").Ref<{
         [x: string]: any;
         property?: string | undefined;
@@ -6895,6 +6903,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nConfigProviderProps: {
+        type: PropType<AnyObject>;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;

package/es/components/iho-table/src/IhoTable.vue2.js

@@ -49,6 +49,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     developMode: {
       type: Boolean,
       default: false
+    },
+    nConfigProviderProps: {
+      type: Object
     }
   },
   emits: [
@@ -136,22 +139,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         $xeTable
       });
     }
-    const themeOverrides = computed(() => {
-      if (!configRef.value.tableRowHeight)
-        return {};
+    const configBindProps = computed(() => {
+      var _a2, _b2, _c, _d, _e, _f, _g;
       const height = widthAppend(configRef.value.rowConfig.height);
+      const defaultTheme = configRef.value.tableRowHeight ? {
+        heightLarge: height,
+        heightMedium: height,
+        heightSmall: height,
+        heightTiny: height
+      } : null;
       return {
-        Input: {
-          heightLarge: height,
-          heightMedium: height,
-          heightSmall: height,
-          heightTiny: height
-        },
-        InternalSelection: {
-          heightLarge: height,
-          heightMedium: height,
-          heightSmall: height,
-          heightTiny: height
+        ...props.nConfigProviderProps,
+        namespace: `vxe-table--ignore-clear ${(_b2 = (_a2 = props.nConfigProviderProps) == null ? void 0 : _a2.namespace) != null ? _b2 : ""}`,
+        themeOverrides: {
+          ...(_c = props.nConfigProviderProps) == null ? void 0 : _c.themeOverrides,
+          Input: {
+            ...defaultTheme,
+            ...(_e = (_d = props.nConfigProviderProps) == null ? void 0 : _d.themeOverrides) == null ? void 0 : _e.Input
+          },
+          InternalSelection: {
+            ...defaultTheme,
+            ...(_g = (_f = props.nConfigProviderProps) == null ? void 0 : _f.themeOverrides) == null ? void 0 : _g.InternalSelection
+          }
         }
       };
     });
@@ -339,11 +348,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         style: unref(CSSVars)
       }, unref(useVersion)()), [(openBlock(), createBlock(resolveDynamicComponent(unref(header)))), createElementVNode("section", {
         style: normalizeStyle(unref(styles))
-      }, [createVNode(unref(NConfigProvider), {
-        abstract: "",
-        namespace: "vxe-table--ignore-clear",
-        "theme-overrides": unref(themeOverrides)
-      }, {
+      }, [createVNode(unref(NConfigProvider), mergeProps({
+        abstract: ""
+      }, unref(configBindProps)), {
         default: withCtx(() => [createVNode(_component_vxe_grid, mergeProps({
           ref_key: "$table",
           ref: $table
@@ -360,7 +367,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           };
         })]), 1040, ["columns", "data", "loading"])]),
         _: 3
-      }, 8, ["theme-overrides"])], 4), (openBlock(), createBlock(resolveDynamicComponent(unref(footer))))], 16, _hoisted_1);
+      }, 16)], 4), (openBlock(), createBlock(resolveDynamicComponent(unref(footer))))], 16, _hoisted_1);
     };
   }
 });