@ibiz-template/vue3-components 0.5.7-alpha.4 → 0.5.7-alpha.6

package/es/control/grid/grid/grid-control.util.mjs

@@ -56,6 +56,10 @@ function useITableEvent(c) {
     } else if (order === "descending") {
       order1 = "desc";
     }
+    const sortQuery = "".concat(fieldName, ",").concat(order1);
+    if (sortQuery === c.state.sortQuery) {
+      return;
+    }
     c.setSort(fieldName, order1);
     c.load();
   }

package/es/control/search-bar/filter-tree/filter-tree.d.ts

@@ -1,29 +1,60 @@
-import { IControlProvider, IFilterBranchNode, IFilterLeafNode, SearchBarController } from '@ibiz-template/runtime';
+import { IFilterBranchNode, IFilterLeafNode, IFilterNode, SearchBarFilterController } from '@ibiz-template/runtime';
 import { PropType } from 'vue';
 import './filter-tree.scss';
 export declare const FilterTreeControl: import("vue").DefineComponent<{
-    controller: {
-        type: PropType<SearchBarController>;
+    /**
+     * 过滤项控制器集合
+     */
+    filterControllers: {
+        type: PropType<SearchBarFilterController[]>;
         required: true;
     };
-    provider: {
-        type: PropType<IControlProvider>;
+    /**
+     * 过滤项树节点数据集合
+     */
+    filterNodes: {
+        type: PropType<IFilterNode[]>;
+        required: true;
+    };
+    /**
+     * 父容器
+     */
+    parent: {
+        type: StringConstructor;
+        required: true;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     renderFilterGroup: (node: IFilterBranchNode) => JSX.Element;
     renderFilterItem: (node: IFilterLeafNode) => JSX.Element;
-    onClose: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: () => true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<SearchBarController>;
+    onConfirm: () => void;
+    onCancel: () => void;
+    isInSearchBar: import("vue").ComputedRef<boolean>;
+    UiFilterNodes: import("vue").ComputedRef<IFilterNode[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm")[], "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 过滤项控制器集合
+     */
+    filterControllers: {
+        type: PropType<SearchBarFilterController[]>;
         required: true;
     };
-    provider: {
-        type: PropType<IControlProvider>;
+    /**
+     * 过滤项树节点数据集合
+     */
+    filterNodes: {
+        type: PropType<IFilterNode[]>;
+        required: true;
+    };
+    /**
+     * 父容器
+     */
+    parent: {
+        type: StringConstructor;
+        required: true;
     };
 }>> & {
-    onClose?: (() => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;

package/es/control/search-bar/filter-tree/filter-tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
+import { isVNode, computed, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
 import { ValueOP } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './filter-tree.css';
@@ -50,23 +50,41 @@ const FilterModes = [{
 const FilterTreeControl = /* @__PURE__ */ defineComponent({
   name: "IBizFilterTreeControl",
   props: {
-    controller: {
-      type: Object,
+    /**
+     * 过滤项控制器集合
+     */
+    filterControllers: {
+      type: Array,
       required: true
     },
-    provider: {
-      type: Object
+    /**
+     * 过滤项树节点数据集合
+     */
+    filterNodes: {
+      type: Array,
+      required: true
+    },
+    /**
+     * 父容器
+     */
+    parent: {
+      type: String,
+      required: true
     }
   },
-  emits: {
-    close: () => true
-  },
+  emits: ["confirm", "cancel", "change"],
   setup(props, {
     emit
   }) {
     const ns = useNamespace("filter-tree");
+    const isInSearchBar = computed(() => {
+      return props.parent === "search-bar";
+    });
+    const UiFilterNodes = computed(() => {
+      return props.filterNodes;
+    });
     const findFilterController = (fieldName, valueOP) => {
-      return props.controller.filterControllers.find((item) => {
+      return props.filterControllers.find((item) => {
         if (item.fieldName === fieldName) {
           return item.valueOP ? item.valueOP === valueOP : true;
         }
@@ -84,7 +102,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       }
       return field.valueOPs;
     };
-    props.controller.filterControllers.forEach((filterC) => {
+    props.filterControllers.forEach((filterC) => {
       let find = allFields.find((x) => x.name === filterC.fieldName);
       if (find === void 0) {
         find = {
@@ -139,6 +157,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         editor = h(component, {
           value: node.value,
           controller: filterC.editor,
+          data: {},
           onChange: (val) => {
             node.value = val;
           }
@@ -238,23 +257,26 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         }, null)]);
       })])]);
     };
-    const onClose = () => {
-      emit("close");
+    const onConfirm = () => {
+      emit("confirm");
+    };
+    const onCancel = () => {
+      emit("cancel");
     };
     return {
       ns,
       renderFilterGroup,
       renderFilterItem,
-      onClose
+      onConfirm,
+      onCancel,
+      isInSearchBar,
+      UiFilterNodes
     };
   },
   render() {
-    const {
-      state
-    } = this.controller;
     return createVNode("div", {
       "class": [this.ns.b()]
-    }, [state.filterNodes.length > 0 && state.filterNodes.map((node) => {
+    }, [this.UiFilterNodes.length > 0 && this.UiFilterNodes.map((node) => {
       if (node.leaf) {
         return this.renderFilterItem(node);
       }
@@ -263,14 +285,13 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("footer")
     }, [createVNode(resolveComponent("el-button"), {
       "onClick": () => {
-        this.controller.onSearch();
-        this.onClose();
+        this.onConfirm();
       }
     }, {
-      default: () => [createTextVNode("\u641C\u7D22")]
+      default: () => [this.isInSearchBar ? "\u641C\u7D22" : "\u786E\u5B9A"]
     }), createVNode(resolveComponent("el-button"), {
       "onClick": () => {
-        this.controller.resetFilter();
+        this.onCancel();
       }
     }, {
       default: () => [createTextVNode("\u91CD\u7F6E")]

package/es/control/search-bar/search-bar.mjs

@@ -55,12 +55,18 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
     const showFilter = async () => {
       popover = ibiz.overlay.createPopover(() => {
         return createVNode(resolveComponent("iBizFilterTreeControl"), {
-          "onClose": () => {
+          "filterControllers": c.filterControllers,
+          "filterNodes": c.state.filterNodes,
+          "parent": "search-bar",
+          "onConfirm": () => {
+            c.onSearch();
             if (popover) {
               popover.dismiss();
             }
           },
-          "controller": c
+          "onCancel": () => {
+            c.resetFilter();
+          }
         }, null);
       }, void 0, {
         placement: "bottom-end",

package/es/control/tab-exp-panel/tab-exp-panel.mjs

@@ -1,7 +1,8 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './tab-exp-panel.css';
 import { TabExpPanelController } from '@ibiz-template/runtime';
+import { useRoute } from 'vue-router';
 
 "use strict";
 function _isSlot(s) {
@@ -38,6 +39,36 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
       c.handleTabChange();
     };
     const tabPosition = ((_a = c.view.model.tabLayout) == null ? void 0 : _a.toLowerCase()) || "top";
+    const route = useRoute();
+    watch(() => route.fullPath, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const viewCodeName = c.view.model.codeName.toLowerCase();
+        const viewRouteKey = Object.keys(route.params).find((key) => {
+          return route.params[key] === viewCodeName;
+        });
+        if (!viewRouteKey) {
+          return;
+        }
+        const nextKeyNumber = (parseInt(viewRouteKey[viewRouteKey.length - 1], 10) + 2) * 2;
+        const tempFullPath = route.fullPath.split("/").slice(0, nextKeyNumber).join("/");
+        c.state.tabPages.forEach((page) => {
+          if (page.fullPath === tempFullPath) {
+            c.state.activeName = page.tabTag;
+            c.handleTabChange();
+          }
+        });
+        if (c.state.activeName) {
+          const currentPage = c.state.tabPages.find((page) => {
+            return page.tabTag === c.state.activeName;
+          });
+          if (currentPage) {
+            currentPage.fullPath = tempFullPath;
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
     return {
       c,
       ns,

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.css

@@ -1 +1 @@
-.ibiz-date-range-picker .el-date-editor{width:100%;line-height:var(--ibiz-editor-default-line-height);display:flex;align-items:center;justify-content:flex-start}.ibiz-date-range-picker .el-date-editor .el-range-input{color:var(--ibiz-form-item-text-color)}.ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-input{display:flex}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content{display:flex;align-items:center;width:100%;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content .ibiz-date-range-picker-default-input{box-shadow:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content .ibiz-date-range-picker-default-input .el-icon{opacity:0}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-input{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-input{display:flex}
+.ibiz-date-range-picker .el-date-editor{width:100%;line-height:var(--ibiz-editor-default-line-height);display:flex;align-items:center;justify-content:flex-start}.ibiz-date-range-picker .el-date-editor .el-range-input{color:var(--ibiz-form-item-text-color)}.ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-input{display:flex}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content{display:flex;align-items:center;width:100%;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content .ibiz-date-range-picker-default-input{box-shadow:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-input{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-input{display:flex}

package/es/editor/index.mjs

@@ -26,6 +26,7 @@ import './array/index.mjs';
 import './cascader/index.mjs';
 import './color-picker/index.mjs';
 import './preset/index.mjs';
+import './user/ibiz-searchcond-edit/index.mjs';
 import { IBizSpan } from './span/span/span.mjs';
 import { IBizSpanLink } from './span/span-link/span-link.mjs';
 import { IBizInput } from './text-box/input/input.mjs';
@@ -59,6 +60,7 @@ import { IBizArray } from './array/ibiz-array/ibiz-array.mjs';
 import { IBizCascader } from './cascader/ibiz-cascader/ibiz-cascader.mjs';
 import { IBizColorPicker } from './color-picker/ibiz-color-picker/ibiz-color-picker.mjs';
 import { IBizPresetRawitem } from './preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.mjs';
+import { IBizSearchCondEdit } from './user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs';
 import { SpanEditorProvider } from './span/span-editor.provider.mjs';
 import { TextBoxEditorProvider } from './text-box/text-box-editor.provider.mjs';
 import { DropDownListEditorProvider } from './dropdown-list/dropdown-list-editor.provider.mjs';
@@ -83,6 +85,7 @@ import { MarkDownEditorProvider } from './markdown/markdown-editor.provider.mjs'
 import { ArrayEditorProvider } from './array/array-editor.provider.mjs';
 import { CascaderEditorProvider } from './cascader/cascader-editor.provider.mjs';
 import { ColorPickerEditorProvider } from './color-picker/color-picker-editor.provider.mjs';
+import { SearchCondEditEditorProvider } from './user/ibiz-searchcond-edit/ibiz-searchcond-edit.provider.mjs';
 
 "use strict";
 const IBizEditor = {
@@ -121,6 +124,7 @@ const IBizEditor = {
     v.component(IBizCascader.name, IBizCascader);
     v.component(IBizColorPicker.name, IBizColorPicker);
     v.component(IBizPresetRawitem.name, IBizPresetRawitem);
+    v.component(IBizSearchCondEdit.name, IBizSearchCondEdit);
     v.component(
       "IBizHtml",
       defineAsyncComponent(() => import('./html/wang-editor/wang-editor.mjs'))
@@ -285,6 +289,10 @@ const IBizEditor = {
       "COLORPICKER",
       () => new ColorPickerEditorProvider()
     );
+    registerEditorProvider(
+      "PICKER_searchCondEdit",
+      () => new SearchCondEditEditorProvider()
+    );
     registerEditorProvider(
       "FIELD_IMAGE_PICTURE_ONE",
       () => new FileUploaderEditorProvider("PICTURE_ONE")

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

@@ -50,6 +50,8 @@ export declare const IBizSpan: import("vue").DefineComponent<{
             id?: string | undefined;
             name?: string | undefined;
             userParam?: Record<string, string> | undefined;
+            modelId?: string | undefined;
+            modelType?: string | undefined;
         } | undefined;
         data?: IData | undefined;
         tooltip?: string | undefined;

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -36,8 +36,8 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        const number = newVal != null && !Object.is(newVal, "") ? Number(newVal) : "";
-        currentVal.value = Number.isNaN(number) ? "" : number;
+        const number = newVal != null && !Object.is(newVal, "") ? Number(newVal) : null;
+        currentVal.value = Number.isNaN(number) ? null : number;
       }
     }, {
       immediate: true

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.controller.d.ts

@@ -0,0 +1,46 @@
+import { EditorController, SearchBarFilterController } from '@ibiz-template/runtime';
+import { IAppDataEntity, IPicker, ISearchBarFilter } from '@ibiz/model-core';
+/**
+ * 搜索过滤项编辑器控制器
+ *
+ * @author lxm
+ * @date 2022-08-24 20:08:25
+ * @export
+ * @class SearchCondEditEditorController
+ * @extends {EditorController}
+ */
+export declare class SearchCondEditEditorController extends EditorController<IPicker> {
+    protected onInit(): Promise<void>;
+    /**
+     * 过滤项集合
+     *
+     */
+    searchBarFilters: ISearchBarFilter[];
+    /**
+     * 过滤项控制器集合
+     *
+     */
+    filterControllers: SearchBarFilterController[];
+    /**
+     * 实体模型
+     * @author lxm
+     * @date 2023-10-13 02:49:59
+     * @type {IAppDataEntity}
+     */
+    appDataEntity: IAppDataEntity | null;
+    /**
+     * 根据实体jsonschema初始化
+     * @author lxm
+     * @date 2023-12-29 04:21:31
+     * @return {*}  {Promise<void>}
+     */
+    initByEntitySchema(): Promise<void>;
+    /**
+     * 初始化过滤项控制器
+     * @author lxm
+     * @date 2023-10-13 03:33:17
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected initSearchBarFilters(): Promise<void>;
+}

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.controller.mjs

@@ -0,0 +1,93 @@
+import { EditorController, getEntitySchema, calcFilterModelBySchema, SearchBarFilterController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class SearchCondEditEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 过滤项集合
+     *
+     */
+    __publicField(this, "searchBarFilters", []);
+    /**
+     * 过滤项控制器集合
+     *
+     */
+    __publicField(this, "filterControllers", []);
+    /**
+     * 实体模型
+     * @author lxm
+     * @date 2023-10-13 02:49:59
+     * @type {IAppDataEntity}
+     */
+    __publicField(this, "appDataEntity", null);
+  }
+  async onInit() {
+    await super.onInit();
+    await this.initByEntitySchema();
+    await this.initSearchBarFilters();
+  }
+  /**
+   * 根据实体jsonschema初始化
+   * @author lxm
+   * @date 2023-12-29 04:21:31
+   * @return {*}  {Promise<void>}
+   */
+  async initByEntitySchema() {
+    if (!this.model.appDataEntityId) {
+      return;
+    }
+    const appDataEntity = await ibiz.hub.getAppDataEntity(
+      this.model.appDataEntityId,
+      this.context.srfappid
+    );
+    if (appDataEntity) {
+      this.appDataEntity = appDataEntity;
+    }
+    const json = await getEntitySchema(
+      this.model.appDataEntityId,
+      this.context
+    );
+    if (!json) {
+      return;
+    }
+    const addSearchBarFilters = await calcFilterModelBySchema(
+      json,
+      this.model.appDataEntityId,
+      this.model.appId
+    );
+    this.searchBarFilters = addSearchBarFilters;
+  }
+  /**
+   * 初始化过滤项控制器
+   * @author lxm
+   * @date 2023-10-13 03:33:17
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async initSearchBarFilters() {
+    var _a;
+    if (((_a = this.searchBarFilters) == null ? void 0 : _a.length) && this.appDataEntity) {
+      this.searchBarFilters.forEach((item) => {
+        const filterController = new SearchBarFilterController(
+          item,
+          this.appDataEntity,
+          this.context,
+          this.params
+        );
+        this.filterControllers.push(filterController);
+      });
+      await Promise.all(
+        this.filterControllers.map((controller) => controller.init())
+      );
+    }
+  }
+}
+
+export { SearchCondEditEditorController };

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.css

@@ -0,0 +1 @@
+.ibiz-searchcond-edit{position:relative;width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular)}.ibiz-searchcond-edit .ibiz-searchcond-edit-filter{position:absolute;top:var(--ibiz-spacing-tight);right:var(--ibiz-spacing-tight)}

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.d.ts

@@ -0,0 +1,81 @@
+import { Ref } from 'vue';
+import './ibiz-searchcond-edit.scss';
+import { IFilterNode } from '@ibiz-template/runtime';
+import { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller';
+export declare const IBizSearchCondEdit: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SearchCondEditEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: SearchCondEditEditorController;
+    currentVal: Ref<string | null>;
+    handleChange: (e: number | null) => void;
+    onFocus: (e: IData) => void;
+    onBlur: (e: IData) => void;
+    editorRef: Ref<any>;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    isEditable: Ref<boolean>;
+    setEditable: (flag: boolean) => void;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    filterNodes: Ref<IFilterNode[]>;
+    triggerFilter: () => void;
+    filterButtonRef: Ref<any>;
+    resetFilter: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SearchCondEditEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    autoFocus: boolean;
+    readonly: boolean;
+}, {}>;