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

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

@@ -0,0 +1,151 @@
+import { isVNode, ref, computed, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { debounce } from 'lodash-es';
+import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './input.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizInput = /* @__PURE__ */ defineComponent({
+  name: "IBizInput",
+  props: getInputProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("input");
+    const c = props.controller;
+    const editorModel = c.model;
+    const inputRef = ref();
+    const rows = ref(2);
+    if (editorModel.editorType === "TEXTAREA_10") {
+      rows.value = 10;
+    }
+    const type = computed(() => {
+      switch (editorModel.editorType) {
+        case "MOBTEXT":
+          return "text";
+        case "MOBPASSWORD":
+          return "password";
+        case "MOBTEXTAREA":
+          return "textarea";
+        default:
+          return "text";
+      }
+    });
+    const currentVal = ref("");
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          currentVal.value = "";
+        } else {
+          currentVal.value = newVal;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    let isDebounce = false;
+    let awaitSearch;
+    let blurCacheValue;
+    const debounceChange = debounce((val) => {
+      if (blurCacheValue !== val) {
+        emit("change", 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 handleKeyUp = (e) => {
+      if (e && e.code === "Enter") {
+        if (isDebounce) {
+          awaitSearch = () => {
+            inputRef.value.$el.dispatchEvent(e);
+          };
+        }
+      }
+    };
+    const onBlur = (event) => {
+      blurCacheValue = event.target.value;
+      emit("change", blurCacheValue);
+      emit("blur");
+    };
+    if (props.autoFocus) {
+      watch(inputRef, (newVal) => {
+        if (newVal) {
+          const inputTag = type.value === "textarea" ? "textarea" : "input";
+          const input = newVal.$el.getElementsByTagName(inputTag)[0];
+          input.focus();
+        }
+      });
+    }
+    const onFocus = () => {
+      emit("focus");
+    };
+    return {
+      c,
+      ns,
+      rows,
+      type,
+      currentVal,
+      handleChange,
+      handleKeyUp,
+      onBlur,
+      onFocus,
+      inputRef
+    };
+  },
+  render() {
+    const {
+      unitName
+    } = this.c.parent;
+    let content = null;
+    if (this.readonly) {
+      content = `${this.currentVal}`;
+      if (content && unitName) {
+        content += unitName;
+      }
+    } else {
+      const slots = {};
+      if (unitName) {
+        slots.extra = () => {
+          return createVNode("i", {
+            "class": this.ns.e("unit")
+          }, [unitName]);
+        };
+      }
+      content = createVNode(resolveComponent("van-field"), {
+        "ref": "inputRef",
+        "modelValue": this.currentVal,
+        "placeholder": this.controller.placeHolder,
+        "type": this.type,
+        "rows": this.rows,
+        "onInput": this.handleChange,
+        "onKeyup": this.handleKeyUp,
+        "onBlur": this.onBlur,
+        "onFocus": this.onFocus,
+        "class": this.ns.b("input"),
+        "disabled": this.disabled,
+        "autosize": this.type === "textarea",
+        "autocomplete": "new-password"
+      }, _isSlot(slots) ? slots : {
+        default: () => [slots]
+      });
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("textarea", Object.is(this.type, "textarea")), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [content]);
+  }
+});
+
+export { IBizInput };

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

@@ -0,0 +1,21 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ITextBox } from '@ibiz/model-core';
+/**
+ * 输入框编辑器控制器
+ *
+ * @author lxm
+ * @date 2022-08-24 20:08:25
+ * @export
+ * @class TextBoxEditorController
+ * @extends {EditorController}
+ */
+export declare class TextBoxEditorController extends EditorController<ITextBox> {
+    /**
+     * 精度
+     * @author lxm
+     * @date 2023-09-26 10:22:47
+     * @type {number}
+     */
+    precision?: number;
+    protected onInit(): Promise<void>;
+}

package/es/editor/text-box/text-box-editor.controller.mjs

@@ -0,0 +1,28 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { toNumber } from 'lodash-es';
+
+"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 TextBoxEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 精度
+     * @author lxm
+     * @date 2023-09-26 10:22:47
+     * @type {number}
+     */
+    __publicField(this, "precision");
+  }
+  async onInit() {
+    await super.onInit();
+    this.precision = this.editorParams.precision ? toNumber(this.editorParams.precision) : this.model.precision;
+  }
+}
+
+export { TextBoxEditorController };

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

