@vunk/form 1.1.77 → 1.1.80

package/components/upload/index.js

@@ -1,565 +0,0 @@
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { uploadProps, ElProgress, ElIcon, useNamespace, useLocale, ElUpload, ElLink } from 'element-plus';
-import { defineComponent, openBlock, createElementBlock, createElementVNode, resolveComponent, Fragment, createCommentVNode, normalizeClass, createBlock, withModifiers, createVNode, withCtx, toDisplayString, normalizeStyle, shallowRef, normalizeProps, guardReactiveProps, mergeProps, createSlots, renderSlot, createTextVNode } from 'vue';
-import { pickObject } from '@vunk/core/shared/utils-object';
-import { createUploadBindProps } from '@vunk/form/shared/element-plus';
-import { NOOP } from '@vunk/core/shared/utils-function';
-import { RestFetch } from '@vunk/core/shared/utils-fetch';
-import { useComputedReadonly } from '@vunk/form/composables';
-import progress from '@vunk/form/shared/progress-it';
-
-const props = {
-  ..._VkfFormItemCtx.props,
-  ...uploadProps,
-  tip: {
-    type: String,
-    default: ""
-  },
-  preview: {
-    type: Boolean,
-    default: false
-  },
-  beforeUpload: {
-    type: Function,
-    default: void 0
-  },
-  onDownload: {
-    type: Function,
-    default: void 0
-  }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
-  "update:fileList": null,
-  "remove": (e) => e
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-/*! Element Plus Icons Vue v2.3.1 */
-
-var check_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
-  name: "Check",
-  __name: "check",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [createElementVNode("path", {
-      fill: "currentColor",
-      d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
-    })]));
-  }
-});
-
-// src/components/check.vue
-var check_default = check_vue_vue_type_script_setup_true_lang_default;
-var circle_check_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
-  name: "CircleCheck",
-  __name: "circle-check",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [createElementVNode("path", {
-      fill: "currentColor",
-      d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
-    }), createElementVNode("path", {
-      fill: "currentColor",
-      d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
-    })]));
-  }
-});
-
-// src/components/circle-check.vue
-var circle_check_default = circle_check_vue_vue_type_script_setup_true_lang_default;
-var close_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
-  name: "Close",
-  __name: "close",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [createElementVNode("path", {
-      fill: "currentColor",
-      d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-    })]));
-  }
-});
-
-// src/components/close.vue
-var close_default = close_vue_vue_type_script_setup_true_lang_default;
-var delete_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
-  name: "Delete",
-  __name: "delete",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [createElementVNode("path", {
-      fill: "currentColor",
-      d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
-    })]));
-  }
-});
-
-// src/components/delete.vue
-var delete_default = delete_vue_vue_type_script_setup_true_lang_default;
-var document_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
-  name: "Document",
-  __name: "document",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [createElementVNode("path", {
-      fill: "currentColor",
-      d: "M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z"
-    })]));
-  }
-});
-
-// src/components/document.vue
-var document_default = document_vue_vue_type_script_setup_true_lang_default;
-var download_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
-  name: "Download",
-  __name: "download",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [createElementVNode("path", {
-      fill: "currentColor",
-      d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
-    })]));
-  }
-});
-
-// src/components/download.vue
-var download_default = download_vue_vue_type_script_setup_true_lang_default;
-var zoom_in_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
-  name: "ZoomIn",
-  __name: "zoom-in",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [createElementVNode("path", {
-      fill: "currentColor",
-      d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
-    })]));
-  }
-});
-
-// src/components/zoom-in.vue
-var zoom_in_default = zoom_in_vue_vue_type_script_setup_true_lang_default;
-
-const restFetch = new RestFetch({
-  baseURL: ""
-});
-var script$1 = defineComponent({
-  components: {
-    ElProgress,
-    ElIcon,
-    Check: check_default,
-    ZoomIn: zoom_in_default,
-    Delete: delete_default,
-    Close: close_default,
-    CircleCheck: circle_check_default,
-    Document: document_default,
-    Download: download_default
-  },
-  props: {
-    listType: {
-      type: String,
-      default: "text"
-    },
-    file: {
-      type: Object,
-      default: () => ({})
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    onPreview: {
-      type: Function,
-      default: () => NOOP
-    },
-    onDownload: {
-      type: Function,
-      default: void 0
-    },
-    preview: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    "remove": (e) => e
-  },
-  setup(props, {
-    emit
-  }) {
-    const nsUpload = useNamespace("upload");
-    const nsIcon = useNamespace("icon");
-    const {
-      t
-    } = useLocale();
-    const handleRemove = (file = props.file) => {
-      emit("remove", file);
-    };
-    const handleDownload = (file = props.file) => {
-      if (props.onDownload) {
-        props.onDownload(file);
-        return;
-      }
-      let url = "";
-      if (file.url) {
-        url = file.url;
-      } else if (file.raw) {
-        url = window.URL.createObjectURL(file.raw);
-      }
-      url && restFetch.download({
-        url,
-        fileName: file.name
-      }, {
-        method: "GET"
-      });
-    };
-    return {
-      handleRemove,
-      t,
-      nsIcon,
-      nsUpload,
-      handleDownload
-    };
-  }
-});
-
-const _hoisted_1$1 = ["src"];
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Document = resolveComponent("Document");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_Download = resolveComponent("Download");
-  const _component_el_progress = resolveComponent("el-progress");
-  const _component_circle_check = resolveComponent("circle-check");
-  const _component_Check = resolveComponent("Check");
-  const _component_Close = resolveComponent("Close");
-  const _component_zoom_in = resolveComponent("zoom-in");
-  const _component_Delete = resolveComponent("Delete");
-  return openBlock(), createElementBlock(
-    Fragment,
-    null,
-    [createCommentVNode(" picture "), _ctx.listType === "picture" || _ctx.file.status !== "uploading" && _ctx.listType === "picture-card" ? (openBlock(), createElementBlock(
-      Fragment,
-      {
-        key: 0
-      },
-      [/\.(svg|png|jpg|jpeg)$/.test(_ctx.file.name) ? (openBlock(), createElementBlock("img", {
-        key: 0,
-        class: normalizeClass(_ctx.nsUpload.be("list", "item-thumbnail")),
-        src: _ctx.file.url,
-        alt: ""
-      }, null, 10, _hoisted_1$1)) : (openBlock(), createBlock(_component_Document, {
-        key: 1
-      }))],
-      64
-      /* STABLE_FRAGMENT */
-    )) : createCommentVNode("v-if", true), createCommentVNode(" text "), _ctx.listType !== "picture" && (_ctx.file.status === "uploading" || _ctx.listType !== "picture-card") ? (openBlock(), createElementBlock(
-      "div",
-      {
-        key: 1,
-        class: normalizeClass(_ctx.nsUpload.be("list", "item-info"))
-      },
-      [createElementVNode(
-        "a",
-        {
-          class: normalizeClass(_ctx.nsUpload.be("list", "item-name")),
-          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.onPreview(_ctx.file), ["prevent"]))
-        },
-        [createVNode(_component_el_icon, {
-          class: normalizeClass(_ctx.nsIcon.m("document"))
-        }, {
-          default: withCtx(() => [createVNode(_component_Document)]),
-          _: 1
-          /* STABLE */
-        }, 8, ["class"]), createVNode(_component_el_icon, {
-          class: normalizeClass([_ctx.nsIcon.m("download"), _ctx.nsIcon.m("download-primary")]),
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleDownload(_ctx.file))
-        }, {
-          default: withCtx(() => [createVNode(_component_Download)]),
-          _: 1
-          /* STABLE */
-        }, 8, ["class"]), createElementVNode(
-          "span",
-          {
-            class: normalizeClass(_ctx.nsUpload.be("list", "item-file-name"))
-          },
-          toDisplayString(_ctx.file.name),
-          3
-          /* TEXT, CLASS */
-        )],
-        2
-        /* CLASS */
-      ), _ctx.file.status === "uploading" ? (openBlock(), createBlock(_component_el_progress, {
-        key: 0,
-        type: _ctx.listType === "picture-card" ? "circle" : "line",
-        "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
-        percentage: Number(_ctx.file.percentage),
-        style: normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
-      }, null, 8, ["type", "stroke-width", "percentage", "style"])) : createCommentVNode("v-if", true)],
-      2
-      /* CLASS */
-    )) : createCommentVNode("v-if", true), createElementVNode(
-      "label",
-      {
-        class: normalizeClass(_ctx.nsUpload.be("list", "item-status-label"))
-      },
-      [_ctx.listType === "text" ? (openBlock(), createBlock(_component_el_icon, {
-        key: 0,
-        class: normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("circle-check")])
-      }, {
-        default: withCtx(() => [createVNode(_component_circle_check)]),
-        _: 1
-        /* STABLE */
-      }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createBlock(_component_el_icon, {
-        key: 1,
-        class: normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("check")])
-      }, {
-        default: withCtx(() => [createVNode(_component_Check)]),
-        _: 1
-        /* STABLE */
-      }, 8, ["class"])) : createCommentVNode("v-if", true)],
-      2
-      /* CLASS */
-    ), !_ctx.disabled ? (openBlock(), createBlock(_component_el_icon, {
-      key: 2,
-      class: normalizeClass(_ctx.nsIcon.m("close")),
-      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.handleRemove(_ctx.file))
-    }, {
-      default: withCtx(() => [createVNode(_component_Close)]),
-      _: 1
-      /* STABLE */
-    }, 8, ["class"])) : createCommentVNode("v-if", true), createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"), createCommentVNode(" This is a bug which needs to be fixed "), createCommentVNode(" TODO: Fix the incorrect navigation interaction "), createCommentVNode(` <i v-if="!disabled" :class="nsIcon.m('close-tip')">{{
-      t('el.upload.deleteTip')
-  }}</i> `), createCommentVNode(" picture-card "), _ctx.listType === "picture-card" ? (openBlock(), createElementBlock(
-      "span",
-      {
-        key: 3,
-        class: normalizeClass(_ctx.nsUpload.be("list", "item-actions"))
-      },
-      [_ctx.preview ? (openBlock(), createElementBlock(
-        "span",
-        {
-          key: 0,
-          class: normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
-          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.onPreview(_ctx.file))
-        },
-        [createVNode(_component_el_icon, {
-          class: normalizeClass(_ctx.nsIcon.m("zoom-in"))
-        }, {
-          default: withCtx(() => [createVNode(_component_zoom_in)]),
-          _: 1
-          /* STABLE */
-        }, 8, ["class"])],
-        2
-        /* CLASS */
-      )) : createCommentVNode("v-if", true), createCommentVNode(" \u4E0B\u8F7D "), createElementVNode(
-        "span",
-        {
-          class: normalizeClass(_ctx.nsUpload.be("list", "item-download")),
-          onClick: _cache[4] || (_cache[4] = ($event) => _ctx.handleDownload(_ctx.file))
-        },
-        [createVNode(_component_el_icon, {
-          class: normalizeClass(_ctx.nsIcon.m("download"))
-        }, {
-          default: withCtx(() => [createVNode(_component_Download)]),
-          _: 1
-          /* STABLE */
-        }, 8, ["class"])],
-        2
-        /* CLASS */
-      ), !_ctx.disabled ? (openBlock(), createElementBlock(
-        "span",
-        {
-          key: 1,
-          class: normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
-          onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleRemove(_ctx.file))
-        },
-        [createVNode(_component_el_icon, {
-          class: normalizeClass(_ctx.nsIcon.m("delete"))
-        }, {
-          default: withCtx(() => [createVNode(_component_Delete)]),
-          _: 1
-          /* STABLE */
-        }, 8, ["class"])],
-        2
-        /* CLASS */
-      )) : createCommentVNode("v-if", true)],
-      2
-      /* CLASS */
-    )) : createCommentVNode("v-if", true)],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-
-script$1.render = render$1;
-script$1.__file = "upload/src/file.vue";
-
-var script = defineComponent({
-  name: "VkfUpload",
-  components: {
-    VkfFormItem,
-    ElUpload,
-    FileVue: script$1,
-    ElLink
-  },
-  props,
-  emits,
-  setup(props2, {
-    emit
-  }) {
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const coreBindProps = createUploadBindProps(props2, ["disabled", "fileList", "beforeUpload", "onSuccess"]);
-    const uploadRef = shallowRef();
-    const handleRemove = (file) => {
-      uploadRef.value?.handleRemove(file);
-      uploadRef.value?.abort(file);
-      emit("update:fileList", props2.fileList);
-    };
-    const readonly = useComputedReadonly(props2);
-    const onSuccess = (response, uploadFile, uploadFiles) => {
-      const raw = uploadFile.raw;
-      raw.progress(true);
-      uploadFile.percentage = 100;
-      uploadFile.status = "success";
-      props2.onSuccess?.(response, uploadFile, uploadFiles);
-    };
-    const beforeUpload = async (rawFile) => {
-      const effect = (e, s) => {
-        const file = props2.fileList.find((item) => item.uid === rawFile.uid);
-        if (file) {
-          file.percentage = Number((e * 100).toFixed(2));
-          if (s === false) {
-            file.status = "uploading";
-          }
-        }
-      };
-      rawFile.progress = progress(effect)(false);
-      if (props2.beforeUpload) {
-        const res = await props2.beforeUpload?.(rawFile);
-        return res;
-      }
-      return true;
-    };
-    return {
-      formItemBindProps,
-      pickObject,
-      coreBindProps,
-      uploadRef,
-      handleRemove,
-      readonly,
-      onSuccess,
-      // onProgress,
-      beforeUpload
-    };
-  }
-});
-
-const _hoisted_1 = {
-  class: "el-upload__tip"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElLink = resolveComponent("ElLink");
-  const _component_FileVue = resolveComponent("FileVue");
-  const _component_ElUpload = resolveComponent("ElUpload");
-  const _component_VkfFormItem = resolveComponent("VkfFormItem");
-  return openBlock(), createBlock(
-    _component_VkfFormItem,
-    normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
-    {
-      default: withCtx(() => [createVNode(_component_ElUpload, mergeProps(_ctx.coreBindProps, {
-        ref: "uploadRef",
-        class: ["vkf-upload", {
-          "is-readonly": _ctx.readonly,
-          "is-empty": _ctx.fileList?.length === 0,
-          "is-limit": _ctx.limit && _ctx.fileList?.length >= _ctx.limit
-        }],
-        "file-list": _ctx.fileList ?? [],
-        "on-success": _ctx.onSuccess,
-        "before-upload": _ctx.beforeUpload,
-        disabled: _ctx.readonly || _ctx.disabled,
-        "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fileList", $event))
-      }), createSlots({
-        file: withCtx(({
-          file
-        }) => [createVNode(_component_FileVue, {
-          file,
-          "list-type": _ctx.listType,
-          disabled: _ctx.readonly || _ctx.disabled,
-          "on-preview": _ctx.onPreview,
-          preview: _ctx.preview,
-          "on-download": _ctx.onDownload,
-          onRemove: _ctx.handleRemove
-        }, null, 8, ["file", "list-type", "disabled", "on-preview", "preview", "on-download", "onRemove"])]),
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(_component_ElLink, {
-          type: "primary"
-        }, {
-          default: withCtx(() => [createTextVNode(" + \u9009\u62E9\u6587\u4EF6 ")]),
-          _: 1
-          /* STABLE */
-        })])]),
-        _: 2
-        /* DYNAMIC */
-      }, [_ctx.tip ? {
-        name: "tip",
-        fn: withCtx(() => [createElementVNode(
-          "div",
-          _hoisted_1,
-          toDisplayString(_ctx.tip),
-          1
-          /* TEXT */
-        )]),
-        key: "0"
-      } : void 0]), 1040, ["class", "file-list", "on-success", "before-upload", "disabled"]), createElementVNode(
-        "span",
-        {
-          class: normalizeClass(["vkf-upload-empty-tip", {
-            "is-readonly": _ctx.readonly,
-            "is-empty": _ctx.fileList?.length === 0
-          }])
-        },
-        "\u6682\u65E0",
-        2
-        /* CLASS */
-      )]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-
-script.render = render;
-script.__file = "upload/src/index.vue";
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-script.install = (app) => {
-  app.component(script.name, script);
-};
-
-export { script as VkfUpload, ctx as _VkfUploadCtx, types as __VkfUpload, script as default };

package/components/upload/src/ctx.js

@@ -1 +0,0 @@
-import{_VkfFormItemCtx as r}from"@vunk/form/components/form-item";import{bindPropsFactory as p,onEmitsFactory as i}from"@vunk/core/shared/utils-vue";import{uploadProps as n}from"element-plus";const o={...r.props,...n,tip:{type:String,default:""},preview:{type:Boolean,default:!1},beforeUpload:{type:Function,default:void 0},onDownload:{type:Function,default:void 0}},a=p(o),t={"update:fileList":null,remove:e=>e},s=i(t);export{a as createBindProps,s as createOnEmits,t as emits,o as props};

package/components/upload/src/index.css

@@ -1 +0,0 @@
-

package/components/upload/src/types.js

@@ -1 +0,0 @@
-