@done-coding/admin-core 0.20.1-alpha.0 → 0.21.1-alpha.0

package/es/components/form/FormSortSwitch.vue2.mjs

@@ -0,0 +1,188 @@
+import { defineComponent, useModel, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, mergeModels } from "vue";
+import { ElButton, ElIcon } from "element-plus";
+import { CaretTop, CaretBottom } from "@element-plus/icons-vue";
+import _sfc_main$1 from "../display/ShadowClone.vue.mjs";
+const _hoisted_1 = { class: "form-sort__icon" };
+const _hoisted_2 = { class: "form-sort__label" };
+const _hoisted_3 = {
+  key: 0,
+  class: "form-sort__order"
+};
+const _hoisted_4 = { class: "form-sort__icon" };
+const _hoisted_5 = { class: "form-sort__label" };
+const _hoisted_6 = {
+  key: 0,
+  class: "form-sort__order"
+};
+const _hoisted_7 = { class: "form-sort__icon" };
+const _hoisted_8 = { class: "form-sort__label" };
+const _hoisted_9 = {
+  key: 0,
+  class: "form-sort__order"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormSortSwitch",
+  props: /* @__PURE__ */ mergeModels({
+    modelValue: {},
+    mode: { default: "cycle" },
+    textType: { default: "state" },
+    label: {},
+    showOrder: { type: Boolean, default: false },
+    order: {},
+    shadowClone: { type: Boolean, default: false },
+    teleportTo: {},
+    teleportMode: { default: "dual-arrow" }
+  }, {
+    "modelValue": { default: void 0 },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const NEXT = {
+      undefined: "asc",
+      asc: "desc",
+      desc: void 0
+    };
+    const STATE_TEXT = {
+      asc: "升序",
+      desc: "降序"
+    };
+    const text = computed(() => {
+      if (props.textType === "label") {
+        return props.label;
+      }
+      return model.value ? STATE_TEXT[model.value] : "默认";
+    });
+    const activeClass = computed(
+      () => model.value ? "form-sort__chip_active" : ""
+    );
+    function caretClass(dir) {
+      return model.value === dir ? "form-sort__caret_on" : "";
+    }
+    function onChipClick(m) {
+      if (m === "cycle") {
+        model.value = NEXT[String(model.value)];
+      }
+    }
+    function onArrowClick(m, dir) {
+      if (m !== "dual-arrow") {
+        return;
+      }
+      model.value = model.value === dir ? void 0 : dir;
+    }
+    return (_ctx, _cache) => {
+      return __props.shadowClone && __props.teleportTo ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        key: 0,
+        to: __props.teleportTo
+      }, {
+        clone: withCtx(() => [
+          createVNode(unref(ElButton), {
+            class: normalizeClass(["dc-form-sort-switch form-sort__chip", [`form-sort--${__props.teleportMode}`, activeClass.value]]),
+            size: "small",
+            plain: "",
+            text: "",
+            onClick: _cache[5] || (_cache[5] = ($event) => onChipClick(__props.teleportMode))
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_4, [
+                createVNode(unref(ElIcon), {
+                  class: normalizeClass(["form-sort__caret", caretClass("asc")]),
+                  onClick: _cache[3] || (_cache[3] = ($event) => onArrowClick(__props.teleportMode, "asc"))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(CaretTop))
+                  ]),
+                  _: 1
+                }, 8, ["class"]),
+                createVNode(unref(ElIcon), {
+                  class: normalizeClass(["form-sort__caret", caretClass("desc")]),
+                  onClick: _cache[4] || (_cache[4] = ($event) => onArrowClick(__props.teleportMode, "desc"))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(CaretBottom))
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              createElementVNode("span", _hoisted_5, toDisplayString(text.value), 1),
+              __props.showOrder && __props.order ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.order), 1)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(ElButton), {
+            class: normalizeClass(["dc-form-sort-switch form-sort__chip", [`form-sort--${__props.mode}`, activeClass.value]]),
+            size: "small",
+            plain: "",
+            onClick: _cache[2] || (_cache[2] = ($event) => onChipClick(__props.mode))
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_1, [
+                createVNode(unref(ElIcon), {
+                  class: normalizeClass(["form-sort__caret", caretClass("asc")]),
+                  onClick: _cache[0] || (_cache[0] = ($event) => onArrowClick(__props.mode, "asc"))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(CaretTop))
+                  ]),
+                  _: 1
+                }, 8, ["class"]),
+                createVNode(unref(ElIcon), {
+                  class: normalizeClass(["form-sort__caret", caretClass("desc")]),
+                  onClick: _cache[1] || (_cache[1] = ($event) => onArrowClick(__props.mode, "desc"))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(CaretBottom))
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              createElementVNode("span", _hoisted_2, toDisplayString(text.value), 1),
+              __props.showOrder && __props.order ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.order), 1)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["to"])) : (openBlock(), createBlock(unref(ElButton), {
+        key: 1,
+        class: normalizeClass(["dc-form-sort-switch form-sort__chip", [`form-sort--${__props.mode}`, activeClass.value]]),
+        size: "small",
+        plain: "",
+        onClick: _cache[8] || (_cache[8] = ($event) => onChipClick(__props.mode))
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_7, [
+            createVNode(unref(ElIcon), {
+              class: normalizeClass(["form-sort__caret", caretClass("asc")]),
+              onClick: _cache[6] || (_cache[6] = ($event) => onArrowClick(__props.mode, "asc"))
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(CaretTop))
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            createVNode(unref(ElIcon), {
+              class: normalizeClass(["form-sort__caret", caretClass("desc")]),
+              onClick: _cache[7] || (_cache[7] = ($event) => onArrowClick(__props.mode, "desc"))
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(CaretBottom))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          createElementVNode("span", _hoisted_8, toDisplayString(text.value), 1),
+          __props.showOrder && __props.order ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(__props.order), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormSortSwitchGroup.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormSortSwitchGroup.vue2.mjs";
+/* empty css                          */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormSortSwitchGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e86178b8"]]);
+export {
+  FormSortSwitchGroup as default
+};

package/es/components/form/FormSortSwitchGroup.vue2.mjs

@@ -0,0 +1,68 @@
+import { defineComponent, useModel, computed, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, mergeModels } from "vue";
+import { ElButtonGroup } from "element-plus";
+import FormSortSwitch from "./FormSortSwitch.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormSortSwitchGroup",
+  props: /* @__PURE__ */ mergeModels({
+    options: {},
+    mode: { default: "cycle" },
+    shadowClone: { type: Boolean, default: false },
+    teleportMode: { default: "dual-arrow" }
+  }, {
+    "modelValue": { default: () => [] },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const showOrder = computed(() => props.options.length > 1);
+    function dirOf(field) {
+      var _a;
+      return (_a = model.value.find((r) => r.field === field)) == null ? void 0 : _a.dir;
+    }
+    function orderOf(field) {
+      const i = model.value.findIndex((r) => r.field === field);
+      return i === -1 ? 0 : i + 1;
+    }
+    function onDirChange(field, dir) {
+      const list = model.value.map((r) => ({ ...r }));
+      const idx = list.findIndex((r) => r.field === field);
+      if (dir === void 0) {
+        if (idx !== -1) {
+          list.splice(idx, 1);
+        }
+      } else if (idx === -1) {
+        list.push({ field, dir });
+      } else {
+        list[idx].dir = dir;
+      }
+      model.value = list;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElButtonGroup), { class: "dc-form-sort-switch-group form-sort" }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
+            return openBlock(), createBlock(FormSortSwitch, {
+              key: opt.field,
+              "model-value": dirOf(opt.field),
+              mode: __props.mode,
+              "shadow-clone": __props.shadowClone,
+              "teleport-to": opt.teleportTo,
+              "teleport-mode": __props.teleportMode,
+              "text-type": "label",
+              label: opt.label,
+              "show-order": showOrder.value,
+              order: orderOf(opt.field),
+              "onUpdate:modelValue": (dir) => onDirChange(opt.field, dir)
+            }, null, 8, ["model-value", "mode", "shadow-clone", "teleport-to", "teleport-mode", "label", "show-order", "order", "onUpdate:modelValue"]);
+          }), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormUpload.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from "./FormUpload.vue2.mjs";
+/* empty css                 */
+/* empty css                 */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-158fc67d"]]);
+export {
+  FormUpload as default
+};

package/es/components/form/FormUpload.vue2.mjs

@@ -0,0 +1,112 @@
+import { defineComponent, useModel, useAttrs, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, withCtx, renderSlot, createCommentVNode, toDisplayString, mergeModels } from "vue";
+import { ElUpload, ElMessage } from "element-plus";
+import _omit from "lodash/omit";
+import { useUploadState } from "./use-upload-state.mjs";
+import FormUploadTrigger from "./FormUploadTrigger.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "dc-form-upload__placeholder"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormUpload",
+    inheritAttrs: false
+  },
+  __name: "FormUpload",
+  props: /* @__PURE__ */ mergeModels({
+    uploadFn: {},
+    loadingKey: {},
+    maxCount: { default: 1 },
+    maxSize: {},
+    accept: {},
+    drag: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    showProgress: { type: Boolean, default: true },
+    placeholder: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["uploadSuccess", "uploadError", "triggerChangeLink"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const NETWORK_ATTRS = [
+      "action",
+      "headers",
+      "data",
+      "withCredentials",
+      "httpRequest"
+    ];
+    const attrs = useAttrs();
+    const attrsOut = computed(() => _omit(attrs, [...NETWORK_ATTRS, "onRemove"]));
+    const consumerOnRemove = computed(
+      () => "onRemove" in attrs ? attrs.onRemove : void 0
+    );
+    const { fileList, handleUpload, handleRemove } = useUploadState(modelValue, {
+      maxCount: () => props.maxCount,
+      maxSize: () => props.maxSize,
+      uploadFn: () => props.uploadFn,
+      loadingKey: () => props.loadingKey,
+      onUploadSuccess: (url, file) => emit("uploadSuccess", { file, url }),
+      onUploadError: (error, file) => {
+        ElMessage.error(`上传失败：${error.message || "未知错误"}`);
+        emit("uploadError", {
+          file,
+          error
+        });
+      }
+    });
+    const handleRemoveComposed = (file, files) => {
+      var _a;
+      handleRemove(file);
+      (_a = consumerOnRemove.value) == null ? void 0 : _a.call(consumerOnRemove, file, files);
+    };
+    const showEmptyHint = computed(
+      () => Boolean(props.placeholder) && fileList.value.length === 0
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["dc-form-upload", { "dc-form-upload_full": unref(fileList).length >= props.maxCount }])
+      }, [
+        createVNode(unref(ElUpload), mergeProps(attrsOut.value, {
+          "file-list": unref(fileList),
+          "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => isRef(fileList) ? fileList.value = $event : null),
+          class: "dc-form-upload__inner",
+          "http-request": unref(handleUpload),
+          limit: __props.maxCount,
+          multiple: __props.maxCount > 1,
+          accept: __props.accept,
+          drag: __props.drag,
+          disabled: __props.disabled,
+          "show-progress": __props.showProgress,
+          "on-remove": handleRemoveComposed
+        }), {
+          tip: withCtx(() => [
+            renderSlot(_ctx.$slots, "tip", {}, void 0, true)
+          ]),
+          file: withCtx(({ file, index }) => [
+            renderSlot(_ctx.$slots, "file", {
+              file,
+              index,
+              remove: () => unref(handleRemove)(file)
+            }, void 0, true)
+          ]),
+          default: withCtx(() => [
+            unref(fileList).length < props.maxCount ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+              createVNode(FormUploadTrigger, {
+                text: __props.drag ? "点击或拖拽上传" : "点击上传"
+              }, null, 8, ["text"])
+            ], true) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 16, ["file-list", "http-request", "limit", "multiple", "accept", "drag", "disabled", "show-progress"]),
+        showEmptyHint.value ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormUploadAudio.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormUploadAudio.vue2.mjs";
+/* empty css                      */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormUploadAudio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3884f0f6"]]);
+export {
+  FormUploadAudio as default
+};

package/es/components/form/FormUploadAudio.vue2.mjs

@@ -0,0 +1,88 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, createElementVNode, createElementBlock, withModifiers, unref, createCommentVNode } from "vue";
+import { ElIcon } from "element-plus";
+import { Close } from "@element-plus/icons-vue";
+import FormUpload from "./FormUpload.vue.mjs";
+import FormUploadFileInfo from "./FormUploadFileInfo.vue.mjs";
+import FormUploadTrigger from "./FormUploadTrigger.vue.mjs";
+const _hoisted_1 = { class: "dc-form-upload-audio__item" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 1,
+  class: "dc-form-upload-audio__player dc-form-upload-audio__player_empty"
+};
+const _hoisted_4 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "FormUploadAudio",
+  props: {
+    uploadFn: {},
+    loadingKey: {},
+    maxCount: { default: 1 },
+    maxSize: {},
+    accept: { default: "audio/*" },
+    drag: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    showProgress: { type: Boolean, default: true },
+    placeholder: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(FormUpload, mergeProps({ class: "dc-form-upload-audio" }, _ctx.$attrs, {
+        "upload-fn": __props.uploadFn,
+        "loading-key": __props.loadingKey,
+        "max-count": __props.maxCount,
+        "max-size": __props.maxSize,
+        accept: __props.accept,
+        drag: __props.drag,
+        disabled: __props.disabled,
+        "show-progress": __props.showProgress,
+        placeholder: __props.placeholder
+      }), {
+        tip: withCtx(() => [
+          renderSlot(_ctx.$slots, "tip", {}, void 0, true)
+        ]),
+        file: withCtx(({ file, index, remove }) => [
+          renderSlot(_ctx.$slots, "file", {
+            file,
+            index,
+            remove
+          }, () => [
+            createElementVNode("div", _hoisted_1, [
+              file.url ? (openBlock(), createElementBlock("audio", {
+                key: 0,
+                class: "dc-form-upload-audio__player",
+                src: file.url,
+                controls: "",
+                preload: "metadata"
+              }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3)),
+              createVNode(FormUploadFileInfo, { file }, null, 8, ["file"]),
+              file.status !== "uploading" ? (openBlock(), createElementBlock("button", {
+                key: 2,
+                class: "dc-form-upload-audio__remove",
+                onClick: withModifiers(remove, ["stop"])
+              }, [
+                createVNode(unref(ElIcon), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(Close))
+                  ]),
+                  _: 1
+                })
+              ], 8, _hoisted_4)) : createCommentVNode("", true)
+            ])
+          ], true)
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(FormUploadTrigger, {
+              text: __props.drag ? "点击或拖拽上传" : "点击上传"
+            }, null, 8, ["text"])
+          ], true)
+        ]),
+        _: 3
+      }, 16, ["upload-fn", "loading-key", "max-count", "max-size", "accept", "drag", "disabled", "show-progress", "placeholder"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormUploadCard.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormUploadCard.vue2.mjs";
+/* empty css                     */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormUploadCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-48323f64"]]);
+export {
+  FormUploadCard as default
+};

package/es/components/form/FormUploadCard.vue2.mjs

@@ -0,0 +1,56 @@
+import { defineComponent, openBlock, createElementBlock, renderSlot, createElementVNode, toDisplayString, normalizeStyle, createCommentVNode, withModifiers, createVNode, unref, withCtx } from "vue";
+import { ElIcon } from "element-plus";
+import { Close } from "@element-plus/icons-vue";
+const _hoisted_1 = { class: "dc-form-upload-card" };
+const _hoisted_2 = {
+  key: 0,
+  class: "dc-form-upload-card__mask"
+};
+const _hoisted_3 = ["title"];
+const _hoisted_4 = { class: "dc-form-upload-card__mask-percent" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormUploadCard",
+  props: {
+    file: {},
+    remove: { type: Function }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        __props.file.status === "uploading" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("span", {
+            class: "dc-form-upload-card__mask-name",
+            title: __props.file.name
+          }, toDisplayString(__props.file.name), 9, _hoisted_3),
+          createElementVNode("span", _hoisted_4, toDisplayString(Math.round(__props.file.percentage ?? 0)) + "% ", 1),
+          createElementVNode("div", {
+            class: "dc-form-upload-card__mask-bar",
+            style: normalizeStyle({
+              width: `${Math.min(100, Math.round(__props.file.percentage ?? 0))}%`
+            })
+          }, null, 4)
+        ])) : createCommentVNode("", true),
+        __props.file.status !== "uploading" ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          class: "dc-form-upload-card__remove",
+          onClick: _cache[0] || (_cache[0] = withModifiers(
+            //@ts-ignore
+            (...args) => __props.remove && __props.remove(...args),
+            ["stop"]
+          ))
+        }, [
+          createVNode(unref(ElIcon), null, {
+            default: withCtx(() => [
+              createVNode(unref(Close))
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormUploadFileInfo.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormUploadFileInfo.vue2.mjs";
+/* empty css                         */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormUploadFileInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a6d170c"]]);
+export {
+  FormUploadFileInfo as default
+};

package/es/components/form/FormUploadFileInfo.vue2.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, createTextVNode } from "vue";
+const _hoisted_1 = { class: "dc-form-upload-file-info" };
+const _hoisted_2 = ["title"];
+const _hoisted_3 = { class: "dc-form-upload-file-info__meta" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormUploadFileInfo",
+  props: {
+    file: {}
+  },
+  setup(__props) {
+    const formatSize = (size) => {
+      if (!size) return "";
+      if (size < 1024) return `${size} B`;
+      if (size < 1024 * 1024) return `${(size / 1024).toFixed(1)} KB`;
+      return `${(size / 1024 / 1024).toFixed(1)} MB`;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "dc-form-upload-file-info__name",
+          title: __props.file.name
+        }, toDisplayString(__props.file.name), 9, _hoisted_2),
+        createElementVNode("div", _hoisted_3, [
+          __props.file.status === "uploading" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(" 上传中 " + toDisplayString(Math.round(__props.file.percentage ?? 0)) + "% ", 1)
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createTextVNode(toDisplayString(formatSize(__props.file.size)), 1)
+          ], 64))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormUploadImage.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormUploadImage.vue2.mjs";
+/* empty css                      */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormUploadImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9d62114a"]]);
+export {
+  FormUploadImage as default
+};