@@ -0,0 +1,18 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ITextBox } from '@ibiz/model-core';
+import { TextBoxEditorController } from './text-box-editor.controller';
+/**
+ * 输入框编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class TextBoxEditorProvider
+ * @implements {IEditorProvider}
+ */
+export declare class TextBoxEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    constructor(editorType?: string);
+    createController(editorModel: ITextBox, parentController: IEditorContainerController): Promise<TextBoxEditorController>;
+}

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

@@ -0,0 +1,26 @@
+import { TextBoxEditorController } from './text-box-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 TextBoxEditorProvider {
+  constructor(editorType) {
+    __publicField(this, "formEditor", "IBizInput");
+    __publicField(this, "gridEditor", "IBizInput");
+    if (editorType === "NUMBER") {
+      this.formEditor = "IBizInputNumber";
+      this.gridEditor = "IBizInputNumber";
+    }
+  }
+  async createController(editorModel, parentController) {
+    const c = new TextBoxEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { TextBoxEditorProvider };

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.css

@@ -0,0 +1 @@
+.ibiz-file-upload{width:100%}.ibiz-file-upload .van-uploader__preview{display:none}.ibiz-file-upload .ibiz-file-upload-button{height:30px}.ibiz-file-upload .ibiz-file-upload-button span{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-file-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-file-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-file-upload .ibiz-file-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:12px;line-height:initial;color:#fff;text-align:center;background:var(--ibiz-color-overlay-bg)}.ibiz-file-upload .ibiz-file-upload-preview{width:100%}.ibiz-file-upload .ibiz-file-upload-preview-item{display:flex;align-items:center;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-file-upload .ibiz-file-upload-preview-item:last-child{border-width:0}.ibiz-file-upload .ibiz-file-upload-preview-item-img{width:50px;min-width:50px;padding:10px}.ibiz-file-upload .ibiz-file-upload-preview-item-img img{width:100%;height:100%;border-radius:4px}.ibiz-file-upload .ibiz-file-upload-preview-item-text{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ibiz-file-upload .ibiz-file-upload-preview-item-action{display:flex;flex-grow:1;align-items:center;justify-content:flex-end;min-width:50px;color:var(--ibiz-color-overlay-bg);text-align:right}

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -0,0 +1,59 @@
+import './ibiz-file-upload.scss';
+import { UploadEditorController } from '../upload-editor.controller';
+export declare const IBizFileUpload: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, 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: UploadEditorController;
+    uploadUrl: import("vue").Ref<string>;
+    headers: import("vue").Ref<IData>;
+    files: import("vue").Ref<{
+        id: string;
+        name: string;
+        url?: string | undefined;
+    }[]>;
+    onRemove: (file: IData) => void;
+    beforeUpload: () => void;
+    afterRead: (file: IData | IData[]) => Promise<void>;
+    limit: import("vue").ComputedRef<1 | 9999>;
+}, 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;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, 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/upload/ibiz-file-upload/ibiz-file-upload.mjs

@@ -0,0 +1,88 @@
+import { resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-file-upload.css';
+import { useVanUpload } from '../use/use-van-upload.mjs';
+
+"use strict";
+const IBizFileUpload = /* @__PURE__ */ defineComponent({
+  name: "IBizFileUpload",
+  props: getUploadProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("file-upload");
+    const c = props.controller;
+    const {
+      uploadUrl,
+      headers,
+      files,
+      onRemove,
+      beforeUpload,
+      afterRead,
+      limit
+    } = useVanUpload(props, (value) => {
+      emit("change", value);
+    }, c);
+    return {
+      ns,
+      c,
+      uploadUrl,
+      headers,
+      files,
+      onRemove,
+      beforeUpload,
+      afterRead,
+      limit
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [createVNode(resolveComponent("van-uploader"), {
+      "modelValue": this.files,
+      "disabled": this.disabled,
+      "multiple": this.c.multiple,
+      "accept": this.c.accept,
+      "max-count": this.limit,
+      "before-read": this.beforeUpload,
+      "after-read": this.afterRead,
+      "before-delete": this.onRemove
+    }, {
+      default: () => {
+        return createVNode(resolveComponent("van-button"), {
+          "class": this.ns.b("button")
+        }, {
+          default: () => [createTextVNode("\u4E0A\u4F20\u6587\u4EF6")]
+        });
+      },
+      "preview-cover": (file) => {
+        return createVNode("div", {
+          "class": this.ns.b("item-cover")
+        }, [file.name]);
+      }
+    }), createVNode("div", {
+      "class": this.ns.b("preview")
+    }, [this.files.map((item) => {
+      return createVNode("div", {
+        "class": this.ns.b("preview-item")
+      }, [createVNode("div", {
+        "class": this.ns.b("preview-item-img")
+      }, [createVNode("img", {
+        "src": "./assets/img/file.png",
+        "alt": ""
+      }, null)]), createVNode("div", {
+        "class": this.ns.b("preview-item-text")
+      }, [item.name]), createVNode("div", {
+        "class": this.ns.b("preview-item-action")
+      }, [createVNode(resolveComponent("van-icon"), {
+        "name": "cross",
+        "onClick": () => {
+          this.onRemove(item);
+        }
+      }, null)])]);
+    })])]);
+  }
+});
+
+export { IBizFileUpload };

package/es/editor/upload/ibiz-image-select/ibiz-image-select.css

@@ -0,0 +1 @@
+.ibiz-image-select .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-select .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-select .ibiz-image-select-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:12px;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-select .ibiz-image-select-item-cover img{width:100%;height:100%;border-radius:4px}

package/es/editor/upload/ibiz-image-select/ibiz-image-select.d.ts

@@ -0,0 +1,56 @@
+import './ibiz-image-select.scss';
+import { UploadEditorController } from '../upload-editor.controller';
+export declare const IBizImageSelect: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, 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: UploadEditorController;
+    files: import("vue").Ref<{
+        id: string;
+        name: string;
+        url?: string | undefined;
+    }[]>;
+    svg: import("vue").Ref<string>;
+    dialogImageUrl: import("vue").Ref<string>;
+    dialogVisible: import("vue").Ref<boolean>;
+}, 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;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, 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/upload/ibiz-image-select/ibiz-image-select.mjs

