@yeepay/yee-boss-ui 0.1.16 → 0.1.18

package/dist/YeeFileUpload-DvRN1D-j.js

@@ -0,0 +1,196 @@
+import { defineComponent as te, ref as ne, shallowRef as U, computed as a, watch as B, openBlock as p, createElementBlock as g, createBlock as re, unref as k, mergeProps as oe, withCtx as ie, normalizeStyle as ue, createElementVNode as q, toDisplayString as ae, createCommentVNode as z, createVNode as le } from "vue";
+import { Upload as se, Image as ce } from "ant-design-vue";
+import { p as x } from "./platform-message-BgD7E-34.js";
+import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const me = { class: "yee-ui-file-upload" }, de = {
+  key: 1,
+  class: "yee-ui-file-upload__empty"
+}, pe = {
+  key: 2,
+  class: "yee-ui-file-upload__preview"
+}, ve = /* @__PURE__ */ te({
+  name: "YeeFileUpload",
+  __name: "YeeFileUpload",
+  props: {
+    accept: {},
+    customRequest: { type: Function },
+    fileList: {},
+    height: {},
+    manual: { type: Boolean },
+    maxCount: {},
+    maxSize: {},
+    multiple: { type: Boolean },
+    readonly: { type: Boolean },
+    uploadText: {},
+    width: {}
+  },
+  emits: ["fileRemoved", "fileSelect", "update:fileList", "uploadSuccess", "uploadingChange"],
+  setup(h, { expose: L, emit: M }) {
+    const i = h, f = M, o = ne([]), v = U(!1), l = U(""), P = a(() => i.fileList ?? []), $ = a(() => i.height ?? 100), _ = a(() => i.manual ?? !1), F = a(() => i.maxCount ?? 10), S = a(() => i.maxSize ?? 20), j = a(() => i.multiple ?? !1), w = a(() => i.readonly ?? !1), O = a(() => i.uploadText ?? "上传文件"), V = a(() => i.width ?? 100), I = a(() => ({
+      height: R($.value),
+      width: R(V.value)
+    })), Y = a(() => o.value.some((e) => e.status === "uploading"));
+    B(
+      P,
+      (e) => {
+        o.value = e.map((t) => ({ ...t })), l.value && !e.some((t) => t.url === l.value || t.thumbUrl === l.value) && C();
+      },
+      { immediate: !0 }
+    ), B(Y, (e) => f("uploadingChange", e), { immediate: !0 });
+    function R(e) {
+      return typeof e == "number" ? `${e}px` : e;
+    }
+    function m() {
+      f("update:fileList", o.value.map((e) => ({ ...e })));
+    }
+    function N(e) {
+      return e < 1024 ? `${e}B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(2)}KB` : `${(e / (1024 * 1024)).toFixed(2)}MB`;
+    }
+    function E(e) {
+      return e.size <= S.value * 1024 * 1024 ? !1 : (x.error(`文件大小不能超过 ${S.value}MB，当前为 ${N(e.size)}`), !0);
+    }
+    function T(e) {
+      return e.type?.startsWith("image/") ?? /\.(avif|gif|jpe?g|png|svg|webp)(\?.*)?$/i.test(e.url ?? "");
+    }
+    function D(e) {
+      const t = T(e), n = e.url ?? (t ? e.thumbUrl : void 0);
+      if (n) {
+        if (t) {
+          l.value = n, v.value = !0;
+          return;
+        }
+        window.open(n, "_blank", "noopener,noreferrer");
+      }
+    }
+    function K(e) {
+      v.value = e, e || (l.value = "");
+    }
+    function C() {
+      v.value = !1, l.value = "";
+    }
+    function b(e, t, n) {
+      e.status = "done", e.percent = 100, t?.name && (e.name = t.name), t?.url && (e.url = t.url), m(), n(t), f("uploadSuccess");
+    }
+    function y(e, t, n) {
+      e.status = "error", m(), n(t);
+    }
+    function W(e, t, n, u) {
+      const s = o.value.find((r) => r.uid === t);
+      if (!s) return;
+      if (s.status = "uploading", s.percent = 0, m(), !i.customRequest) {
+        const r = new Error("未配置 customRequest");
+        x.error(r.message), y(s, r, u);
+        return;
+      }
+      let c = !1;
+      const d = {
+        file: e,
+        onError: (r) => {
+          c || (c = !0, y(s, r, u));
+        },
+        onProgress: (r) => {
+          c || (s.percent = Math.min(100, Math.max(0, r)), m());
+        },
+        onSuccess: (r) => {
+          c || (c = !0, b(s, r, n));
+        },
+        uid: t
+      };
+      try {
+        Promise.resolve(i.customRequest(d)).catch((r) => {
+          d.onError(r instanceof Error ? r : new Error("上传失败"));
+        });
+      } catch (r) {
+        d.onError(r instanceof Error ? r : new Error("上传失败"));
+      }
+    }
+    const A = (e) => E(e) || _.value ? !1 : i.customRequest ? !0 : (x.error("未配置 customRequest"), !1);
+    function G(e) {
+      const t = e.file instanceof File ? e.file : void 0;
+      if (!t || E(t)) {
+        e.onError?.(new Error("文件大小超过限制"));
+        return;
+      }
+      const n = t.uid ?? String(Date.now());
+      W(t, n, e.onSuccess ?? (() => {
+      }), e.onError ?? (() => {
+      }));
+    }
+    function H(e) {
+      if (!e || typeof e != "object") return;
+      const t = e, n = typeof t.name == "string" ? t.name : void 0, u = typeof t.url == "string" ? t.url : void 0;
+      if (!(!n && !u))
+        return {
+          ...n ? { name: n } : {},
+          ...u ? { url: u } : {}
+        };
+    }
+    function J(e) {
+      if (o.value = e.fileList.map((n) => {
+        const u = o.value.find((d) => d.uid === n.uid), s = H(n.response), c = n.url ?? s?.url ?? u?.url;
+        return {
+          ...u,
+          ...n,
+          name: s?.name ?? u?.name ?? n.name,
+          ...c ? { url: c } : {}
+        };
+      }), m(), !_.value) return;
+      const t = o.value.at(-1);
+      t?.originFileObj instanceof File && f("fileSelect", { file: t.originFileObj, uid: t.uid });
+    }
+    function Q(e) {
+      (e.url === l.value || e.thumbUrl === l.value) && C(), f("fileRemoved", e);
+    }
+    function X(e, t) {
+      const n = o.value.find((u) => u.uid === e);
+      n && b(n, t, () => {
+      });
+    }
+    function Z(e) {
+      const t = o.value.find((n) => n.uid === e);
+      t && y(t, new Error("上传失败"), () => {
+      });
+    }
+    function ee() {
+      return o.value.flatMap((e) => e.originFileObj instanceof File ? [e.originFileObj] : []);
+    }
+    return L({ addError: Z, addResult: X, getFiles: ee }), (e, t) => (p(), g("div", me, [
+      !w.value || o.value.length > 0 ? (p(), re(k(se), oe({ key: 0 }, h.accept ? { accept: h.accept } : {}, {
+        "before-upload": A,
+        "custom-request": G,
+        "file-list": o.value,
+        "max-count": F.value,
+        multiple: j.value,
+        "show-upload-list": { showRemoveIcon: !w.value },
+        "list-type": "picture-card",
+        onChange: J,
+        onPreview: D,
+        onRemove: Q
+      }), {
+        default: ie(() => [
+          !w.value && o.value.length < F.value ? (p(), g("div", {
+            key: 0,
+            class: "yee-ui-file-upload__trigger",
+            style: ue(I.value)
+          }, [
+            t[0] || (t[0] = q("span", {
+              class: "yee-ui-file-upload__trigger-sign",
+              "aria-hidden": "true"
+            }, "+", -1)),
+            q("span", null, ae(O.value), 1)
+          ], 4)) : z("", !0)
+        ]),
+        _: 1
+      }, 16, ["file-list", "max-count", "multiple", "show-upload-list"])) : (p(), g("span", de, "暂无文件")),
+      l.value ? (p(), g("span", pe, [
+        le(k(ce), {
+          preview: { visible: v.value, onVisibleChange: K },
+          src: l.value
+        }, null, 8, ["preview", "src"])
+      ])) : z("", !0)
+    ]));
+  }
+}), xe = /* @__PURE__ */ fe(ve, [["__scopeId", "data-v-ac555a97"]]);
+export {
+  xe as Y
+};

