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

package/es/editor/slider/ibiz-slider/ibiz-slider.d.ts

@@ -0,0 +1,54 @@
+import { SliderEditorController } from '../slider-editor.controller';
+import './ibiz-slider.scss';
+export declare const IBizSlider: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SliderEditorController>, 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;
+    currentVal: import("vue").Ref<number | number[]>;
+    handleChange: (currentValue: number | undefined | Array<number>) => void;
+    step: number;
+    max: number;
+    min: number;
+    range: boolean;
+    editorRef: import("vue").Ref<any>;
+}, 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: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SliderEditorController>, 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/slider/ibiz-slider/ibiz-slider.mjs

@@ -0,0 +1,99 @@
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getSliderProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { toNumber } from 'lodash-es';
+import './ibiz-slider.css';
+
+"use strict";
+const IBizSlider = /* @__PURE__ */ defineComponent({
+  name: "IBizSlider",
+  props: getSliderProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("slider");
+    const c = props.controller;
+    const editorModel = c.model;
+    let step = 1;
+    let max = 100;
+    let min = 0;
+    let range = false;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.stepValue) {
+        step = toNumber(editorModel.editorParams.stepValue);
+      }
+      if (editorModel.editorParams.maxValue) {
+        max = toNumber(editorModel.editorParams.maxValue);
+      }
+      if (editorModel.editorParams.minValue) {
+        min = toNumber(editorModel.editorParams.minValue);
+      }
+      if (editorModel.editorParams.range) {
+        range = c.toBoolean(editorModel.editorParams.range);
+      }
+    }
+    const currentVal = ref(0);
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (newVal === null || newVal === void 0) {
+          if (range) {
+            currentVal.value = [0, 1];
+          } else {
+            currentVal.value = 0;
+          }
+        } else {
+          if (range) {
+            currentVal.value = JSON.parse(newVal);
+          } else {
+            currentVal.value = Number(newVal) || 0;
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (currentValue) => {
+      if (Array.isArray(currentValue)) {
+        emit("change", JSON.stringify(currentValue));
+      } else {
+        emit("change", currentValue);
+      }
+    };
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      currentVal,
+      handleChange,
+      step,
+      max,
+      min,
+      range,
+      editorRef
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [createVNode(resolveComponent("van-slider"), {
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "disabled": this.disabled || this.readonly,
+      "step": this.step,
+      "max": this.max,
+      "min": this.min,
+      "range": this.range,
+      "onChange": this.handleChange
+    }, {
+      button: () => {
+        return createVNode("div", {
+          "class": this.ns.b("button")
+        }, [this.currentVal]);
+      }
+    })]);
+  }
+});
+
+export { IBizSlider };

package/es/editor/slider/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizSlider } from './ibiz-slider/ibiz-slider';
+export * from './slider-editor.controller';
+export * from './slider-editor.provider';

package/es/editor/slider/index.mjs

@@ -0,0 +1,5 @@
+export { IBizSlider } from './ibiz-slider/ibiz-slider.mjs';
+export { SliderEditorController } from './slider-editor.controller.mjs';
+export { SliderEditorProvider } from './slider-editor.provider.mjs';
+
+"use strict";

package/es/editor/slider/slider-editor.controller.d.ts

@@ -0,0 +1,11 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ISlider } from '@ibiz/model-core';
+/**
+ * 滑动输入条编辑器控制器
+ *
+ * @export
+ * @class SliderEditorController
+ * @extends {EditorController}
+ */
+export declare class SliderEditorController extends EditorController<ISlider> {
+}

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

@@ -0,0 +1,7 @@
+import { EditorController } from '@ibiz-template/runtime';
+
+"use strict";
+class SliderEditorController extends EditorController {
+}
+
+export { SliderEditorController };

package/es/editor/slider/slider-editor.provider.d.ts

