@vunk/form 1.1.76 → 1.1.79

package/components/templates-mapbox/index.mjs

@@ -0,0 +1,59 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
+import { VkfGeoinput } from '@vunk/form/components/geoinput';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
+import { getValue } from '@vunk/core';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {
+  setData: (data) => data
+};
+
+var _sfc_main = defineComponent({
+  name: "VkfTemplatesMapbox",
+  components: {
+    VkfGeoinput,
+    VkfFormItemRendererTemplate
+  },
+  emits,
+  props,
+  setup() {
+    return {
+      getValue
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfGeoinput = resolveComponent("VkfGeoinput");
+  const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
+  return openBlock(), createBlock(_component_VkfFormItemRendererTemplate, { type: "VkfGeoinput" }, {
+    default: withCtx(({ data: props, templateIf }) => [
+      templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfGeoinput, mergeProps({ key: 0 }, props, {
+        "model-value": _ctx.getValue(_ctx.data, props.prop),
+        "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+          k: props.prop,
+          v: $event
+        })
+      }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+var VkfTemplatesMapbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-form2\\packages\\components\\templates-mapbox\\src\\index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfTemplatesMapbox.install = (app) => {
+  app.component(VkfTemplatesMapbox.name, VkfTemplatesMapbox);
+};
+
+export { VkfTemplatesMapbox, types as __VkfTemplatesMapbox, VkfTemplatesMapbox as default };

package/components/upload/index.css

@@ -1,4 +1,3 @@
-
 .el-upload-list__item-status-label{
   z-index: 1;
 }
@@ -8,8 +7,6 @@
 .el-upload-list__item-name .el-icon.el-icon--download-primary{
   color: var(--el-color-primary);
 }
-
-
 .vkf-upload {
   width: 100%;
 }
@@ -19,7 +16,6 @@
 .vkf-upload-empty-tip.is-readonly.is-empty{
   display: block;
 }
-
 .vkf-upload.is-readonly .el-upload,
 .vkf-upload.is-readonly .el-upload{
   display: none;
@@ -30,9 +26,6 @@
 .vkf-upload .el-upload-list{
   min-width: 100px;
 }
-
 .vkf-upload.is-limit .el-upload{
   display: none;
 }
-
-

package/components/upload/index.mjs

@@ -0,0 +1,501 @@
+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, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, normalizeClass, createBlock, createElementVNode, 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 { f as check_default, z as zoom_in_default, g as delete_default, h as close_default, i as circle_check_default, j as document_default, d as download_default } from '../index2.mjs';
+import { NOOP } from '@vunk/core/shared/utils-function';
+import { RestFetch } from '@vunk/core/shared/utils-fetch';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+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
+});
+
+const restFetch = new RestFetch({
+  baseURL: ""
+});
+var _sfc_main$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 _sfc_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 */
+  );
+}
+var FileVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "D:\\labCode\\vunk-form2\\packages\\components\\upload\\src\\file.vue"]]);
+
+var _sfc_main = defineComponent({
+  name: "VkfUpload",
+  components: {
+    VkfFormItem,
+    ElUpload,
+    FileVue,
+    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 _sfc_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 */
+  );
+}
+var VkfUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-form2\\packages\\components\\upload\\src\\index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfUpload.install = (app) => {
+  app.component(VkfUpload.name, VkfUpload);
+};
+
+export { VkfUpload, ctx as _VkfUploadCtx, types as __VkfUpload, VkfUpload as default };