vft 0.0.428 → 0.0.430

package/es/components/upload/upload-list.vue2.js

@@ -0,0 +1,145 @@
+import { defineComponent as C, ref as x, createBlock as p, openBlock as n, TransitionGroup as B, unref as e, normalizeClass as t, withCtx as F, createElementBlock as m, renderSlot as h, Fragment as N, renderList as z, withKeys as I, createCommentVNode as a, createElementVNode as b, withModifiers as P, createVNode as f, toDisplayString as K, normalizeStyle as L, nextTick as S } from "vue";
+import "../form/index.js";
+import { VftIcon as u } from "../icon/index.js";
+import { VftProgress as D } from "../progress/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as E } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useFormDisabled as U } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as G } from "../form/hooks/use-form-item.js";
+const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["onClick"], A = C({
+  name: "VftUploadList"
+}), oe = /* @__PURE__ */ C({
+  ...A,
+  props: {
+    files: { default: [] },
+    disabled: { type: Boolean, default: !1 },
+    handlePreview: { type: Function, default: () => {
+    } },
+    listType: { default: "text" }
+  },
+  emits: ["remove"],
+  setup(l, { emit: T }) {
+    const w = T, i = g("upload"), c = g("icon"), $ = g("list"), d = U(), { formItem: V } = G(), y = x(!1), v = (k) => {
+      w("remove", k), S(() => {
+        V?.validate("change").catch((o) => E(o));
+      });
+    };
+    return (k, o) => (n(), p(B, {
+      tag: "ul",
+      class: t([
+        e(i).b("list"),
+        e(i).bm("list", l.listType),
+        e(i).is("disabled", e(d))
+      ]),
+      name: e($).b()
+    }, {
+      default: F(() => [
+        (n(!0), m(N, null, z(l.files, (s) => (n(), m("li", {
+          key: s.uid || s.name,
+          class: t([
+            e(i).be("list", "item"),
+            e(i).is(s.status),
+            { focusing: y.value }
+          ]),
+          tabindex: "0",
+          onKeydown: I((r) => !e(d) && v(s), ["delete"]),
+          onFocus: o[0] || (o[0] = (r) => y.value = !0),
+          onBlur: o[1] || (o[1] = (r) => y.value = !1),
+          onClick: o[2] || (o[2] = (r) => y.value = !1)
+        }, [
+          h(k.$slots, "default", { file: s }, () => [
+            l.listType === "picture" || s.status !== "uploading" && l.listType === "picture-card" ? (n(), m("img", {
+              key: 0,
+              class: t(e(i).be("list", "item-thumbnail")),
+              src: s.url,
+              alt: ""
+            }, null, 10, R)) : a("", !0),
+            s.status === "uploading" || l.listType !== "picture-card" ? (n(), m("div", {
+              key: 1,
+              class: t(e(i).be("list", "item-info"))
+            }, [
+              b("a", {
+                class: t(e(i).be("list", "item-name")),
+                onClick: P((r) => l.handlePreview(s), ["prevent"])
+              }, [
+                f(e(u), {
+                  class: t(e(c).m("document")),
+                  icon: "icon-document"
+                }, null, 8, ["class"]),
+                b("span", {
+                  class: t(e(i).be("list", "item-file-name"))
+                }, K(s.name), 3)
+              ], 10, W),
+              s.status === "uploading" ? (n(), p(e(D), {
+                key: 0,
+                type: l.listType === "picture-card" ? "circle" : "line",
+                "stroke-width": l.listType === "picture-card" ? 6 : 2,
+                percentage: Number(s.percentage),
+                style: L(l.listType === "picture-card" ? "" : "margin-top: 0.5rem")
+              }, null, 8, ["type", "stroke-width", "percentage", "style"])) : a("", !0)
+            ], 2)) : a("", !0),
+            b("label", {
+              class: t(e(i).be("list", "item-status-label"))
+            }, [
+              l.listType === "text" ? (n(), p(e(u), {
+                key: 0,
+                icon: "icon-circle-check",
+                class: t([e(c).m("upload-success"), e(c).m("circle-check")])
+              }, null, 8, ["class"])) : ["picture-card", "picture"].includes(l.listType) ? (n(), p(e(u), {
+                key: 1,
+                icon: "icon-check",
+                class: t([e(c).m("upload-success"), e(c).m("check")])
+              }, null, 8, ["class"])) : a("", !0)
+            ], 2),
+            e(d) ? a("", !0) : (n(), p(e(u), {
+              key: 2,
+              icon: "icon-close",
+              class: t(e(c).m("close")),
+              onClick: (r) => v(s)
+            }, null, 8, ["class", "onClick"])),
+            e(d) ? a("", !0) : (n(), m("i", {
+              key: 3,
+              class: t(e(c).m("close-tip"))
+            }, " 按 delete 键可删除 ", 2)),
+            l.listType === "picture-card" ? (n(), m("span", {
+              key: 4,
+              class: t(e(i).be("list", "item-actions"))
+            }, [
+              b("span", {
+                class: t(e(i).be("list", "item-preview")),
+                onClick: (r) => l.handlePreview(s)
+              }, [
+                f(e(u), {
+                  icon: "icon-zoom-in",
+                  class: t(e(c).m("zoom-in"))
+                }, null, 8, ["class"])
+              ], 10, j),
+              e(d) ? a("", !0) : (n(), m("span", {
+                key: 0,
+                class: t(e(i).be("list", "item-delete")),
+                onClick: (r) => v(s)
+              }, [
+                f(e(u), {
+                  icon: "icon-delete",
+                  class: t(e(c).m("delete"))
+                }, null, 8, ["class"])
+              ], 10, q))
+            ], 2)) : a("", !0)
+          ])
+        ], 42, M))), 128)),
+        h(k.$slots, "append")
+      ]),
+      _: 3
+    }, 8, ["class", "name"]));
+  }
+});
+export {
+  oe as default
+};

