@spacego/fe-components 0.1.1 → 0.2.0

package/lib/fe-text-area/index.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Input as l } from "antd";
+const u = l.TextArea, s = (t) => {
+  const e = { ...t }, a = (n) => {
+    e.onChange && e.onChange(n.target.value);
+  }, r = (n) => {
+    n.target.value = String(n.target.value).trim(), e.onChange && e.onChange(n.target.value), e.onBlur && e.onBlur(n);
+  };
+  return /* @__PURE__ */ o(
+    u,
+    {
+      ...t,
+      value: e.value,
+      onChange: a,
+      onBlur: r
+    }
+  );
+};
+export {
+  s as default
+};

package/lib/fe-time-picker/index.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "react/jsx-runtime";
+import { TimePicker as m } from "antd";
+const r = (e) => {
+  const t = (n, a) => {
+    e.onChange && e.onChange(n, a);
+  };
+  return /* @__PURE__ */ i(
+    m,
+    {
+      ...e,
+      value: e.value,
+      onChange: t,
+      style: { width: "100%", ...e.style || {} }
+    }
+  );
+};
+export {
+  r as default
+};

package/lib/fe-upload/index.js

@@ -0,0 +1,182 @@
+import { jsx as c, jsxs as b } from "react/jsx-runtime";
+import { PlusOutlined as V, UploadOutlined as k, InboxOutlined as W } from "@ant-design/icons";
+import { classnames as C, isString as K } from "@spacego/turbo-utils";
+import { Image as R, Modal as H, Button as J, message as A, Upload as I } from "antd";
+import { useMemo as E, useState as g, useEffect as M } from "react";
+import Q from "../fe-error-block/index.js";
+import X from "../fe-upload-atomic/index.js";
+import Y from "../fe-upload-crop/index.js";
+import { getAccept as Z, validateFileByCustomAccept as p, validateFileByAccept as ee, getAcceptLabel as te } from "./upload.constant.js";
+/* empty css           */
+const ae = (e) => {
+  if (!e) return e;
+  const m = ["", "K", "M", "G", "T", "P"];
+  let f = 0;
+  for (; e >= 1024 && f < m.length; )
+    e = e / 1024, f++;
+  return `${Number(e.toFixed(2))}${m[f]}B`;
+}, z = (e) => {
+  if (!e) return !1;
+  if (e.startsWith("data:image")) return !0;
+  const m = e.split(/[?#]/)[0];
+  return /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(m);
+}, U = (e) => e.startsWith("image/"), w = (e) => {
+  var T;
+  e = { ...e }, e.fileSize = e.fileSize ?? 1024 * 1024 * 20, e.isCropImage = e.isCropImage ?? !1, e.cropCofig = e.cropCofig ?? void 0;
+  const [m, f] = g(), [d, o] = g([]), [L, _] = g(""), [P, x] = g(!1), [$, N] = g(!1), [u, F] = g(null), v = E(() => ((d == null ? void 0 : d.map((t) => {
+    var a;
+    return t.url ?? ((a = t.response) == null ? void 0 : a.url) ?? t.thumbUrl ?? t.preview;
+  })) || []).filter(z), [d]), q = async (t, a) => {
+    let i = !0, l = !0;
+    if (e.fileSize && (l = (t.size || 0) < e.fileSize, !l))
+      return A.error(`文件"${t.name}"大小不能超过${ae(e.fileSize)}`), I.LIST_IGNORE;
+    if ((e.accept || e.customAccept) && !e.isManualValieType && (i = e.customAccept ? p(t.type, e.customAccept) : ee(t.type, e.accept), !i))
+      return A.error(`文件"${t.name}"类型只能为${e.acceptDesc || te(e.accept) || e.customAccept}格式`), I.LIST_IGNORE;
+    if (e.beforeUpload) {
+      const n = await e.beforeUpload(t, a);
+      if (n === !1 || n === I.LIST_IGNORE)
+        return n;
+      i = n;
+    }
+    return i && l;
+  }, S = (t) => {
+    const { file: a, fileList: i } = t;
+    if (a.status) {
+      if (o(i), ["done", "removed"].includes(a.status)) {
+        if (a.status === "done") {
+          const l = [...i];
+          l.forEach((n) => {
+            var s;
+            n.uid === a.uid && (n.url = a.url || ((s = a.response) == null ? void 0 : s.url));
+          }), o(l);
+        }
+        e.onChange && e.onChange(i, t);
+      }
+      if (a.status === "error" && e.isRemoveOnError) {
+        const l = i.filter((n) => n.uid !== a.uid);
+        o(l), e.onChange && e.onChange(l, t);
+      }
+      if (e.isCropImage && a.type && U(a.type) && ["uploading"].includes(a.status)) {
+        const l = [...i].filter((n) => (n == null ? void 0 : n.uid) !== t.file.uid);
+        o(l);
+      }
+    }
+  }, B = async (t) => {
+    var n, s, r, y;
+    const a = new File([t], (n = u == null ? void 0 : u.file) == null ? void 0 : n.name, { type: (s = u == null ? void 0 : u.file) == null ? void 0 : s.type }), i = await ((r = e.customRequest) == null ? void 0 : r.call(e, a)), l = {
+      ...a,
+      uid: (y = u == null ? void 0 : u.file) == null ? void 0 : y.uid,
+      size: a.size,
+      type: a.type,
+      name: a.name,
+      lastModified: a.lastModified,
+      lastModifiedDate: a.lastModifiedDate,
+      status: "done",
+      originFileObj: a,
+      response: i,
+      url: i == null ? void 0 : i.url
+    };
+    S({ file: l, fileList: [...d, l] }), N(!1);
+  }, O = async (t, a) => {
+    var i;
+    try {
+      const l = await ((i = e.customRequest) == null ? void 0 : i.call(e, t));
+      a.onSuccess(l);
+    } catch (l) {
+      a.onError(l);
+    } finally {
+      F(null);
+    }
+  }, j = async (t) => {
+    e.isCropImage && (t != null && t.file) && t.file.type && U(t.file.type) ? (N(!0), F(t)) : O(t.file, t);
+  }, D = (t) => {
+    if (!t) return;
+    if (!t.length) {
+      o([]);
+      return;
+    }
+    let a = [];
+    const i = [...d];
+    let l = !1;
+    K(t) && (t = t.split(",").map((n) => ({ url: n }))), a = t, a.forEach((n) => {
+      const s = d.find((r) => {
+        var y;
+        return r.url === n.url || r.uid === n.uid || ((y = r == null ? void 0 : r.response) == null ? void 0 : y.url) === n.url;
+      });
+      s ? s.status || (s.status = "done", l = !0) : (i.push(n), l = !0);
+    }), l && o(i);
+  }, G = async (t) => {
+    var i, l;
+    if ((i = e.onPreview) == null || i.call(e, t), e.isManualPreview) return;
+    const a = t.url || t.thumbUrl || t.preview || ((l = t.response) == null ? void 0 : l.url);
+    a && (t.type && !U(t.type) || !t.type && !z(a) || (_(a), x(!0)));
+  };
+  M(() => {
+    e.value && D(e.value);
+  }, [e.value]), M(() => {
+    e.maxCount && d.length > e.maxCount ? f(`最多上传${e.maxCount}个文件`) : f(void 0);
+  }, [d, e.maxCount, e.value]);
+  const h = {
+    ...e,
+    className: C("fe-upload", e.className),
+    fileList: d,
+    beforeUpload: q,
+    onChange: S,
+    onPreview: G,
+    customRequest: void 0,
+    accept: void 0
+  };
+  return e.customRequest && (h.customRequest = j), (e.accept || e.customAccept) && (h.accept = e.customAccept ?? Z(e.accept)), /* @__PURE__ */ b(Q, { message: m, children: [
+    /* @__PURE__ */ c(X, { ...h, children: h.maxCount && d.length >= h.maxCount ? null : h.children }),
+    !!e.tips && /* @__PURE__ */ c("div", { className: "fe-upload-tips", children: e.tips }),
+    L && /* @__PURE__ */ c(
+      R.PreviewGroup,
+      {
+        items: v,
+        preview: {
+          visible: P,
+          current: v.findIndex((t) => t === L),
+          onChange: (t) => _(v[t]),
+          onVisibleChange: (t) => x(t),
+          afterOpenChange: (t) => !t && _("")
+        },
+        children: v.map((t) => /* @__PURE__ */ c(R, { wrapperStyle: { display: "none" }, src: t }, t))
+      }
+    ),
+    e.isCropImage && ((T = u == null ? void 0 : u.file) == null ? void 0 : T.type) && U(u.file.type) && /* @__PURE__ */ c(
+      H,
+      {
+        destroyOnClose: !0,
+        maskClosable: !1,
+        closable: !0,
+        onCancel: () => N(!1),
+        centered: !0,
+        width: 600,
+        open: $,
+        title: "图片裁剪",
+        footer: null,
+        children: /* @__PURE__ */ c(Y, { cropConfig: e == null ? void 0 : e.cropCofig, file: u == null ? void 0 : u.file, onCrop: B })
+      }
+    )
+  ] });
+}, le = (e) => (e = { ...e }, e.title = e.title ?? "上传文件", e.showUploadList = e.showUploadList ?? !0, e.listType = e.listType ?? "picture-card", /* @__PURE__ */ c(w, { ...e, className: C("fe-upload__default", e.className), children: /* @__PURE__ */ b("button", { type: "button", className: "fe-upload__default-content", children: [
+  /* @__PURE__ */ c(V, {}),
+  e.title && /* @__PURE__ */ c("div", { className: "fe-upload__default-title", children: e.title })
+] }) })), ie = (e) => (e = { ...e }, e.maxCount = e.maxCount ?? 1, e.showUploadList = e.showUploadList ?? !0, e.listType = e.listType ?? "picture-card", /* @__PURE__ */ c(w, { ...e, className: C("fe-upload__card", e.className), type: "drag", children: /* @__PURE__ */ c("div", { className: "fe-upload__card-content", children: e.title }) })), ne = (e) => (e = { ...e }, e.title = e.title ?? "上传文件", e.showUploadList = e.showUploadList ?? !0, /* @__PURE__ */ c(w, { ...e, className: C("fe-upload__btn", e.className), children: /* @__PURE__ */ c(J, { className: "fe-upload__btn-content", icon: /* @__PURE__ */ c(k, {}), children: e.title }) })), ce = (e) => (e = { ...e }, e.type = e.type ?? "drag", e.title = e.title ?? "点击或将文件拖拽到这里上传", /* @__PURE__ */ c(w, { ...e, tips: void 0, className: C("fe-upload__drag", e.className), children: /* @__PURE__ */ b("div", { className: "fe-upload__drag-content", children: [
+  /* @__PURE__ */ c("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ c(W, {}) }),
+  /* @__PURE__ */ c("p", { className: "ant-upload-text", children: e.title }),
+  !!e.tips && /* @__PURE__ */ c("p", { className: "ant-upload-hint", children: e.tips })
+] }) })), ue = /* @__PURE__ */ new Map([
+  ["render", w],
+  ["default", le],
+  ["card", ie],
+  ["btn", ne],
+  ["drag", ce]
+]), we = (e) => {
+  e = { ...e }, e.customType = e.customType ?? "default";
+  const m = E(() => ue.get(e.customType), [e.customType]);
+  return /* @__PURE__ */ c(m, { ...e });
+};
+export {
+  we as default
+};

package/lib/fe-upload/upload.constant.js

@@ -0,0 +1,91 @@
+const n = {
+  IMAGE: {
+    label: "图片",
+    accept: "image/*",
+    mimeSet: /* @__PURE__ */ new Set(["image/jpeg", "image/png", "image/gif", "image/bmp", "image/webp", "image/svg+xml"])
+  },
+  PDF: {
+    label: "PDF",
+    accept: ".pdf",
+    mimeSet: /* @__PURE__ */ new Set(["application/pdf"])
+  },
+  WORD: {
+    label: "WORD",
+    accept: ".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    mimeSet: /* @__PURE__ */ new Set(["application/msword", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"])
+  },
+  EXCEL: {
+    label: "EXCEL",
+    accept: ".xls,.xlsx,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    mimeSet: /* @__PURE__ */ new Set(["application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"])
+  },
+  PPT: {
+    label: "PPT",
+    accept: ".ppt,.pptx,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    mimeSet: /* @__PURE__ */ new Set([
+      "application/vnd.ms-powerpoint",
+      "application/vnd.openxmlformats-officedocument.presentationml.presentation"
+    ])
+  },
+  TXT: {
+    label: "TXT",
+    accept: ".txt,text/plain",
+    mimeSet: /* @__PURE__ */ new Set(["text/plain"])
+  },
+  ZIP: {
+    label: "压缩包",
+    accept: ".zip,.rar,.7z,application/zip,application/x-rar-compressed,application/x-7z-compressed",
+    mimeSet: /* @__PURE__ */ new Set(["application/zip", "application/x-rar-compressed", "application/x-7z-compressed"])
+  },
+  VIDEO: {
+    label: "视频",
+    accept: "video/*",
+    mimeSet: /* @__PURE__ */ new Set([
+      "video/mp4",
+      "video/quicktime",
+      "video/x-msvideo",
+      // "video/x-matroska",
+      "video/webm",
+      "video/wmv",
+      "video/flv",
+      "video/mpeg"
+    ])
+  },
+  AUDIO: {
+    label: "音频",
+    accept: "audio/*",
+    mimeSet: /* @__PURE__ */ new Set(["audio/mpeg", "audio/wav", "audio/ogg", "audio/mp3", "audio/aac", "audio/flac"])
+  }
+};
+function p(e, t) {
+  return t ? (Array.isArray(t) ? t : [t]).some((i) => {
+    const a = n[i];
+    return a == null ? void 0 : a.mimeSet.has(e);
+  }) : !0;
+}
+function r(e, t) {
+  return t ? t.split(",").some((i) => i === e) : !0;
+}
+function m(e) {
+  if (!e) return "";
+  const o = (Array.isArray(e) ? e : [e]).map((i) => {
+    var a;
+    return (a = n[i]) == null ? void 0 : a.accept;
+  }).filter(Boolean).flatMap((i) => i.split(","));
+  return Array.from(new Set(o)).join(",");
+}
+function c(e) {
+  if (!e) return "";
+  const o = (Array.isArray(e) ? e : [e]).map((i) => {
+    var a;
+    return (a = n[i]) == null ? void 0 : a.label;
+  }).filter(Boolean);
+  return Array.from(new Set(o)).join("、");
+}
+export {
+  n as ACCEPT_TYPE_MAP,
+  m as getAccept,
+  c as getAcceptLabel,
+  p as validateFileByAccept,
+  r as validateFileByCustomAccept
+};

