@vunk/form 2.18.2 → 2.19.1

package/components/input-file/index.mjs

@@ -1,135 +1,103 @@
-import { uploadProps, genFileId } from 'element-plus';
-import { defineComponent, ref, useSlots, watch, computed, h, openBlock, createBlock, withCtx, createVNode, mergeProps } from 'vue';
-import { VkfUpload } from '@vunk/form/components/upload';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
-
-const props = {
+import { uploadProps as a, genFileId as f } from "element-plus";
+import { defineComponent as c, ref as V, useSlots as _, watch as F, computed as y, h as v, openBlock as g, createBlock as h, unref as L, withCtx as b, createVNode as k, mergeProps as w } from "vue";
+import { VkfUpload as m } from "@vunk/form/components/upload";
+import { VkfFormItemRendererTemplate as T } from "@vunk/form/components/form-item-renderer-template";
+const U = {
   modelValue: {
     type: [Object, Array],
     default: void 0
   },
   multiple: {
     type: Boolean,
-    default: false
+    default: !1
   },
-  accept: uploadProps.accept,
-  disabled: uploadProps.disabled,
-  limit: uploadProps.limit,
-  listType: uploadProps.listType,
+  accept: a.accept,
+  disabled: a.disabled,
+  limit: a.limit,
+  listType: a.listType,
   tip: {
     type: String,
     default: ""
   },
   // 复用 upload 的其他展示相关属性
-  showFileList: uploadProps.showFileList,
-  drag: uploadProps.drag,
+  showFileList: a.showFileList,
+  drag: a.drag,
   slots: null
-};
-const emits = {
+}, I = {
   "update:modelValue": null
-};
-
-var _sfc_main$1 = defineComponent({
+}, j = c({
   name: "VkfInputFile",
   components: {
-    VkfUpload
+    VkfUpload: m
   },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const fileList = ref([]);
-    const slots = useSlots();
-    const fileToUploadFile = (file) => {
-      const uid = genFileId();
-      const rawFile = file;
-      rawFile.uid = uid;
-      return {
-        name: file.name,
-        size: file.size,
-        uid,
+  props: U,
+  emits: I,
+  setup(e, { emit: u }) {
+    const i = V([]), s = _(), n = (t) => {
+      const o = f(), l = t;
+      return l.uid = o, {
+        name: t.name,
+        size: t.size,
+        uid: o,
         status: "success",
-        raw: rawFile,
-        url: URL.createObjectURL(file)
+        raw: l,
+        url: URL.createObjectURL(t)
       };
     };
-    const initFileList = () => {
-      if (!props2.modelValue) {
-        fileList.value = [];
+    F(() => e.modelValue, () => {
+      if (!e.modelValue) {
+        i.value = [];
         return;
       }
-      const files = Array.isArray(props2.modelValue) ? props2.modelValue : [props2.modelValue];
-      fileList.value = files.filter(Boolean).map(fileToUploadFile);
-    };
-    watch(() => props2.modelValue, initFileList, { immediate: true });
-    const handleFileListChange = (newFileList) => {
-      fileList.value = newFileList;
-      const files = newFileList.map((item) => item.raw).filter((raw) => raw !== void 0);
-      if (props2.multiple) {
-        emit("update:modelValue", files);
-      } else {
-        emit("update:modelValue", files[0] || void 0);
-      }
-    };
-    const uploadProps = computed(() => ({
-      fileList: fileList.value,
-      multiple: props2.multiple,
-      accept: props2.accept,
-      disabled: props2.disabled,
-      limit: props2.limit,
-      listType: props2.listType,
-      tip: props2.tip,
-      showFileList: props2.showFileList,
-      drag: props2.drag,
-      autoUpload: false,
+      const t = Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue];
+      i.value = t.filter(Boolean).map(n);
+    }, { immediate: !0 });
+    const r = (t) => {
+      i.value = t;
+      const o = t.map((l) => l.raw).filter((l) => l !== void 0);
+      e.multiple ? u("update:modelValue", o) : u("update:modelValue", o[0] || void 0);
+    }, p = y(() => ({
+      fileList: i.value,
+      multiple: e.multiple,
+      accept: e.accept,
+      disabled: e.disabled,
+      limit: e.limit,
+      listType: e.listType,
+      tip: e.tip,
+      showFileList: e.showFileList,
+      drag: e.drag,
+      autoUpload: !1,
       action: "#"
       // 占位符，不会实际触发
     }));
-    return () => h(
-      VkfUpload,
+    return () => v(
+      m,
       {
-        ...uploadProps.value,
-        "onUpdate:file-list": handleFileListChange
+        ...p.value,
+        "onUpdate:file-list": r
       },
       {
-        ...slots,
-        ...props2.slots
+        ...s,
+        ...e.slots
       }
     );
   }
-});
-
-var VkfInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-file/src/index.vue"]]);
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
+}), x = /* @__PURE__ */ c({
   __name: "template",
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get VkfFormItemRendererTemplate() {
-      return VkfFormItemRendererTemplate;
-    }, CoreIndex: VkfInputFile };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+  setup(e) {
+    return (u, i) => (g(), h(L(T), { type: "VkfInputFile" }, {
+      default: b(({ props: s, value: n, input: d }) => [
+        k(j, w({ "model-value": n }, s, { "onUpdate:modelValue": d }), null, 16, ["model-value", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }));
   }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkfFormItemRendererTemplate"], { type: "VkfInputFile" }, {
-    default: withCtx(({ props, value, input }) => [
-      createVNode($setup["CoreIndex"], mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
-    ]),
-    _: 1
-    /* STABLE */
-  });
-}
-var template = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-file/src/template.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+}), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfInputFile.install = (app) => {
-  app.component(VkfInputFile.name || "VkfInputFile", VkfInputFile);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  j as VkfInputFile,
+  x as VkfInputFileTemplate,
+  z as __VkfInputFile,
+  j as default
 };
-
-export { VkfInputFile, template as VkfInputFileTemplate, types as __VkfInputFile, VkfInputFile as default };

package/components/input-file/src/ctx.d.ts

@@ -1,46 +1,25 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 export declare const props: {
     modelValue: {
         type: PropType<File | File[] | undefined>;
-        default: any;
+        default: undefined;
     };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
-    accept: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    disabled: BooleanConstructor;
+    accept: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    disabled: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     limit: NumberConstructor;
-    listType: {
-        readonly type: PropType<"text" | "picture" | "picture-card">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "text";
-    };
+    listType: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
     tip: {
         type: StringConstructor;
         default: string;
     };
-    showFileList: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
+    showFileList: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     drag: BooleanConstructor;
-    slots: any;
+    slots: null;
 };
 export declare const emits: {
-    'update:modelValue': any;
+    'update:modelValue': null;
 };