@@ -0,0 +1,56 @@
+import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-image-select.css';
+import { useVanUpload } from '../use/use-van-upload.mjs';
+
+"use strict";
+const IBizImageSelect = /* @__PURE__ */ defineComponent({
+  name: "IBizImageSelect",
+  props: getUploadProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("image-select");
+    const c = props.controller;
+    const dialogVisible = ref(false);
+    const dialogImageUrl = ref("");
+    const svg = ref("");
+    const {
+      files
+    } = useVanUpload(props, (value) => {
+      emit("change", value);
+    }, c);
+    return {
+      ns,
+      c,
+      files,
+      svg,
+      dialogImageUrl,
+      dialogVisible
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [createVNode(resolveComponent("van-uploader"), {
+      "modelValue": this.files,
+      "disabled": this.disabled,
+      "multiple": false,
+      "accept": this.c.accept,
+      "max-count": 1,
+      "deletable": false,
+      "readonly": true
+    }, {
+      "preview-cover": (file) => {
+        return createVNode("div", {
+          "class": this.ns.b("item-cover")
+        }, [createVNode("img", {
+          "src": file.url
+        }, null)]);
+      }
+    })]);
+  }
+});
+
+export { IBizImageSelect };

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.css

@@ -0,0 +1 @@
+.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:12px;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:4px}.van-uploader__preview-delete--shadow{top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) 1px solid;border-radius:4px}

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -0,0 +1,64 @@
+import './ibiz-image-upload.scss';
+import { UploadEditorController } from '../upload-editor.controller';
+export declare const IBizImageUpload: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, 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: UploadEditorController;
+    files: import("vue").Ref<{
+        id: string;
+        name: string;
+        url?: string | undefined;
+    }[]>;
+    limit: import("vue").ComputedRef<1 | 9999>;
+    headers: import("vue").Ref<IData>;
+    uploadUrl: import("vue").Ref<string>;
+    dialogImageUrl: import("vue").Ref<string>;
+    dialogVisible: import("vue").Ref<boolean>;
+    beforeUpload: () => void;
+    onRemove: (file: IData) => void;
+    onDialogVisibleChange: (value: boolean) => void;
+    onPreview: (file: IData) => void;
+    afterRead: (file: IData | IData[]) => Promise<void>;
+    onDownload: (file: IData) => 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;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<UploadEditorController>, 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/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -0,0 +1,78 @@
+import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-image-upload.css';
+import { useVanUpload } from '../use/use-van-upload.mjs';
+
+"use strict";
+const IBizImageUpload = /* @__PURE__ */ defineComponent({
+  name: "IBizImageUpload",
+  props: getUploadProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("image-upload");
+    const c = props.controller;
+    const {
+      uploadUrl,
+      headers,
+      files,
+      onRemove,
+      beforeUpload,
+      afterRead,
+      limit,
+      onDownload
+    } = useVanUpload(props, (value) => {
+      emit("change", value);
+    }, c);
+    const dialogImageUrl = ref("");
+    const dialogVisible = ref(false);
+    const onDialogVisibleChange = (value) => {
+      dialogVisible.value = value;
+    };
+    const onPreview = (file) => {
+      dialogImageUrl.value = file.url;
+      dialogVisible.value = true;
+    };
+    return {
+      ns,
+      c,
+      files,
+      limit,
+      headers,
+      uploadUrl,
+      dialogImageUrl,
+      dialogVisible,
+      beforeUpload,
+      onRemove,
+      onDialogVisibleChange,
+      onPreview,
+      afterRead,
+      onDownload
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [createVNode(resolveComponent("van-uploader"), {
+      "modelValue": this.files,
+      "disabled": this.disabled,
+      "multiple": this.c.multiple,
+      "accept": this.c.accept,
+      "max-count": this.limit,
+      "before-read": this.beforeUpload,
+      "after-read": this.afterRead,
+      "before-delete": this.onRemove
+    }, {
+      "preview-cover": (file) => {
+        return createVNode("div", {
+          "class": this.ns.b("item-cover")
+        }, [createVNode("img", {
+          "src": file.url
+        }, null)]);
+      }
+    })]);
+  }
+});
+
+export { IBizImageUpload };

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

@@ -0,0 +1,5 @@
+export { IBizFileUpload } from './ibiz-file-upload/ibiz-file-upload';
+export { IBizImageUpload } from './ibiz-image-upload/ibiz-image-upload';
+export { IBizImageSelect } from './ibiz-image-select/ibiz-image-select';
+export * from './upload-editor.controller';
+export * from './upload-editor.provider';

package/es/editor/upload/index.mjs

@@ -0,0 +1,7 @@
+export { IBizFileUpload } from './ibiz-file-upload/ibiz-file-upload.mjs';
+export { IBizImageUpload } from './ibiz-image-upload/ibiz-image-upload.mjs';
+export { IBizImageSelect } from './ibiz-image-select/ibiz-image-select.mjs';
+export { UploadEditorController } from './upload-editor.controller.mjs';
+export { FileUploaderEditorProvider } from './upload-editor.provider.mjs';
+
+"use strict";