@ibiz-template/vue3-components 0.7.24-alpha.2 → 0.7.25-alpha.0

package/es/common/grid-setting/grid-setting.d.ts

@@ -17,6 +17,7 @@ export declare const IBizGridSetting: import("vue").DefineComponent<{
         key: string;
         caption: string;
         hidden: boolean;
+        hideMode: number;
         uaColumn: boolean;
         fixed?: "left" | "right" | undefined;
         adaptive?: boolean | undefined;

package/es/control/tree/el-tree-util.d.ts

@@ -305,8 +305,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
                 nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -351,8 +349,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 lazy: boolean;
@@ -446,8 +442,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             currentNode: Ref<{
                 id: number;
@@ -490,8 +484,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             dragState: Ref<{
                 showDropIndicator: boolean;
@@ -701,8 +693,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
             nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -747,8 +737,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             lazy: boolean;
@@ -842,8 +830,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         currentNode: Ref<{
             id: number;
@@ -886,8 +872,6 @@ export declare function useElTreeUtil(treeRef: Ref<InstanceType<typeof ElTree> |
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         dragState: Ref<{
             showDropIndicator: boolean;

package/es/control/tree/index.d.ts

@@ -328,8 +328,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
                 nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -374,8 +372,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 lazy: boolean;
@@ -469,8 +465,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             currentNode: import("vue").Ref<{
                 id: number;
@@ -513,8 +507,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             dragState: import("vue").Ref<{
                 showDropIndicator: boolean;
@@ -724,8 +716,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
             nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -770,8 +760,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             lazy: boolean;
@@ -865,8 +853,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         currentNode: import("vue").Ref<{
             id: number;
@@ -909,8 +895,6 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         dragState: import("vue").Ref<{
             showDropIndicator: boolean;

package/es/control/tree/tree.d.ts

@@ -349,8 +349,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
                 nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -395,8 +393,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                     getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                     updateChildren: () => void;
                     loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                    eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                    reInitChecked: () => void;
                 };
                 data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 lazy: boolean;
@@ -490,8 +486,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             currentNode: import("vue").Ref<{
                 id: number;
@@ -534,8 +528,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             }>;
             dragState: import("vue").Ref<{
                 showDropIndicator: boolean;
@@ -745,8 +737,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             currentNodeKey: import("element-plus/es/components/tree/src/tree.type").TreeKey;
             nodesMap: import("element-plus/es/components/tree/src/tree.type").TreeStoreNodesMap;
@@ -791,8 +781,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-                eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-                reInitChecked: () => void;
             };
             data: import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             lazy: boolean;
@@ -886,8 +874,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         currentNode: import("vue").Ref<{
             id: number;
@@ -930,8 +916,6 @@ export declare const TreeControl: import("vue").DefineComponent<{
             getChildren: (forceInit?: boolean | undefined) => import("element-plus/es/components/tree/src/tree.type").TreeNodeData | import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
-            eachNode: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void) => void;
-            reInitChecked: () => void;
         }>;
         dragState: import("vue").Ref<{
             showDropIndicator: boolean;

package/es/editor/check-box/check-box-editor.provider.mjs

@@ -10,7 +10,7 @@ var __publicField = (obj, key, value) => {
 class CheckBoxEditorProvider {
   constructor() {
     __publicField(this, "formEditor", "IBizCheckbox");
-    __publicField(this, "gridEditor", "IBizGridCheckbox");
+    __publicField(this, "gridEditor", "IBizCheckbox");
   }
   async createController(editorModel, parentController) {
     const c = new CheckBoxEditorController(editorModel, parentController);

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.mjs

@@ -1,5 +1,5 @@
 import { computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getCheckboxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getCheckboxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-checkbox.css';
 
 "use strict";
@@ -28,6 +28,10 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const currentVal = computed({
       get() {
         if (props.value == selectValue) {
@@ -43,11 +47,12 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
           value = nullValue;
         }
         emit("change", value);
+        useInValueChange();
       }
     });
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       editorModel,

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs

@@ -1,5 +1,5 @@
 import { isVNode, computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getCheckboxListProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getCheckboxListProps, getEditorEmits, useNamespace, useCodeListListen, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-checkbox-list.css';
 
@@ -48,6 +48,10 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
     if (codeList && codeList.valueSeparator) {
       valueSeparator = codeList.valueSeparator;
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const selectArray = computed({
       get() {
         if (!isNil(props.value)) {
@@ -110,6 +114,7 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
           }
         }
         emit("change", value);
+        useInValueChange();
       }
     });
     const onSelectArrayChange = (value) => {
@@ -136,7 +141,7 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
     });
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       items,

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.mjs

@@ -1,5 +1,5 @@
 import { ref, computed, watch, createVNode, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
+import { getDataPickerProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
 import './ibiz-picker-link.css';
 
 "use strict";
@@ -13,6 +13,10 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("picker-link");
     const c = props.controller;
     const curValue = ref("");
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -45,6 +49,7 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
       } else {
         emit("change", data[c.textName]);
       }
+      useInValueChange();
     };
     const openLinkView = async () => {
       const res = await c.openLinkView(props.data);
@@ -54,7 +59,7 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     const valueText = computed(() => {
       return renderString(curValue.value);
     });

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.mjs

@@ -1,5 +1,5 @@
 import { isVNode, computed, ref, watch, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
-import { getListBoxProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getListBoxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';
 
@@ -23,6 +23,10 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
         multiple = c.toBoolean(editorModel.editorParams.multiple);
       }
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -138,10 +142,11 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
         _value = value;
       }
       emit("change", _value);
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       items,

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -1,5 +1,5 @@
 import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getNumberRangeProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getNumberRangeProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-number-range-picker.css';
 import { toNumber } from 'lodash-es';
 
@@ -14,6 +14,10 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("number-range-picker");
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     let max = Infinity;
     let min = -Infinity;
     let precision = 0;
@@ -62,12 +66,6 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
-    watch(editorRef, (newVal) => {
-      if (props.autoFocus && newVal) {
-        const input = newVal.$el.getElementsByTagName("input")[0];
-        input.focus();
-      }
-    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -86,22 +84,26 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       if (minValue.value !== null && maxValue.value !== null) {
         emit("change", [minValue.value, maxValue.value].join(valueSeparator));
         setEditable(false);
+        useInValueChange();
       }
       if (refFormItem.value) {
         const valueName = refFormItem.value[index];
         emit("change", value, valueName);
+        useInValueChange();
       }
     };
     const {
       componentRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);
     };
     const onBlur = (e) => {
-      emit("blur", e);
-      setEditable(false);
+      if (minValue.value !== null && maxValue.value !== null) {
+        emit("blur", e);
+        setEditable(false);
+      }
     };
     const handleKeyUp = (e) => {
       if (e && e.code === "Enter") {

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -1,5 +1,5 @@
 import { isVNode, ref, watch, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getRadioProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getRadioProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-radio.css';
 import { notNilEmpty } from 'qx-util';
 
@@ -27,8 +27,13 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
         isBtnRoundCorner = c.toBoolean(editorModel.editorParams.isBtnRoundCorner);
       }
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const onSelectValueChange = (value) => {
       emit("change", value);
+      useInValueChange();
     };
     const items = ref([]);
     watch(() => props.data, (newVal) => {
@@ -64,7 +69,7 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
     });
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       editorModel,

package/es/editor/rate/ibiz-rate/ibiz-rate.mjs

@@ -1,5 +1,5 @@
 import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getRateProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getRateProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-rate.css';
 
@@ -15,6 +15,10 @@ const IBizRate = /* @__PURE__ */ defineComponent({
     const currentVal = ref();
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     let colors = [];
     let showText = false;
     let max = 5;
@@ -52,10 +56,11 @@ const IBizRate = /* @__PURE__ */ defineComponent({
     });
     const handleChange = (currentValue) => {
       emit("change", currentValue);
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,

package/es/editor/slider/ibiz-slider/ibiz-slider.mjs

@@ -1,5 +1,5 @@
 import { computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getSliderProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getSliderProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-slider.css';
 
@@ -14,6 +14,10 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("slider");
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     let step = 1;
     let max = 100;
     let min = 0;
@@ -86,10 +90,11 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       } else {
         emit("change", currentValue);
       }
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,

package/es/editor/span/span/span.d.ts

@@ -58,7 +58,13 @@ export declare const IBizSpan: import("vue").DefineComponent<{
         data?: IData | undefined;
         tooltip?: string | undefined;
         userData?: string | undefined;
+        beginValue?: number | undefined;
+        endValue?: number | undefined;
+        includeBeginValue?: boolean | undefined;
+        includeEndValue?: boolean | undefined;
     }[]>;
+    valueFormat: string | undefined;
+    unitName: string | undefined;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];

package/es/editor/span/span/span.mjs

@@ -25,6 +25,11 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const text = ref("");
     const codeList = c.codeList;
+    const {
+      valueFormat,
+      dataType,
+      unitName
+    } = c.parent;
     const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -32,11 +37,6 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
           text.value = "";
           return;
         }
-        const {
-          valueFormat,
-          dataType,
-          unitName
-        } = c.parent;
         if (c.model.valueType === "SIMPLES") {
           text.value = newVal.join(textSeparator);
         } else if (c.model.valueType === "OBJECT") {
@@ -116,6 +116,8 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       text,
       editorRef,
       items,
+      valueFormat,
+      unitName,
       showFormDefaultContent
     };
   },
@@ -126,7 +128,10 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
         "class": this.ns.e("code-list"),
         "codeListItems": this.items,
         "codeList": this.c.codeList,
-        "value": this.text
+        "value": this.value,
+        "valueFormat": this.valueFormat,
+        "unitName": this.unitName,
+        "convertToCodeItemText": this.c.convertToCodeItemText
       }, null);
     } else if (this.text) {
       content = this.text;

package/es/editor/text-box/input/input.d.ts

@@ -27,6 +27,41 @@ export declare const IBizInput: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     rows: import("vue").Ref<number>;
     type: import("vue").ComputedRef<"string" | "text" | "textarea" | "password">;
+    items: import("vue").Ref<readonly {
+        value: string | number;
+        text: string;
+        id: string;
+        color?: string | undefined;
+        bkcolor?: string | undefined;
+        children?: any[] | undefined;
+        textCls?: string | undefined;
+        cls?: string | undefined;
+        disableSelect?: boolean | undefined;
+        sysImage?: {
+            codeName?: string | undefined;
+            cssClass?: string | undefined;
+            cssClassX?: string | undefined;
+            glyph?: string | undefined;
+            height?: number | undefined;
+            imagePath?: string | undefined;
+            imagePathX?: string | undefined;
+            rawContent?: string | undefined;
+            width?: number | undefined;
+            appId: string;
+            id?: string | undefined;
+            name?: string | undefined;
+            userParam?: Record<string, string> | undefined;
+            modelId?: string | undefined;
+            modelType?: string | undefined;
+        } | undefined;
+        data?: IData | undefined;
+        tooltip?: string | undefined;
+        userData?: string | undefined;
+        beginValue?: number | undefined;
+        endValue?: number | undefined;
+        includeBeginValue?: boolean | undefined;
+        includeEndValue?: boolean | undefined;
+    }[]>;
     currentVal: import("vue").Ref<string>;
     readonlyText: import("vue").ComputedRef<string>;
     handleChange: (val: string | number) => void;