@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/editor/common/right-icon/right-icon.mjs

@@ -0,0 +1,22 @@
+import { createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './right-icon.css';
+
+"use strict";
+const IBizCommonRightIcon = /* @__PURE__ */ defineComponent({
+  name: "IBizCommonRightIcon",
+  setup() {
+    const ns = useNamespace("editor-right-icon");
+    return {
+      ns
+    };
+  },
+  render() {
+    return createVNode("ion-icon", {
+      "class": this.ns.b(),
+      "name": "chevron-forward-outline"
+    }, null);
+  }
+});
+
+export { IBizCommonRightIcon };

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:50px}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control{gap:8px;height:100%}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:5px;--van-tag-font-size:var(--ibiz-form-item-font-size)}

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.d.ts

@@ -0,0 +1,60 @@
+import { Ref } from 'vue';
+import './ibiz-mpicker.scss';
+import { PickerEditorController } from '../picker-editor.controller';
+export declare const IBizMPicker: import("vue").DefineComponent<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, 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;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: PickerEditorController;
+    curValue: Ref<string[]>;
+    items: Ref<IData[]>;
+    valueText: import("vue").ComputedRef<string>;
+    selectItems: Ref<IData[]>;
+    onSearch: (query: string) => Promise<void>;
+    onRemove: (tag: string) => void;
+    onOpenChange: (flag: boolean) => void;
+    onSelect: (selects: string[]) => void;
+    openPickUpView: () => Promise<void>;
+    onFocus: () => void;
+    onBlur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: () => boolean;
+    focus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, 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;
+    };
+}>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -0,0 +1,204 @@
+import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-mpicker.css';
+
+"use strict";
+const IBizMPicker = /* @__PURE__ */ defineComponent({
+  name: "IBizMPicker",
+  props: getDataPickerProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("mpicker");
+    const c = props.controller;
+    const curValue = ref([]);
+    const items = ref([]);
+    const selectItems = ref([]);
+    const open = ref(false);
+    watch(() => props.value, (newVal) => {
+      curValue.value = [];
+      selectItems.value = [];
+      if (newVal) {
+        selectItems.value = JSON.parse(newVal);
+        selectItems.value.forEach((item) => {
+          curValue.value.push(item.srfkey);
+          const index = items.value.findIndex((i) => Object.is(i.srfkey, item.srfkey));
+          if (index < 0) {
+            items.value.push({
+              srfkey: item.srfkey,
+              srfmajortext: item.srfmajortext
+            });
+          }
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const handleOpenViewClose = (result) => {
+      const valArr = [];
+      if (result && Array.isArray(result)) {
+        result.forEach((select) => {
+          const formattedItem = {
+            srfkey: select[c.keyName] || select.srfkey,
+            srfmajortext: select[c.textName] || select.srfmajortext
+          };
+          valArr.push(formattedItem);
+          const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
+          if (index < 0) {
+            items.value.push(formattedItem);
+          }
+        });
+      }
+      const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
+      emit("change", value);
+    };
+    const openPickUpView = async () => {
+      let selectedData;
+      if (selectItems.value.length) {
+        selectedData = JSON.stringify(selectItems.value);
+      }
+      const res = await c.openPickUpView(props.data, selectedData);
+      if (res) {
+        handleOpenViewClose(res);
+      }
+    };
+    const onSelect = (selects) => {
+      const valArr = [];
+      if (selects.length > 0) {
+        selects.forEach((select) => {
+          const findItem = items.value.find((item) => Object.is(item.srfkey, select));
+          if (findItem) {
+            valArr.push({
+              srfkey: findItem.srfkey,
+              srfmajortext: findItem.srfmajortext
+            });
+          }
+        });
+        const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
+        emit("change", value);
+      } else {
+        emit("change", "");
+      }
+    };
+    const onSearch = async (query) => {
+      if (c.model.appDataEntityId) {
+        const trimQuery = query.trim();
+        const res = await c.getServiceData(trimQuery, props.data);
+        if (res) {
+          items.value = res.data.map((item) => ({
+            srfkey: item[c.keyName],
+            srfmajortext: item[c.textName]
+          }));
+        }
+      }
+    };
+    const onRemove = (tag) => {
+      const index = selectItems.value.findIndex((item) => Object.is(item[c.keyName], tag));
+      if (index >= 0) {
+        selectItems.value.splice(index, 1);
+        const val = [];
+        let value = null;
+        selectItems.value.forEach((select) => {
+          if (c.model.valueType === "OBJECTS") {
+            val.push(c.handleObjectParams(select));
+          } else if (c.objectIdField) {
+            val.push(select[c.keyName]);
+          } else {
+            val.push({
+              [c.keyName]: select[c.keyName],
+              [c.textName]: select[c.textName]
+            });
+          }
+        });
+        if (val.length > 0) {
+          if (c.model.valueType === "OBJECTS") {
+            value = val;
+          } else {
+            value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+          }
+        }
+        emit("change", value);
+      }
+    };
+    const onOpenChange = (flag) => {
+      open.value = flag;
+      if (open.value) {
+        items.value = [];
+        onSearch("");
+      }
+    };
+    const valueText = computed(() => {
+      return selectItems.value.map((item) => {
+        return item.srfmajortext;
+      }).join(",");
+    });
+    const onFocus = () => {
+      emit("focus");
+    };
+    const onBlur = () => {
+      emit("blur");
+    };
+    return {
+      ns,
+      c,
+      curValue,
+      items,
+      valueText,
+      selectItems,
+      onSearch,
+      onRemove,
+      onOpenChange,
+      onSelect,
+      openPickUpView,
+      onFocus,
+      onBlur
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [this.readonly && this.valueText, !this.readonly && createVNode(resolveComponent("van-field"), {
+      "ref": "editorRef",
+      "modelValue": this.valueText,
+      "onUpdate:modelValue": ($event) => this.valueText = $event,
+      "clearable": true,
+      "placeholder": this.c.placeHolder,
+      "disabled": this.disabled
+    }, {
+      input: () => {
+        return this.selectItems.map((item) => {
+          return createVNode(resolveComponent("van-tag"), {
+            "closeable": true,
+            "type": "primary",
+            "onClose": () => {
+              this.onRemove(item[this.c.keyName]);
+            }
+          }, {
+            default: () => [item.srfmajortext]
+          });
+        });
+      },
+      button: () => {
+        if (this.$slots.append) {
+          return this.$slots.append({});
+        }
+        if (this.disabled || this.readonly) {
+          return null;
+        }
+        return [this.c.model.pickupAppViewId ? createVNode(resolveComponent("van-button"), {
+          "size": "small",
+          "onClick": this.openPickUpView
+        }, {
+          default: () => [createVNode("ion-icon", {
+            "name": "search"
+          }, null)]
+        }) : null];
+      }
+    })]);
+  }
+});
+
+export { IBizMPicker };

package/es/editor/data-picker/ibiz-picker/ibiz-picker.css

@@ -0,0 +1 @@
+.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:5px;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:32px;height:32px;padding:0 6px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}

package/es/editor/data-picker/ibiz-picker/ibiz-picker.d.ts

@@ -0,0 +1,69 @@
+import { Ref } from 'vue';
+import './ibiz-picker.scss';
+import { PickerEditorController } from '../picker-editor.controller';
+export declare const IBizPicker: import("vue").DefineComponent<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, 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;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: PickerEditorController;
+    curValue: Ref<string | string[] | null>;
+    items: Ref<IData[]>;
+    pickerAutoCompleteRef: Ref<any>;
+    loading: Ref<boolean>;
+    openPickUpView: (e: MouseEvent) => Promise<void>;
+    openLinkView: (e: MouseEvent) => Promise<void>;
+    onACSelect: (item: IData) => Promise<void>;
+    onSearch: (query?: string, cb?: ((_items: IData[]) => void) | undefined) => Promise<void>;
+    editorRef: Ref<any>;
+    onClear: () => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    closeCircle: number;
+    isDebounce: boolean;
+    handleChange: (evt: IData) => void;
+    onConfirm: ({ selectedOptions }: {
+        selectedOptions: IData[];
+    }) => void;
+    showPicker: Ref<boolean>;
+    openPicker: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: () => boolean;
+    focus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, 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;
+    };
+}>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -0,0 +1,245 @@
+import { ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { isEmpty } from 'ramda';
+import './ibiz-picker.css';
+import { debounce } from 'lodash-es';
+
+"use strict";
+const IBizPicker = /* @__PURE__ */ defineComponent({
+  name: "IBizPicker",
+  props: getDataPickerProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("picker");
+    const c = props.controller;
+    const curValue = ref("");
+    const items = ref([]);
+    const showPicker = ref(false);
+    const isShowAll = ref(true);
+    const pickerAutoCompleteRef = ref();
+    const loading = ref(false);
+    watch(() => props.value, (newVal) => {
+      if (newVal || newVal === null) {
+        curValue.value = newVal;
+        if (newVal === null) {
+          curValue.value = "";
+        }
+        const value = props.data[c.valueItem];
+        const index = items.value.findIndex((item) => Object.is(item[c.keyName], value));
+        if (index !== -1) {
+          return;
+        }
+        items.value = [];
+        if (!isEmpty(newVal) && !isEmpty(value)) {
+          items.value.push({
+            [c.textName]: newVal,
+            [c.keyName]: value
+          });
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const handleDataSelect = async (data) => {
+      const dataItems = await c.calcFillDataItems(data);
+      if (dataItems.length) {
+        dataItems.forEach((dataItem) => {
+          emit("change", dataItem.value, dataItem.id);
+        });
+      }
+      if (c.valueItem) {
+        emit("change", data[c.keyName], c.valueItem);
+      }
+      emit("change", data[c.textName]);
+    };
+    const openPickUpView = async (e) => {
+      e.stopPropagation();
+      const res = await c.openPickUpView(props.data);
+      if (res && res[0]) {
+        await handleDataSelect(res[0]);
+      }
+    };
+    const openLinkView = async (e) => {
+      e.stopPropagation();
+      const res = await c.openLinkView(props.data);
+      if (res && res[0]) {
+        await handleDataSelect(res[0]);
+      }
+    };
+    const onACSelect = async (item) => {
+      await handleDataSelect(item);
+      isShowAll.value = true;
+    };
+    const handleData = (data) => {
+      return data.map((item) => {
+        return {
+          text: item[c.textName],
+          value: item[c.keyName],
+          ...item
+        };
+      });
+    };
+    const onSearch = async (query, cb) => {
+      if (c.model.appDataEntityId) {
+        const trimQuery = query || "".trim();
+        loading.value = true;
+        let res;
+        try {
+          res = await c.getServiceData(trimQuery, props.data);
+          if (res) {
+            items.value = handleData(res.data);
+            if (cb && cb instanceof Function) {
+              cb(items.value);
+            }
+          }
+        } finally {
+          loading.value = false;
+        }
+      }
+    };
+    let isDebounce = false;
+    let awaitSearch;
+    let blurCacheValue;
+    const debounceChange = debounce((val) => {
+      if (blurCacheValue !== val) {
+        onSearch(val);
+      }
+      blurCacheValue = void 0;
+      isDebounce = false;
+      if (awaitSearch) {
+        awaitSearch();
+      }
+    }, 300, {
+      leading: true
+    });
+    const handleChange = (evt) => {
+      const val = evt.target.value;
+      isDebounce = true;
+      debounceChange(val);
+    };
+    const onClear = () => {
+      const dataItems = c.dataItems;
+      if (dataItems == null ? void 0 : dataItems.length) {
+        dataItems.forEach((dataItem) => {
+          emit("change", null, dataItem.id);
+        });
+      }
+      if (c.valueItem) {
+        emit("change", null, c.valueItem);
+      }
+      emit("change", null);
+    };
+    const closeCircle = (c.linkView ? 1 : 0) + (c.pickupView ? 1 : 0);
+    const editorRef = ref();
+    if (props.autoFocus) {
+      watch(editorRef, (newVal) => {
+        if (newVal) {
+          newVal.focus();
+        }
+      });
+    }
+    const onFocus = () => {
+      emit("focus");
+    };
+    const onBlur = () => {
+      emit("blur");
+    };
+    const onConfirm = ({
+      selectedOptions
+    }) => {
+      showPicker.value = false;
+      if (Array.isArray(selectedOptions)) {
+        handleDataSelect(selectedOptions[0]);
+      }
+    };
+    const openPicker = async () => {
+      showPicker.value = true;
+      onSearch();
+    };
+    return {
+      ns,
+      c,
+      curValue,
+      items,
+      pickerAutoCompleteRef,
+      loading,
+      openPickUpView,
+      openLinkView,
+      onACSelect,
+      onSearch,
+      editorRef,
+      onClear,
+      onFocus,
+      onBlur,
+      closeCircle,
+      isDebounce,
+      handleChange,
+      onConfirm,
+      showPicker,
+      openPicker
+    };
+  },
+  render() {
+    if (this.readonly) {
+      return createVNode("div", {
+        "class": (this.ns.b(), this.ns.m("readonly"))
+      }, [this.value]);
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]
+    }, [createVNode(resolveComponent("van-field"), {
+      "ref": "editorRef",
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "clearable": true,
+      "placeholder": this.c.placeHolder,
+      "onClear": this.onClear,
+      "disabled": this.disabled,
+      "onClick": () => {
+        this.openPicker();
+      }
+    }, {
+      button: () => {
+        if (this.$slots.append) {
+          return this.$slots.append({});
+        }
+        if (this.disabled || this.readonly) {
+          return null;
+        }
+        return [this.c.model.pickupAppViewId ? createVNode(resolveComponent("van-button"), {
+          "size": "small",
+          "onClick": this.openPickUpView
+        }, {
+          default: () => [createVNode("ion-icon", {
+            "name": "search"
+          }, null)]
+        }) : null, this.c.model.linkAppViewId ? createVNode(resolveComponent("van-button"), {
+          "size": "small",
+          "onClick": this.openLinkView
+        }, {
+          default: () => [createVNode("ion-icon", {
+            "name": "arrow-redo-sharp"
+          }, null)]
+        }) : null];
+      }
+    }), createVNode(resolveComponent("van-popup"), {
+      "show": this.showPicker,
+      "onUpdate:show": ($event) => this.showPicker = $event,
+      "round": true,
+      "position": "bottom"
+    }, {
+      default: () => [createVNode(resolveComponent("van-picker"), {
+        "columns": this.items,
+        "loading": this.loading,
+        "onCancel": () => {
+          this.showPicker = false;
+        },
+        "onConfirm": this.onConfirm
+      }, null)]
+    })]);
+  }
+});
+
+export { IBizPicker };

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -0,0 +1 @@
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker-select-view .ibiz-picker-select-view-view{height:100%}.ibiz-picker-select-view .van-field__button button{color:var(--van-field-right-icon-color);border:none}

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -0,0 +1,73 @@
+import { Ref } from 'vue';
+import './ibiz-picker-select-view.scss';
+import { EventBase } from '@ibiz-template/runtime';
+import { PickerEditorController } from '../picker-editor.controller';
+export declare const IBizPickerSelectView: import("vue").DefineComponent<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, 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;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: PickerEditorController;
+    curValue: Ref<string>;
+    context: Ref<{
+        [x: string]: any;
+        [x: symbol]: any;
+        srfsandbox?: string | undefined;
+        srfappid?: string | undefined;
+        getOwnContext: () => IData;
+        destroy: () => void;
+        clone: () => IContext;
+        reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
+    }>;
+    params: Ref<IParams>;
+    editorRef: Ref<any>;
+    height: Ref<number>;
+    isOpen: Ref<boolean>;
+    anchors: Ref<number[]>;
+    visible: Ref<boolean>;
+    onClear: () => void;
+    onSelectionChange: (event: EventBase) => void;
+    heightChange: ({ height: _height }: {
+        height: number;
+    }) => void;
+    openPicker: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: () => boolean;
+    focus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, 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;
+    };
+}>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;