package/lib/fe-upload-atomic/index.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Upload as t } from "antd";
+const a = (o) => /* @__PURE__ */ r(t, { ...o });
+export {
+  a as default
+};

package/lib/fe-upload-crop/index.js

@@ -0,0 +1,207 @@
+import { jsxs as B, jsx as z } from "react/jsx-runtime";
+import { Slider as ct } from "antd";
+import { useRef as G, useState as M, useEffect as J } from "react";
+/* empty css           */
+let r = null;
+const gt = (W) => {
+  const { file: R, onCrop: I, cropConfig: i } = W, y = G(null), E = G(null), [_, k] = M(!1), [N, j] = M(!1), [K, U] = M(""), [L, T] = M({ x: 0, y: 0 }), [t, b] = M({
+    x: 100,
+    y: 100,
+    width: 100,
+    height: 100
+  }), [V, P] = M("default"), [s, Q] = M({
+    width: 0,
+    height: 0,
+    scale: 1,
+    naturalWidth: 0,
+    naturalHeight: 0,
+    displayX: 0,
+    displayY: 0
+  });
+  J(() => {
+    i != null && i.width && (i != null && i.height) && b((e) => ({ ...e, width: i == null ? void 0 : i.width, height: i == null ? void 0 : i.height }));
+  }, [i == null ? void 0 : i.width, i == null ? void 0 : i.height]);
+  const X = /* @__PURE__ */ new Set(["image/jpeg", "image/png", "image/gif", "image/bmp", "image/webp", "image/svg+xml"]), Z = (e, h) => {
+    if (!e) return;
+    const n = e.getContext("2d");
+    if (!n) return;
+    E.current = n;
+    const a = new FileReader();
+    a.onload = function(c) {
+      var d;
+      r = new Image(), r.src = (d = c == null ? void 0 : c.target) == null ? void 0 : d.result, r.onload = function() {
+        const g = e, o = window.devicePixelRatio || 1, x = 500, u = 300;
+        g.width = x * o, g.height = u * o, g.style.width = `${x}px`, g.style.height = `${u}px`, n.scale(o, o);
+        const S = r.naturalWidth / r.naturalHeight, w = x / u;
+        let l, m;
+        S > w ? (l = x, m = x / S) : (m = u, l = u * S);
+        const f = (x - l) / 2, p = (u - m) / 2;
+        Q({
+          width: l,
+          height: m,
+          scale: 1,
+          naturalWidth: r.naturalWidth,
+          naturalHeight: r.naturalHeight,
+          displayX: f,
+          displayY: p
+        }), n.imageSmoothingEnabled = !0, n.imageSmoothingQuality = "high", n.drawImage(r, f, p, l, m);
+        const F = {
+          x: f + (l - ((i == null ? void 0 : i.width) ?? 100)) / 2,
+          y: p + (m - ((i == null ? void 0 : i.height) ?? 100)) / 2,
+          width: (i == null ? void 0 : i.width) ?? 100,
+          height: (i == null ? void 0 : i.height) ?? 100
+        };
+        b(F), Y();
+      };
+    }, a.readAsDataURL(h);
+  }, Y = () => {
+    const e = E.current;
+    if (!e || !y.current || !r) return;
+    const h = y.current, n = window.devicePixelRatio || 1;
+    e.clearRect(0, 0, h.width, h.height);
+    const a = s.width * s.scale, c = s.height * s.scale, d = s.displayX + (s.width - a) / 2, g = s.displayY + (s.height - c) / 2;
+    s.scale >= 1 ? (e.imageSmoothingEnabled = !0, e.imageSmoothingQuality = "high") : e.imageSmoothingEnabled = !1, e.drawImage(r, d, g, a, c), e.fillStyle = "rgba(0, 0, 0, 0.5)", e.fillRect(0, 0, h.width / n, h.height / n), e.clearRect(t.x, t.y, t.width, t.height), e.save(), e.beginPath(), e.rect(t.x, t.y, t.width, t.height), e.clip(), s.scale >= 1 ? (e.imageSmoothingEnabled = !0, e.imageSmoothingQuality = "high") : e.imageSmoothingEnabled = !1, e.drawImage(r, d, g, a, c), e.restore(), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.strokeRect(t.x, t.y, t.width, t.height);
+    const o = 10;
+    e.fillStyle = "#ffffff", [
+      { x: t.x - o / 2, y: t.y - o / 2, cursor: "nw-resize" },
+      // top-left
+      { x: t.x + t.width - o / 2, y: t.y - o / 2, cursor: "ne-resize" },
+      // top-right
+      { x: t.x - o / 2, y: t.y + t.height - o / 2, cursor: "sw-resize" },
+      // bottom-left
+      {
+        x: t.x + t.width - o / 2,
+        y: t.y + t.height - o / 2,
+        cursor: "se-resize"
+      }
+      // bottom-right
+    ].forEach((u) => {
+      e.fillRect(u.x, u.y, o, o);
+    });
+  }, q = (e, h) => {
+    const { x: a, y: c, width: d, height: g } = t;
+    return Math.abs(e - a) <= 10 && Math.abs(h - c) <= 10 ? { direction: "nw", cursor: "nw-resize" } : Math.abs(e - (a + d)) <= 10 && Math.abs(h - c) <= 10 ? { direction: "ne", cursor: "ne-resize" } : Math.abs(e - a) <= 10 && Math.abs(h - (c + g)) <= 10 ? { direction: "sw", cursor: "sw-resize" } : Math.abs(e - (a + d)) <= 10 && Math.abs(h - (c + g)) <= 10 ? { direction: "se", cursor: "se-resize" } : { direction: "", cursor: "default" };
+  }, C = (e) => {
+    if (!y.current) return;
+    const h = y.current.getBoundingClientRect(), n = e.clientX - h.left, a = e.clientY - h.top;
+    if (!_ && !N) {
+      const { cursor: S } = q(n, a);
+      P(S);
+    }
+    const c = s.width * s.scale, d = s.height * s.scale, g = s.displayX + (s.width - c) / 2, o = s.displayY + (s.height - d) / 2, x = g + c, u = o + d;
+    if (_) {
+      const S = Math.min(Math.max(n - L.x, 0), y.current.offsetWidth - t.width), w = Math.min(Math.max(a - L.y, 0), y.current.offsetHeight - t.height);
+      b((l) => ({
+        ...l,
+        x: S,
+        y: w
+      }));
+    } else if (N) {
+      let w = t.width, l = t.height, m = t.x, f = t.y;
+      switch (K) {
+        case "nw":
+          w = Math.max(50, t.x + t.width - n), l = Math.max(50, t.y + t.height - a), m = Math.max(g, n), f = Math.max(o, a), w = t.x + t.width - m, l = t.y + t.height - f;
+          break;
+        case "ne":
+          w = Math.max(50, Math.min(n - t.x, x - t.x)), l = Math.max(50, t.y + t.height - a), f = Math.max(o, a), l = t.y + t.height - f;
+          break;
+        case "sw":
+          w = Math.max(50, t.x + t.width - n), l = Math.max(50, Math.min(a - t.y, u - t.y)), m = Math.max(g, n), w = t.x + t.width - m;
+          break;
+        case "se":
+          w = Math.max(50, Math.min(n - t.x, x - t.x)), l = Math.max(50, Math.min(a - t.y, u - t.y));
+          break;
+      }
+      b((p) => ({
+        ...p,
+        x: m,
+        y: f,
+        width: w,
+        height: l
+      }));
+    }
+    Y();
+  }, tt = (e) => {
+    var d;
+    const h = (d = y.current) == null ? void 0 : d.getBoundingClientRect();
+    if (!h) return;
+    const n = e.clientX - h.left, a = e.clientY - h.top, { direction: c } = q(n, a);
+    c && !(i != null && i.width) && !(i != null && i.height) ? (j(!0), U(c)) : n >= t.x && n <= t.x + t.width && a >= t.y && a <= t.y + t.height && (k(!0), T({ x: n - t.x, y: a - t.y }));
+  }, A = () => {
+    k(!1), j(!1), U(""), P("default");
+  }, et = () => {
+    var O, $;
+    if (!y.current || !r) return;
+    const e = document.createElement("canvas"), h = e.getContext("2d");
+    if (!h) return;
+    h.imageSmoothingEnabled = !1;
+    const n = s.scale, a = s.width * n, c = s.height * n, d = s.displayX + (s.width - a) / 2, g = s.displayY + (s.height - c) / 2, o = t.x - d, x = t.y - g, u = o / a, S = x / c, w = t.width / a, l = t.height / c, m = u * r.naturalWidth, f = S * r.naturalHeight, p = w * r.naturalWidth, F = l * r.naturalHeight, at = m, st = f, v = Math.round(p), H = Math.round(F);
+    e.width = v, e.height = H, h.fillStyle = "#FFFFFF", h.fillRect(0, 0, v, H), h.drawImage(
+      r,
+      at,
+      // 从原图的这个X坐标开始
+      st,
+      // 从原图的这个Y坐标开始
+      v,
+      // 提取这么宽的区域
+      H,
+      // 提取这么高的区域
+      0,
+      // 绘制到输出canvas的(0, 0)位置
+      0,
+      v,
+      // 输出尺寸与源尺寸相同，1:1复制
+      H
+    );
+    const nt = ((O = W.file) == null ? void 0 : O.type) === "image/jpeg" ? 0.95 : 1;
+    e.toBlob(
+      (D) => {
+        if (D && I) {
+          const ht = new Image();
+          ht.src = URL.createObjectURL(D), I(D);
+        }
+      },
+      (($ = W.file) == null ? void 0 : $.type) || "image/png",
+      nt
+    );
+  }, it = (e) => {
+    Q((h) => ({ ...h, scale: e })), requestAnimationFrame(() => {
+      Y();
+    });
+  };
+  return J(() => {
+    R && (X != null && X.has(R.type)) && y.current && Z(y.current, R);
+  }, [R]), /* @__PURE__ */ B("div", { className: "uploadFile-crop", children: [
+    /* @__PURE__ */ z("div", { className: "uploadFile-crop__content", children: /* @__PURE__ */ z(
+      "canvas",
+      {
+        ref: y,
+        onMouseDown: tt,
+        onMouseMove: C,
+        onMouseUp: A,
+        onMouseLeave: A,
+        style: { cursor: V }
+      }
+    ) }),
+    /* @__PURE__ */ B("div", { className: "uploadFile-crop__toolBar", children: [
+      /* @__PURE__ */ B("div", { className: "uploadFile-crop__toolBar_scale", children: [
+        /* @__PURE__ */ z("span", { className: "toolbarTitle", children: "缩放" }),
+        /* @__PURE__ */ z("div", { style: { flex: 1 }, children: /* @__PURE__ */ z(
+          ct,
+          {
+            step: 0.01,
+            tooltip: { open: !1 },
+            value: s == null ? void 0 : s.scale,
+            max: 3,
+            min: 0.5,
+            onChange: it
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ z("button", { onClick: et, className: "crop-button", children: "裁剪" })
+    ] })
+  ] });
+};
+export {
+  gt as default
+};

package/lib/hooks/{use-auth.hook.js → use-auth.hook/index.js}

@@ -1,7 +1,7 @@
 import { useSubmit as i, useFetcher as c, useSearchParams as n } from "react-router-dom";
-import { useLayoutConfigStore as a } from "../store/modules/layout-config.store.js";
-import "../store/modules/theme.store.js";
-import { useGlobal as l } from "../fe-layouts/context/context.js";
+import { useLayoutConfigStore as a } from "../../store/modules/layout-config.store.js";
+import "../../store/modules/theme.store.js";
+import { useGlobal as l } from "../../fe-layouts/context/context.js";
 import "react/jsx-runtime";
 import "react";
 function E() {

package/lib/hooks/use-form/index.js

@@ -0,0 +1,38 @@
+import { useRef as n, useState as i, useEffect as c } from "react";
+const s = (e) => {
+  var f;
+  const l = n(), o = n(), [m, r] = i({
+    formRef: o,
+    formItems: e.formItems,
+    formData: e.formData,
+    formColSpan: e.formColSpan,
+    type: e.type,
+    labelWidth: e.labelWidth ?? "100px",
+    formReactive: e.formReactive ?? !0,
+    onValueChange: e.setFormData,
+    onSearch: e.onSearch,
+    onReload: e.onReload
+  }), u = (t) => {
+    r((d) => ({ ...d, formData: t }));
+  };
+  return c(() => {
+    u(e.formData);
+  }, [e.formData]), c(() => {
+    l.current = e.key, r((t) => ({
+      ...t,
+      formItems: e.formItems,
+      onReload: e.onReload,
+      onSearch: e.onSearch
+    }));
+  }, [e.key]), {
+    formRef: o,
+    formProps: {
+      ...m,
+      baseFormAttributes: e.baseFormAttributes
+    },
+    validate: (f = o.current) == null ? void 0 : f.validate
+  };
+};
+export {
+  s as default
+};

package/lib/hooks/use-permission.hook/index.js

@@ -0,0 +1,9 @@
+import { createContext as e, useContext as s } from "react";
+const t = e({
+  btnPermissionList: [],
+  hasPermission: () => !0
+}), i = () => s(t);
+export {
+  t as default,
+  i as usePermission
+};