cnhis-design-vue 3.1.39-release.2 → 3.1.39-release.3

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

@@ -2,7 +2,7 @@ import { AnyObject } from '../../../../../../es/shared/types';
 import { PropType } from 'vue';
 export declare const RADIO: import("vue").DefineComponent<{
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     options: {
         type: PropType<AnyObject[]>;
@@ -44,7 +44,7 @@ export declare const RADIO: import("vue").DefineComponent<{
     onChange: {};
 }, () => 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: (NumberConstructor | ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     options: {
         type: PropType<AnyObject[]>;
@@ -94,7 +94,7 @@ export declare const RADIO: import("vue").DefineComponent<{
 }>;
 export declare const CHECKBOX: import("vue").DefineComponent<{
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     options: {
         type: PropType<AnyObject[]>;
@@ -136,7 +136,7 @@ export declare const CHECKBOX: import("vue").DefineComponent<{
     onChange: {};
 }, () => 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: (NumberConstructor | ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     options: {
         type: PropType<AnyObject[]>;

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

@@ -17,7 +17,7 @@ function createComponent(name, Wrapper, Item) {
     name,
     props: {
       value: {
-        type: [String, Number, Object]
+        type: [String, Number, Object, Array]
       },
       options: {
         type: Array,

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

@@ -276,7 +276,8 @@ function useFieldListAdaptor(collector) {
       return fin;
     }, {});
     function bindIndex(schema, idx) {
-      return { ...schema, "x-index": idx };
+      schema["x-index"] = idx;
+      return schema;
     }
     function createFieldName(fieldItem) {
       if (fieldItem.suffixConfig) {

package/es/components/form-render/style/index.css

@@ -1 +1 @@
-.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;padding:0 8px 0 16px;width:100%}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItemLabel--text{white-space:nowrap}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex}
+.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;padding:0 8px 0 16px;width:100%}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItemLabel--text{white-space:nowrap}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex}

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

@@ -2057,7 +2057,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         onFooterCellMenu?: ((params: import("vxe-table").VxeTableDefines.FooterCellMenuEventParams) => void) | undefined;
         onSortChange?: ((params: import("vxe-table").VxeTableDefines.SortChangeEventParams) => void) | undefined;
         onFilterChange?: ((params: import("vxe-table").VxeTableDefines.FilterChangeEventParams) => void) | undefined;
-        onFilterVisible?: ((params: import("vxe-table").VxeTableDefines.FilterVisibleEventParams) => void) | undefined;
+        onFilterVisible?: (() => void) | undefined;
         onResizableChange?: ((params: import("vxe-table").VxeTableDefines.ResizableChangeEventParams) => void) | undefined;
         onToggleRowExpand?: ((params: import("vxe-table").VxeTableDefines.ToggleRowExpandEventParams) => void) | undefined;
         onToggleTreeExpand?: ((params: import("vxe-table").VxeTableDefines.ToggleTreeExpandEventParams) => void) | undefined;

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

@@ -2056,7 +2056,7 @@ declare const _default: import("vue").DefineComponent<{
         onFooterCellMenu?: ((params: import("vxe-table").VxeTableDefines.FooterCellMenuEventParams) => void) | undefined;
         onSortChange?: ((params: import("vxe-table").VxeTableDefines.SortChangeEventParams) => void) | undefined;
         onFilterChange?: ((params: import("vxe-table").VxeTableDefines.FilterChangeEventParams) => void) | undefined;
-        onFilterVisible?: ((params: import("vxe-table").VxeTableDefines.FilterVisibleEventParams) => void) | undefined;
+        onFilterVisible?: (() => void) | undefined;
         onResizableChange?: ((params: import("vxe-table").VxeTableDefines.ResizableChangeEventParams) => void) | undefined;
         onToggleRowExpand?: ((params: import("vxe-table").VxeTableDefines.ToggleRowExpandEventParams) => void) | undefined;
         onToggleTreeExpand?: ((params: import("vxe-table").VxeTableDefines.ToggleTreeExpandEventParams) => void) | undefined;

package/es/components/iho-table/src/plugins/anchorPlugin/tableAnchor.js

@@ -39,7 +39,8 @@ var TableAnchor = defineComponent({
         "onUpdate:value": onUpdatedValue
       }, _isSlot(_slot = currentAnchorList.value.map((field) => createVNode(NTabPane, {
         "name": field.field,
-        "tab": field.title
+        "tab": field.title,
+        "key": field.field
       }, null))) ? _slot : {
         default: () => [_slot]
       }) : null;

package/es/components/iho-table/src/plugins/anchorPlugin/useAnchor.d.ts

@@ -1,9 +1,9 @@
 import { ComputedRef, Ref } from 'vue';
 import { VxeTableInstance } from 'vxe-table';
-import { IhoTableFieldItem } from '../../../../../../es/components/iho-table/src/types';
+import { IhoTableFieldItem, IhoTableEmitPayload } from '../../../../../../es/components/iho-table/src/types';
 export declare const useAnchor: (anchorList: ComputedRef<string[]>, $table: Ref<VxeTableInstance | undefined>, fieldListRef: Ref<IhoTableFieldItem[]>) => {
     updateAnchor: (field: string) => Promise<void>;
-    onScroll: (params: import("vxe-table").VxeTableDefines.ScrollEventParams) => void;
+    onScroll: ({ scrollLeft, bodyWidth }: IhoTableEmitPayload<'scroll'>[0]) => void;
     currentAnchorList: Ref<{
         field: string;
         title: string;

package/es/components/iho-table/src/plugins/anchorPlugin/useAnchor.js

@@ -1,7 +1,7 @@
 import { shallowOmit } from '../../../../../shared/utils/index.js';
 import { ref, watch, unref } from 'vue';
 import { useThrottleFn } from '@vueuse/core';
-import { cloneDeep } from 'lodash-es';
+import { cloneDeep, findLastIndex } from 'lodash-es';
 
 function flatFieldList(fieldList, _flatFieldList) {
   fieldList.forEach((field) => {
@@ -57,18 +57,18 @@ const useAnchor = (anchorList, $table, fieldListRef) => {
       setAnchorStatus = true;
     }, TIME + 100);
   }
-  function setAnchorValue({ scrollLeft }) {
-    if (currentAnchorList.value.length && setAnchorStatus) {
-      const anchorObj = currentAnchorList.value.find((fieldItem) => scrollLeft < (fieldItem == null ? void 0 : fieldItem.left));
-      if (anchorObj) {
-        anchorValue.value = anchorObj.field;
-      }
+  function setAnchorValue({ scrollLeft, bodyWidth }) {
+    if (!currentAnchorList.value.length || !setAnchorStatus)
+      return;
+    const leftLimit = scrollLeft + bodyWidth / 2;
+    const anchorIndex = findLastIndex(currentAnchorList.value, (anchorItem) => {
+      return leftLimit >= anchorItem.left;
+    });
+    if (~anchorIndex) {
+      anchorValue.value = currentAnchorList.value[anchorIndex].field;
     }
   }
-  const anchorEvent = useThrottleFn(setAnchorValue, TIME);
-  function onScroll(...params) {
-    anchorEvent(...params);
-  }
+  const onScroll = useThrottleFn(setAnchorValue, TIME);
   watch(
     [fieldListRef, anchorList],
     () => {

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/numberRendererPlugin.js

@@ -1,10 +1,38 @@
-import { createVNode, mergeProps } from 'vue';
+import { defineComponent, computed, createVNode, mergeProps } from 'vue';
+import { isNumber } from 'lodash-es';
 import { NInputNumber } from 'naive-ui';
 import '../../../../index.js';
 import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
 import { IhoTableRenderHelper } from '../../../utils/index.js';
 import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
 
+const IhoTableInputNumber = defineComponent({
+  name: "IhoTableInputNumber",
+  props: {
+    value: [String, Number]
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get() {
+        if (isNumber(props.value))
+          return props.value;
+        return props.value ? isNumber(+props.value) ? +props.value : null : null;
+      },
+      set(value) {
+        emit("update:value", value);
+      }
+    });
+    return () => {
+      return createVNode(NInputNumber, {
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event
+      }, null);
+    };
+  }
+});
 function numberRendererPlugin() {
   const pluginName = "numberRendererPlugin";
   return defineTablePlugin({
@@ -23,7 +51,6 @@ function numberRendererPlugin() {
             placeholder = "\u8BF7\u8F93\u5165"
           } = fieldItem.componentProps || {};
           const config = {
-            ...fieldItem.componentProps || {},
             clearable: true,
             placeholder,
             onBlur: () => emitFormChangeWithParams({
@@ -39,10 +66,10 @@ function numberRendererPlugin() {
             },
             onClick: emitFormClick
           };
-          return [createVNode(NInputNumber, mergeProps({
+          return [createVNode(IhoTableInputNumber, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event
-          }, config), null)];
+          }, fieldItem.componentProps, config), null)];
         })
       });
     }

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/editSeparate.vue.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject } from '../../../../../../../../es/shared/types';
+import { AnyObject, Func } from '../../../../../../../../es/shared/types';
 import { CSSProperties, PropType } from 'vue';
 import { VxeTableDefines } from 'vxe-table';
 declare const _default: import("vue").DefineComponent<{
@@ -47,23 +47,27 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
     }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }>>;
+    emit: (event: "click" | "update:value", ...args: any[]) => void;
     tableHandler: import("../../../../types").IhoTableHandler;
-    popoverRef: import("vue").Ref<any>;
-    editContent: import("vue").Ref<any>;
-    setEditContent: (value: any) => void;
+    popoverRef: import("vue").Ref<{
+        syncPosition: Func;
+    } | undefined>;
+    editContent: import("vue").Ref<unknown>;
+    setEditContent: (value: unknown) => void;
     show: import("vue").Ref<boolean>;
     setShow: (v: boolean) => void;
-    emit: (event: "update:value", ...args: any[]) => void;
+    onContentClick: (event: MouseEvent) => void;
+    updateShow: (show: boolean) => void;
     onShow: () => Promise<void>;
     emitFormChangeWithParams: (params?: AnyObject) => void;
     onClose: () => Promise<void>;
-    updateShow: (show: boolean) => void;
     style: import("vue").ComputedRef<CSSProperties>;
     NPopover: any;
     NInput: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:value")[], "click" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {};
     height: {
         type: NumberConstructor;
@@ -86,6 +90,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     height: number;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/editSeparate.vue.js

@@ -5,6 +5,7 @@ import { InjectionIhoTableHandler } from '../../../../constants/index.js';
 import { useIhoTableFormEvent } from '../../../../utils/index.js';
 import _export_sfc from '../../../../../../../_virtual/plugin-vue_export-helper.js';
 
+const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "editSeparate",
   props: {
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     displayContent: { type: String, default: "" },
     rowIndex: { type: Number, required: true }
   },
-  emits: ["update:value"],
+  emits: ["update:value", "click"],
   setup(__props, { emit }) {
     const props = __props;
     const tableHandler = inject(InjectionIhoTableHandler);
@@ -28,7 +29,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function setShow(v) {
       show.value = v;
     }
+    function onContentClick(event) {
+      show.value = !show.value;
+      emit("click", event);
+    }
     watch(show, updateShow);
+    function updateShow(show2) {
+      show2 ? onShow() : onClose();
+    }
     async function onShow() {
       var _a;
       editContent.value = cloneDeep(props.value);
@@ -47,9 +55,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emitFormChangeWithParams({ oldValue });
       tableHandler.updateTableDataRef();
     }
-    function updateShow(show2) {
-      show2 ? onShow() : onClose();
-    }
     const style = computed(() => ({
       border: "1px solid #f5f5f5",
       height: props.height - 16 + "px",
@@ -69,14 +74,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: popoverRef,
         trigger: "manual",
         show: show.value,
-        "onUpdate:show": _cache[2] || (_cache[2] = ($event) => show.value = $event),
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => show.value = $event),
         "show-arrow": false
       }, {
         trigger: withCtx(() => [
           createElementVNode("div", {
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => show.value = !show.value, ["stop"])),
+            onClick: withModifiers(onContentClick, ["stop"]),
             style: normalizeStyle(unref(style))
-          }, toDisplayString(__props.displayContent || " "), 5)
+          }, toDisplayString(__props.displayContent || " "), 13, _hoisted_1)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "menu", {
@@ -88,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, () => [
             createVNode(unref(NInput), {
               value: editContent.value,
-              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => editContent.value = $event),
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => editContent.value = $event),
               type: "textarea"
             }, null, 8, ["value"])
           ])

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/index.js

@@ -3,7 +3,7 @@ import { traverse } from '../../../../../../../shared/utils/index.js';
 import { isFunction, isObject, range } from 'lodash-es';
 import '../../../../../index.js';
 import { EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID } from '../../../../constants/index.js';
-import { IhoTableRenderHelper, getRowHeight, getColumnRenderWidth } from '../../../../utils/index.js';
+import { createIhoTableClearActivedInterceptor, IhoTableRenderHelper, getRowHeight, getColumnRenderWidth } from '../../../../utils/index.js';
 import { isSeparateColumn, contentSeparate, getColumnInfoMaxLength, generateSeparateRowData } from './separateUtils.js';
 import EditSeparate from './editSeparate.vue.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
@@ -24,6 +24,7 @@ function separateRendererPlugins() {
   return defineTablePlugin({
     name: pluginName,
     vxe(instance) {
+      instance.interceptor.add("event.clearActived", createIhoTableClearActivedInterceptor(EDITABLE_WIDGET_TYPE.SEPARATE, (ele) => ele.classList.contains("v-binder-follower-content")));
       instance.renderer.add(EDITABLE_WIDGET_TYPE.SEPARATE, {
         renderCell(renderOpts, {
           column,

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin.js

@@ -25,7 +25,6 @@ function timeRendererPlugin() {
             valueFormat = "HH:mm"
           } = fieldItem.componentProps || {};
           const config = {
-            ...fieldItem.componentProps || {},
             placeholder,
             valueFormat,
             format: valueFormat || "yyyy-MM-dd HH:mm:ss",
@@ -41,7 +40,7 @@ function timeRendererPlugin() {
           return [createVNode(NTimePicker, mergeProps({
             "formattedValue": row[column.field],
             "onUpdate:formattedValue": ($event) => row[column.field] = $event
-          }, config), null)];
+          }, fieldItem.componentProps, config), null)];
         })
       });
     }

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

@@ -1,7 +1,7 @@
 import { AnyObject, MaybeString, TupleToUnion } from '../../../../../es/shared/types';
 import { VxeTableProps, VxeTableDefines, VxeTableInstance, VxeColumnPropTypes } from 'vxe-table';
-import { VxeTableEventProps } from 'vxe-table/types/table';
-import { IHO_TABLE_STRING_STATUS, IhoTableCustomEventNameTuple, IhoTableEventNameTuple, IhoTableRowGroupSequence } from '../../../../../es/components/iho-table/src/constants';
+import { VxeTableListeners } from 'vxe-table/types/table';
+import { IHO_TABLE_STRING_STATUS, IhoTableEventNameTuple, IhoTableRowGroupSequence } from '../../../../../es/components/iho-table/src/constants';
 import { FilterState } from '../../../../../es/components/iho-table/src/plugins/filterPlugin/types';
 export * from './pluginType';
 export interface IhoTableRowGroupItem {
@@ -65,7 +65,11 @@ export declare type LowCodeTableFieldItem = {
     formType: string;
     fieldSetting: string;
     componentProps: AnyObject;
-    options: AnyObject[];
+    options: {
+        label?: string;
+        value: string;
+        disabled?: boolean;
+    }[];
     annotation: boolean;
     slotFn: NonNullable<IhoTableFieldItem['slots']>['default'];
     headerSlotFn: NonNullable<IhoTableFieldItem['slots']>['header'];
@@ -96,7 +100,7 @@ export declare type IhoTableEventNameUnion = TupleToUnion<typeof IhoTableEventNa
 export declare type IHoTableKeyboardPayload = IhoTableFormChangePayload & {
     key: string;
 };
-export declare type IhoTableEmitPayload<T extends typeof IhoTableEventNameTuple[number]> = T extends 'formChange' | 'formClick' ? [IhoTableFormChangePayload] : T extends 'keyboard' ? [IHoTableKeyboardPayload] : T extends 'settingClick' ? [] : Parameters<NonNullable<VxeTableEventProps[EventNameToEventListener<Exclude<T, typeof IhoTableCustomEventNameTuple[number]>>]>>;
+export declare type IhoTableEmitPayload<T extends typeof IhoTableEventNameTuple[number]> = T extends 'formChange' | 'formClick' ? [IhoTableFormChangePayload] : T extends 'keyboard' ? [IHoTableKeyboardPayload] : T extends 'settingClick' ? [] : T extends keyof VxeTableListeners ? Parameters<NonNullable<VxeTableListeners[T]>> : [];
 export declare type IhoTableAnchorItem = {
     field: string;
     title: string;