@@ -0,0 +1,15 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ISlider } from '@ibiz/model-core';
+import { SliderEditorController } from './slider-editor.controller';
+/**
+ * 滑动输入条编辑器适配器
+ *
+ * @export
+ * @class SliderEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class SliderEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: ISlider, parentController: IEditorContainerController): Promise<SliderEditorController>;
+}

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

@@ -0,0 +1,22 @@
+import { SliderEditorController } from './slider-editor.controller.mjs';
+
+"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 SliderEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizSlider");
+    __publicField(this, "gridEditor", "IBizSlider");
+  }
+  async createController(editorModel, parentController) {
+    const c = new SliderEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { SliderEditorProvider };

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

@@ -0,0 +1,4 @@
+export { IBizSpan } from './span/span';
+export { IBizSpanLink } from './span-link/span-link';
+export * from './span-editor.controller';
+export * from './span-editor.provider';

package/es/editor/span/index.mjs

@@ -0,0 +1,6 @@
+export { IBizSpan } from './span/span.mjs';
+export { IBizSpanLink } from './span-link/span-link.mjs';
+export { SpanEditorController } from './span-editor.controller.mjs';
+export { SpanEditorProvider } from './span-editor.provider.mjs';
+
+"use strict";

package/es/editor/span/span/span.css

@@ -0,0 +1 @@
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:inherit;white-space:pre-line}.ibiz-span--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}

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

@@ -0,0 +1,43 @@
+import { Ref } from 'vue';
+import './span.scss';
+import { SpanEditorController } from '../span-editor.controller';
+export declare const IBizSpan: import("vue").DefineComponent<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, 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;
+    text: Ref<string>;
+    codeListText: import("vue").ComputedRef<string | undefined>;
+    editorRef: Ref<any>;
+}, 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)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, 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;
+    };
+}>>, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -0,0 +1,80 @@
+import { ref, watch, computed, createVNode, defineComponent } from 'vue';
+import { getSpanProps, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import dayjs from 'dayjs';
+import './span.css';
+
+"use strict";
+const IBizSpan = /* @__PURE__ */ defineComponent({
+  name: "IBizSpan",
+  props: getSpanProps(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("span");
+    const c = props.controller;
+    const text = ref("");
+    const codeList = c.codeList;
+    let valueSeparator = ",";
+    if (codeList && codeList.valueSeparator) {
+      valueSeparator = codeList.valueSeparator;
+    }
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          text.value = "";
+          return;
+        }
+        if (c.parent.valueFormat) {
+          text.value = dayjs(newVal).format(c.parent.valueFormat);
+        } else {
+          text.value = newVal ? `${newVal}` : "";
+        }
+        if (c.parent.unitName) {
+          text.value += c.parent.unitName;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const items = ref([]);
+    if (codeList) {
+      watch(() => props.data, (newVal) => {
+        c.loadCodeList(newVal).then((_codeList) => {
+          items.value = _codeList;
+        });
+      }, {
+        immediate: true,
+        deep: true
+      });
+    }
+    const codeListText = computed(() => {
+      var _a;
+      if (!codeList || !props.value || items.value.length === 0) {
+        return void 0;
+      }
+      if (codeList.codeItemValueNumber) {
+        return (_a = items.value.find((item) => item.value === props.value)) == null ? void 0 : _a.text;
+      }
+      const values = props.value.split(valueSeparator);
+      const selects = items.value.filter((item) => values.includes(item.value));
+      return selects.map((item) => item.text).join(valueSeparator);
+    });
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      text,
+      codeListText,
+      editorRef
+    };
+  },
+  render() {
+    return createVNode("span", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [this.codeListText || this.text]);
+  }
+});
+
+export { IBizSpan };

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

@@ -0,0 +1,26 @@
+import { ISpan, IAppCodeList } from '@ibiz/model-core';
+import { CodeListEditorController } from '@ibiz-template/runtime';
+/**
+ * 标签编辑器控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-08-25 10:57:58
+ */
+export declare class SpanEditorController extends CodeListEditorController<ISpan> {
+    /**
+     *值项
+     */
+    valueItem: string;
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    codeList: IAppCodeList | undefined;
+    protected onInit(): Promise<void>;
+    /**
+     * 打开数据链接视图
+     */
+    openLinkView(data: IData): Promise<IData[] | undefined>;
+}

package/es/editor/span/span-editor.controller.mjs