package/dist/YeePage-Dbvn1TNi.js

@@ -0,0 +1,99 @@
+import { defineComponent as B, useSlots as w, computed as c, provide as z, shallowRef as p, useTemplateRef as _, watch as Y, onMounted as E, onBeforeUnmount as P, openBlock as a, createElementBlock as n, normalizeStyle as R, normalizeClass as d, createElementVNode as k, renderSlot as i, toDisplayString as $, createCommentVNode as r, nextTick as N } from "vue";
+import { p as T } from "./context-C5gszWl6.js";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const A = { class: "yee-ui-page__heading" }, D = {
+  key: 0,
+  class: "yee-ui-page__title"
+}, F = {
+  key: 0,
+  class: "yee-ui-page__description"
+}, I = {
+  key: 0,
+  class: "yee-ui-page__extra"
+}, K = /* @__PURE__ */ B({
+  name: "YeePage",
+  __name: "YeePage",
+  props: {
+    autoContentHeight: { type: Boolean, default: !1 },
+    contentClass: {},
+    description: {},
+    footerClass: {},
+    headerClass: {},
+    heightOffset: { default: 0 },
+    title: {}
+  },
+  setup(t) {
+    const o = t, l = w(), m = c(() => !!(o.description || o.title || l.description || l.extra || l.title)), b = c(() => o.autoContentHeight);
+    z(T, b);
+    const h = p(0), g = p(0), v = p(!1), u = _("headerRef"), f = _("footerRef");
+    let s;
+    function C() {
+      const e = u.value?.offsetHeight ?? 0, y = f.value?.offsetHeight ?? 0;
+      h.value !== e && (h.value = e), g.value !== y && (g.value = y);
+    }
+    function S() {
+      s?.disconnect(), s = void 0, !(typeof ResizeObserver > "u") && (s = new ResizeObserver(C), u.value && s.observe(u.value), f.value && s.observe(f.value));
+    }
+    async function H() {
+      if (s?.disconnect(), s = void 0, !o.autoContentHeight) {
+        v.value = !1;
+        return;
+      }
+      await N(), C(), v.value = !0, S();
+    }
+    const O = c(() => ({
+      "--yee-page-height-offset": typeof o.heightOffset == "number" ? `${o.heightOffset}px` : o.heightOffset
+    })), x = c(() => o.autoContentHeight ? {
+      height: `calc(100% - ${h.value}px - ${g.value}px)`,
+      overflowY: v.value ? "auto" : "hidden"
+    } : {});
+    return Y(
+      [() => o.autoContentHeight, m, () => !!l.footer],
+      () => {
+        H();
+      },
+      { flush: "post" }
+    ), E(() => {
+      H();
+    }), P(() => s?.disconnect()), (e, y) => (a(), n("section", {
+      class: d(["yee-ui-page", { "yee-ui-page--auto-height": t.autoContentHeight }]),
+      style: R(O.value)
+    }, [
+      m.value ? (a(), n("header", {
+        key: 0,
+        ref_key: "headerRef",
+        ref: u,
+        class: d(["yee-ui-page__header", t.headerClass])
+      }, [
+        k("div", A, [
+          i(e.$slots, "title", {}, () => [
+            t.title ? (a(), n("h1", D, $(t.title), 1)) : r("", !0)
+          ], !0),
+          i(e.$slots, "description", {}, () => [
+            t.description ? (a(), n("p", F, $(t.description), 1)) : r("", !0)
+          ], !0)
+        ]),
+        e.$slots.extra ? (a(), n("div", I, [
+          i(e.$slots, "extra", {}, void 0, !0)
+        ])) : r("", !0)
+      ], 2)) : r("", !0),
+      k("main", {
+        class: d(["yee-ui-page__content", t.contentClass]),
+        style: R(x.value)
+      }, [
+        i(e.$slots, "default", {}, void 0, !0)
+      ], 6),
+      e.$slots.footer ? (a(), n("footer", {
+        key: 1,
+        ref_key: "footerRef",
+        ref: f,
+        class: d(["yee-ui-page__footer", t.footerClass])
+      }, [
+        i(e.$slots, "footer", {}, void 0, !0)
+      ], 2)) : r("", !0)
+    ], 6));
+  }
+}), q = /* @__PURE__ */ V(K, [["__scopeId", "data-v-ba7ea0ff"]]);
+export {
+  q as Y
+};