package/es/components/upload/upload.vue2.js

@@ -0,0 +1,184 @@
+import { defineComponent as I, useSlots as V, shallowRef as j, computed as B, onBeforeUnmount as N, provide as O, toRef as q, createElementBlock as D, openBlock as v, normalizeClass as H, unref as o, createBlock as g, createCommentVNode as n, renderSlot as i, createSlots as C, withCtx as u, createVNode as K, mergeProps as E } from "vue";
+import "../form/index.js";
+import { VftMessage as h } from "../message/index.js";
+import { ajaxUpload as W } from "./ajax.js";
+import { uploadContextKey as A } from "./constants.js";
+import F from "./upload-content.vue2.js";
+import L from "./upload-list.vue2.js";
+import { useHandlers as G } from "./use-handlers.js";
+import { useFormDisabled as J } from "../form/hooks/use-form-common-props.js";
+const Q = I({
+  name: "vft-upload"
+}), se = /* @__PURE__ */ I({
+  ...Q,
+  props: {
+    action: { default: "#" },
+    headers: {},
+    method: { default: "post" },
+    data: {},
+    multiple: { type: Boolean, default: !1 },
+    name: { default: "file" },
+    drag: { type: Boolean, default: !1 },
+    withCredentials: { type: Boolean },
+    showFileList: { type: Boolean, default: !0 },
+    accept: { default: "" },
+    type: { default: "select" },
+    fileList: { default: [] },
+    autoUpload: { type: Boolean, default: !1 },
+    listType: { default: "text" },
+    httpRequest: { type: Function, default: W },
+    disabled: { type: Boolean },
+    limit: {},
+    replaceOnLimit: { type: Boolean, default: !1 },
+    maxSize: { default: void 0 },
+    sizeExceedMessage: { default: "文件大小超出限制" },
+    sizeWidth: { default: void 0 },
+    sizeHeight: { default: void 0 },
+    onSizeInvalid: {},
+    onTypeInvalid: {},
+    beforeUpload: {},
+    beforeRemove: {},
+    onRemove: {},
+    onChange: {},
+    onPreview: {},
+    onSuccess: {},
+    onProgress: {},
+    onError: {},
+    onExceed: { type: Function, default: () => {
+    } },
+    onSizeExceed: {}
+  },
+  setup(s, { expose: P }) {
+    const t = s, r = V(), y = J(), p = j(), {
+      abort: w,
+      submit: $,
+      clearFiles: S,
+      uploadFiles: d,
+      handleStart: k,
+      handleError: M,
+      handleRemove: m,
+      handleSuccess: T,
+      handleProgress: U
+    } = G(t, p), c = B(() => t.listType === "picture-card"), x = {
+      abort: w,
+      submit: $,
+      clearFiles: S,
+      uploadFiles: d,
+      uploadRef: p
+    }, R = B(() => ({
+      ...t,
+      fileList: d.value,
+      onStart: k,
+      onProgress: U,
+      onSuccess: T,
+      onError: M,
+      onRemove: m,
+      onChange: (e, l) => {
+        t.onChange?.(e, l, x);
+      },
+      onSizeExceed: (e, l) => {
+        if (t.onSizeExceed)
+          t.onSizeExceed?.(e, l);
+        else {
+          const f = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
+          console.warn("默认文件大小超出提示:", f), h.warning(f);
+        }
+      },
+      onSizeInvalid: (e, l, a, f, b) => {
+        if (t.onSizeInvalid)
+          t.onSizeInvalid(e, l, a, f, b);
+        else {
+          const z = `文件尺寸不符合要求，当前尺寸：${l}x${a}，期望尺寸：${f}x${b}`;
+          console.warn("默认尺寸校验提示:", z), h.warning(z);
+        }
+      },
+      onTypeInvalid: (e, l) => {
+        if (t.onTypeInvalid)
+          t.onTypeInvalid(e, l);
+        else {
+          const a = `文件类型不符合要求，当前文件：${e.name}，支持的类型：${l}`;
+          console.warn("默认文件类型校验提示:", a), h.warning(a);
+        }
+      }
+    }));
+    return N(() => {
+      d.value.forEach(({ url: e }) => {
+        e?.startsWith("blob:") && URL.revokeObjectURL(e);
+      });
+    }), O(A, {
+      accept: q(t, "accept")
+    }), P({
+      abort: w,
+      submit: $,
+      clearFiles: S,
+      handleStart: k,
+      handleRemove: m,
+      fileList: d
+    }), (e, l) => (v(), D("div", {
+      class: H(["vft-upload-wrapper", { disabled: o(y) }])
+    }, [
+      c.value && s.showFileList ? (v(), g(L, {
+        key: 0,
+        disabled: o(y),
+        "list-type": s.listType,
+        files: o(d),
+        "handle-preview": s.onPreview,
+        onRemove: o(m)
+      }, C({
+        append: u(() => [
+          K(F, E({
+            ref_key: "uploadRef",
+            ref: p
+          }, R.value), {
+            default: u(() => [
+              o(r).trigger ? i(e.$slots, "trigger", { key: 0 }) : n("", !0),
+              !o(r).trigger && o(r).default ? i(e.$slots, "default", { key: 1 }) : n("", !0)
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 2
+      }, [
+        e.$slots.file ? {
+          name: "default",
+          fn: u(({ file: a }) => [
+            i(e.$slots, "file", { file: a })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : n("", !0),
+      !c.value || c.value && !s.showFileList ? (v(), g(F, E({
+        key: 1,
+        ref_key: "uploadRef",
+        ref: p
+      }, R.value), {
+        default: u(() => [
+          o(r).trigger ? i(e.$slots, "trigger", { key: 0 }) : n("", !0),
+          !o(r).trigger && o(r).default ? i(e.$slots, "default", { key: 1 }) : n("", !0)
+        ]),
+        _: 3
+      }, 16)) : n("", !0),
+      e.$slots.trigger ? i(e.$slots, "default", { key: 2 }) : n("", !0),
+      i(e.$slots, "tip"),
+      !c.value && s.showFileList ? (v(), g(L, {
+        key: 3,
+        disabled: o(y),
+        "list-type": s.listType,
+        files: o(d),
+        "handle-preview": s.onPreview,
+        onRemove: o(m)
+      }, C({ _: 2 }, [
+        e.$slots.file ? {
+          name: "default",
+          fn: u(({ file: a }) => [
+            i(e.$slots, "file", { file: a })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : n("", !0)
+    ], 2));
+  }
+});
+export {
+  se as default
+};

package/es/components/verify-code/verify-code.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent as d, computed as s, createElementBlock as f, openBlock as u, normalizeStyle as o, createElementVNode as g, unref as p } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as t } from "../../utils/helper.js";
+import "lodash-es";
+import "../form/index.js";
+import k from "./useImageVerify.js";
+const y = ["width", "height"], w = d({
+  name: "vft-verify-code"
+}), z = /* @__PURE__ */ d({
+  ...w,
+  props: {
+    height: { default: 40 },
+    width: { default: 150 },
+    radius: { default: 5 }
+  },
+  emits: ["click"],
+  setup(e, { expose: r, emit: c }) {
+    const n = c, m = s(() => ({
+      width: t(e.width),
+      height: t(e.height)
+    })), { domRef: l, imgCode: a, getCode: i } = k(), h = () => {
+      i(), n("click");
+    };
+    return r({
+      getCode: i,
+      code: a
+    }), (v, C) => (u(), f("div", {
+      style: o(m.value),
+      onClick: h
+    }, [
+      g("canvas", {
+        ref_key: "domRef",
+        ref: l,
+        style: o({ borderRadius: p(t)(e.radius) }),
+        width: e.width,
+        height: e.height,
+        class: "cursor-pointer"
+      }, null, 12, y)
+    ], 4));
+  }
+});
+export {
+  z as default
+};

package/es/hooks/use-z-index/index.js

@@ -0,0 +1,30 @@
+import "@vueuse/core";
+import { isNumber as m, isClient as p } from "@vft/utils";
+import { debugWarn as l } from "../../utils/error.js";
+import "../../components/config-provider/hooks/use-global-config.js";
+import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
+import "lodash-es";
+import "../../components/form/index.js";
+const s = {
+  current: 0
+}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+  const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
+    const r = v(x);
+    return m(r) ? r : f;
+  }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
+  return !p && !e(d) && l(
+    "ZIndexInjection",
+    `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
+usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`
+  ), {
+    initialZIndex: t,
+    currentZIndex: o,
+    nextZIndex: a
+  };
+};
+export {
+  d as ZINDEX_INJECTION_KEY,
+  f as defaultInitialZIndex,
+  K as useZIndex,
+  y as zIndexContextKey
+};