@@ -0,0 +1,62 @@
+import { CodeListEditorController, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { RuntimeModelError } from '@ibiz-template/core';
+
+"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 SpanEditorController extends CodeListEditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     *值项
+     */
+    __publicField(this, "valueItem", "");
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    __publicField(this, "codeList");
+  }
+  async onInit() {
+    var _a, _b;
+    super.onInit();
+    if ((_b = (_a = this.model) == null ? void 0 : _a.editorItems) == null ? void 0 : _b[0]) {
+      this.valueItem = this.model.editorItems[0].id;
+    }
+    if (this.model.appCodeListId) {
+      const app = await ibiz.hub.getApp(this.context.srfappid);
+      this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
+    }
+  }
+  /**
+   * 打开数据链接视图
+   */
+  async openLinkView(data) {
+    const { context, params } = this.handlePublicParams(
+      data,
+      this.context,
+      this.params
+    );
+    if (data[this.valueItem]) {
+      context.srfkey = data[this.valueItem];
+    }
+    const { linkAppViewId } = this.model;
+    if (!linkAppViewId) {
+      throw new RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u6570\u636E\u94FE\u63A5\u89C6\u56FE");
+    }
+    return ibiz.commands.execute(
+      OpenAppViewCommand.TAG,
+      linkAppViewId,
+      context,
+      params
+    );
+  }
+}
+
+export { SpanEditorController };

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

@@ -0,0 +1,18 @@
+import { ISpan } from '@ibiz/model-core';
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { SpanEditorController } from './span-editor.controller';
+/**
+ * 标签编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class SpanEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class SpanEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    constructor(editorType?: string);
+    createController(editorModel: ISpan, parentController: IEditorContainerController): Promise<SpanEditorController>;
+}

package/es/editor/span/span-editor.provider.mjs

@@ -0,0 +1,26 @@
+import { SpanEditorController } from './span-editor.controller.mjs';
+
+"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 SpanEditorProvider {
+  constructor(editorType) {
+    __publicField(this, "formEditor", "IBizSpan");
+    __publicField(this, "gridEditor", "IBizSpan");
+    if (editorType === "SPAN_LINK") {
+      this.formEditor = "IBizSpanLink";
+      this.gridEditor = "IBizSpanLink";
+    }
+  }
+  async createController(editorModel, parentController) {
+    const c = new SpanEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { SpanEditorProvider };

package/es/editor/span/span-link/span-link.css

@@ -0,0 +1 @@
+.ibiz-span-link{color:var(--ibiz-form-item-hover-color);cursor:pointer}.ibiz-span-link--disabled{cursor:not-allowed}.ibiz-span-link--readonly{color:var(--ibiz-form-item-readonly-color)}

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

@@ -0,0 +1,51 @@
+import { Ref } from 'vue';
+import './span-link.scss';
+import { SpanEditorController } from '../span-editor.controller';
+export declare const IBizSpanLink: import("vue").DefineComponent<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, 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;
+    openLinkView: () => Promise<void>;
+    curValue: Ref<string>;
+    editorRef: Ref<any>;
+}, 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<SpanEditorController>, 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/span/span-link/span-link.mjs

@@ -0,0 +1,46 @@
+import { ref, watch, createVNode, defineComponent } from 'vue';
+import { getSpanProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import './span-link.css';
+
+"use strict";
+const IBizSpanLink = /* @__PURE__ */ defineComponent({
+  name: "IBizSpanLink",
+  props: getSpanProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("span-link");
+    const c = props.controller;
+    const curValue = ref("");
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal && newVal !== oldVal) {
+        curValue.value = `${newVal}`;
+      }
+    }, {
+      immediate: true
+    });
+    const openLinkView = async () => {
+      await c.openLinkView(props.data);
+    };
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      openLinkView,
+      curValue,
+      editorRef
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [createVNode("a", {
+      "onClick": this.openLinkView
+    }, [this.curValue])]);
+  }
+});
+
+export { IBizSpanLink };

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.css

@@ -0,0 +1 @@
+.ibiz-stepper .van-stepper .van-stepper__minus,.ibiz-stepper .van-stepper .van-stepper__plus{background-color:var(--ibiz-color-bg-0)}.ibiz-stepper .van-stepper .van-stepper__input{background-color:var(--ibiz-color-bg-0)}

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.d.ts

@@ -0,0 +1,57 @@
+import { StepperEditorController } from '../stepper-editor.controller';
+import './ibiz-stepper.scss';
+export declare const IBizStepper: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<StepperEditorController>, 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: StepperEditorController;
+    currentVal: import("vue").ComputedRef<string | number | undefined>;
+    handleChange: (e: number | null) => void;
+    inputRef: import("vue").Ref<any>;
+    step: number;
+    precision: number;
+    max: number;
+    min: number;
+    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: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<StepperEditorController>, 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;
+}, {}>;