@spacego/fe-components 0.1.1 → 0.2.1

package/lib/fe-panel/index.js

@@ -0,0 +1,49 @@
+import { jsx as r, jsxs as n, Fragment as y } from "react/jsx-runtime";
+import { classnames as B } from "@spacego/turbo-utils";
+import { Space as N } from "antd";
+import { useState as g, useMemo as i } from "react";
+import S from "./fe-panel-toolbar.js";
+import _ from "./use-panel-context.js";
+/* empty css           */
+const j = (e) => {
+  var o;
+  const { toolBarConfig: l, toolBarRender: d } = e, [m, s] = g(null), a = i(() => (l == null ? void 0 : l.filter((t) => {
+    var c;
+    return !((c = t.hidden) != null && c.call(t));
+  })) ?? [], [l]), h = i(() => !!e.title || !!e.toolBarRender || !!a.length, [e.title, e.toolBarRender, a]), u = i(() => {
+    var t;
+    return e.type === "search" ? "0 !important" : ((t = e.wrapperStyle) == null ? void 0 : t.paddingBottom) ?? "12px";
+  }, [e.type, (o = e.wrapperStyle) == null ? void 0 : o.paddingBottom]), f = () => {
+    let t;
+    return d ? t = d : a && a.length && (t = /* @__PURE__ */ r(S, { config: a })), /* @__PURE__ */ n(y, { children: [
+      t,
+      m
+    ] });
+  }, v = (t) => {
+    s(t);
+  }, x = () => /* @__PURE__ */ r("div", { className: "header", children: /* @__PURE__ */ n(N, { children: [
+    /* @__PURE__ */ r("div", { className: "header__title", children: e.title ?? "" }),
+    e.subTitle && /* @__PURE__ */ r("div", { className: "header__subTitle", children: e.subTitle })
+  ] }) });
+  return /* @__PURE__ */ r(_.Provider, { value: { renderExtraDom: v }, children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: B("fe-panel", e.wrapperClassName),
+      style: {
+        ...e.wrapperStyle ?? {},
+        paddingBottom: u,
+        ...e != null && e.isSticky ? { position: "sticky", top: 0, left: 0, zIndex: 100 } : {}
+      },
+      children: [
+        h && /* @__PURE__ */ n("div", { className: "header", children: [
+          x(),
+          /* @__PURE__ */ r("div", { className: "header__operate", children: f() })
+        ] }),
+        !!e.children && /* @__PURE__ */ r("div", { className: "body", children: e.children })
+      ]
+    }
+  ) });
+};
+export {
+  j as default
+};

package/lib/fe-panel/use-panel-context.js

@@ -0,0 +1,9 @@
+import { createContext as e, useContext as t } from "react";
+const o = e({
+  renderExtraDom: () => {
+  }
+}), r = () => t(o);
+export {
+  o as default,
+  r as usePanelContext
+};

package/lib/fe-permission/index.js

@@ -0,0 +1,12 @@
+import { jsx as n, Fragment as s } from "react/jsx-runtime";
+import { useMemo as r } from "react";
+import { usePermission as m } from "../hooks/use-permission.hook/index.js";
+const u = (i) => {
+  i = { ...i }, i.permission = i.permission ?? i.btnPermission;
+  const { btnPermissionList: e } = m();
+  return r(() => !i.permission || !e || e.length === 0 ? !0 : e.includes(i.permission), [e, i.permission]) ? /* @__PURE__ */ n(s, { children: i.children }) : /* @__PURE__ */ n(s, { children: i.fallback });
+};
+export {
+  u as FePermission,
+  u as default
+};

package/lib/fe-permission-provider/index.js

@@ -0,0 +1,29 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useCallback as o } from "react";
+import P from "../hooks/use-permission.hook/index.js";
+const l = (i) => {
+  i = { ...i }, i.btnPermissionList = i.btnPermissionList ?? [];
+  const n = o(
+    (e) => {
+      var t;
+      return Array.isArray(e) ? e.every((s) => {
+        var r;
+        return ((r = i.btnPermissionList) == null ? void 0 : r.includes(s)) ?? !0;
+      }) : ((t = i.btnPermissionList) == null ? void 0 : t.includes(e)) ?? !0;
+    },
+    [i.btnPermissionList]
+  );
+  return /* @__PURE__ */ m(
+    P.Provider,
+    {
+      value: {
+        btnPermissionList: i.btnPermissionList,
+        hasPermission: n
+      },
+      children: i.children
+    }
+  );
+};
+export {
+  l as default
+};

package/lib/fe-radio/index.js

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

package/lib/fe-radio-group/index.js

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

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

@@ -0,0 +1,293 @@
+import { jsx as ye } from "react/jsx-runtime";
+import { isEqual as I } from "lodash-es";
+import te from "quill";
+import { forwardRef as xe, useMemo as N, useRef as w, useState as ne, useCallback as G, useEffect as z, useImperativeHandle as Se } from "react";
+/* empty css                                                                       */
+/* empty css                                                                         */
+function we(t, a = 4) {
+  return {
+    getHTML: () => t.root.innerHTML,
+    getDisplayHTML: () => He(t.root.innerHTML, a),
+    getLength: t.getLength.bind(t),
+    getText: t.getText.bind(t),
+    getContents: t.getContents.bind(t),
+    getSelection: t.getSelection.bind(t),
+    getBounds: t.getBounds.bind(t)
+  };
+}
+function re(t) {
+  Promise.resolve().then(t);
+}
+function ce() {
+  if (typeof navigator > "u")
+    return { os: "other", isMac: !1, isWindows: !1, defaultTabSize: 4 };
+  const t = navigator.userAgent.toLowerCase(), a = navigator.platform.toLowerCase();
+  let c = "other", i = 4;
+  return a.includes("mac") || t.includes("macintosh") || t.includes("mac os") ? (c = "mac", i = 4) : a.includes("win") || t.includes("windows") ? (c = "windows", i = 4) : t.includes("linux") && (c = "linux", i = 4), {
+    os: c,
+    isMac: c === "mac",
+    isWindows: c === "windows",
+    defaultTabSize: i
+  };
+}
+function Te() {
+  const t = ce();
+  return t.os === "linux" ? "other" : t.os;
+}
+function Ee(t, a = 4) {
+  const c = t.getSelection();
+  if (!c) return;
+  const i = " ".repeat(a);
+  t.clipboard.dangerouslyPasteHTML(c.index, i), t.setSelection(c.index + a);
+}
+function Ce(t, a = 4) {
+  const c = t.getSelection();
+  if (!c) return;
+  const i = t.getLine(c.index);
+  if (!i || !i[0]) return;
+  const l = i[0].domNode.textContent || "", S = c.index - i[1];
+  let f = 0;
+  for (let p = 0; p < Math.min(a, l.length) && (l[p] === " " || l[p] === " "); p++)
+    f++;
+  if (f > 0) {
+    t.deleteText(S, f);
+    const p = Math.max(S, c.index - f);
+    t.setSelection(p);
+  }
+}
+function Le(t) {
+  const a = Te();
+  return !!(t.key === "Tab" || a === "mac" && (t.key === "Tab" && !t.metaKey && !t.ctrlKey || t.key === "Tab" && t.altKey && !t.metaKey) || a === "windows" && t.key === "Tab" && !t.ctrlKey && !t.altKey);
+}
+function Me(t, a = 4) {
+  return typeof t != "string" ? t : t.replace(/\t/g, "&nbsp;".repeat(a)).replace(/(<p[^>]*>)(\s+)/g, (c, i, l) => i + "&nbsp;".repeat(l.length)).replace(/(<div[^>]*>)(\s+)/g, (c, i, l) => i + "&nbsp;".repeat(l.length)).replace(/^(\s+)/gm, (c, i) => "&nbsp;".repeat(i.length)).replace(/>(\s+)([^<\s])/g, (c, i, l) => ">" + "&nbsp;".repeat(i.length) + l).replace(/ {2,}/g, (c) => "&nbsp;".repeat(c.length)).replace(/\n(\s+)/g, (c, i) => `
+` + "&nbsp;".repeat(i.length));
+}
+function He(t, a = 4) {
+  return typeof t != "string" ? t : t.replace(new RegExp(`(&nbsp;){${a}}`, "g"), "	").replace(/&nbsp;/g, " ").replace(/\u00A0/g, " ").replace(/>\s+</g, "><").replace(/(<p[^>]*>)\s+/g, "$1").replace(/\s+(<\/p>)/g, "$1");
+}
+const se = xe((t, a) => {
+  const {
+    value: c,
+    defaultValue: i,
+    onChange: l,
+    onChangeSelection: S,
+    onFocus: f,
+    onBlur: p,
+    onKeyDown: F,
+    onKeyPress: ie,
+    onKeyUp: oe,
+    height: P = 300,
+    readOnly: A = !1,
+    placeholder: J = "请输入内容...",
+    theme: T = "snow",
+    formats: E,
+    modules: C,
+    bounds: L,
+    scrollingContainer: M,
+    tabIndex: Q,
+    tabSize: ae,
+    // 如果用户没有指定，将使用平台默认值
+    preserveWhitespace: X = !1,
+    style: Y,
+    className: ue = "",
+    id: le,
+    children: j,
+    uploadToolConfig: H
+  } = t, ge = N(() => ce(), []), h = ae ?? ge.defaultTabSize, b = w(null), n = w(null), D = w(null), [pe, de] = ne(0), [y, Z] = ne(!1), K = w(""), O = w(null), V = w(null), _ = c !== void 0, k = G((e) => e && typeof e == "object" && e.ops, []), R = G(
+    (e, r) => k(e) && k(r) ? I(e.ops, r.ops) : I(e, r),
+    [k]
+  ), U = {
+    uploadFn: H == null ? void 0 : H.uploadFn,
+    size: H == null ? void 0 : H.imageConfig.size,
+    accept: "image/png, image/gif, image/jpeg, image/bmp, image/x-icon"
+  }, q = (e, r) => {
+    const { uploadFn: o, size: s } = r;
+    if (e && e.size > s)
+      throw new Error(`上传文件大小超过：${s}B！`);
+    if (!(/* @__PURE__ */ new Set([
+      "image/jpeg",
+      "image/png",
+      "image/gif",
+      "image/bmp",
+      "image/webp",
+      "image/svg+xml"
+    ])).has(e.type))
+      throw new Error("上传文件类型只能为图片格式！");
+    return o(e);
+  }, fe = (e, r) => {
+    var o;
+    (o = e == null ? void 0 : e.root) == null || o.addEventListener(
+      "paste",
+      (s) => {
+        s.clipboardData && s.clipboardData.files && s.clipboardData.files.length && (s.preventDefault(), [].forEach.call(s.clipboardData.files, async (m) => {
+          var g, d, x, v;
+          const u = await q(m, U);
+          if (u != null && u.url) {
+            const ee = ((d = (g = r == null ? void 0 : r.current) == null ? void 0 : g.getSelection(!0)) == null ? void 0 : d.index) ?? 1;
+            (x = r == null ? void 0 : r.current) == null || x.insertEmbed(ee, "image", u == null ? void 0 : u.url), (v = r == null ? void 0 : r.current) == null || v.setSelection(ee + 1);
+          }
+        }));
+      },
+      !0
+    );
+  }, me = {
+    image: () => {
+      var r;
+      let e = (r = b == null ? void 0 : b.current) == null ? void 0 : r.querySelector("input.ql-image[type=file]");
+      e === null && (e = document.createElement("input"), e.setAttribute("type", "file"), e.setAttribute("name", "file"), e.setAttribute("accept", U.accept), e.classList.add("ql-image"), e.addEventListener("change", async () => {
+        var s, m, u, g;
+        const o = await q(e == null ? void 0 : e.files[0], U);
+        if (o != null && o.url) {
+          const d = ((m = (s = n == null ? void 0 : n.current) == null ? void 0 : s.getSelection(!0)) == null ? void 0 : m.index) ?? 1;
+          (u = n == null ? void 0 : n.current) == null || u.insertEmbed(d, "image", o == null ? void 0 : o.url), (g = n == null ? void 0 : n.current) == null || g.setSelection(d + 1);
+        }
+      })), e == null || e.click();
+    }
+  }, W = N(
+    () => ({
+      bounds: L,
+      formats: E,
+      modules: {
+        toolbar: {
+          container: [
+            [{ header: [1, 2, 3, 4, 5, 6, !1] }],
+            ["bold", "italic", "underline", "strike"],
+            [{ list: "ordered" }, { list: "bullet" }],
+            [{ align: [] }],
+            [{ color: [] }, { background: [] }],
+            ["link", "image"],
+            ["clean"]
+          ],
+          handlers: me
+        },
+        ...C
+      },
+      placeholder: J,
+      readOnly: A,
+      scrollingContainer: M,
+      tabIndex: Q,
+      theme: T
+    }),
+    [L, E, J, A, M, Q, T, JSON.stringify(C)]
+  ), B = N(
+    () => [L, E, C, T, M],
+    [L, E, C, T, M]
+  ), $ = w(null), he = N(
+    () => ({
+      ...Y,
+      height: typeof P == "number" ? `${P}px` : P,
+      display: "flex",
+      flexDirection: "column"
+    }),
+    [Y, P]
+  ), be = G(
+    (e) => {
+      if (Le(e) && !e.shiftKey && n.current) {
+        e.preventDefault(), Ee(n.current, h);
+        return;
+      }
+      if (e.key === "Tab" && e.shiftKey && n.current) {
+        e.preventDefault(), Ce(n.current, h);
+        return;
+      }
+      F == null || F(e);
+    },
+    [F, h]
+  );
+  return z(() => {
+    if (!b.current) return;
+    let e;
+    if (j)
+      e = new te(b.current, W);
+    else {
+      const r = document.createElement(X ? "pre" : "div");
+      b.current.innerHTML = "", b.current.appendChild(r), e = new te(r, W);
+    }
+    if (n.current = e, D.current = we(e, h), $.current) {
+      const { delta: r, selection: o } = $.current;
+      e.setContents(r), o && re(() => {
+        e.setSelection(o);
+      }), $.current = null;
+    }
+    return fe(e, n), Z(!0), () => {
+      n.current = null, D.current = null, Z(!1);
+    };
+  }, [pe, j, X, W, h]), z(() => {
+    if (!n.current || !y) return;
+    B.some((r, o) => !I(B[o], [L, E, C, T, M][o])) && ($.current = {
+      delta: n.current.getContents(),
+      selection: n.current.getSelection()
+    }, de((r) => r + 1));
+  }, [B, L, E, C, T, M, y]), z(() => {
+    !n.current || !y || (A ? n.current.disable() : n.current.enable());
+  }, [A, y]), z(() => {
+    if (!n.current || !y) return;
+    const e = _ ? c : K.current || i;
+    if (!R(e, K.current)) {
+      if (V.current && e === V.current) {
+        console.error("FeRichText: 你正在将onChange事件返回的delta对象作为value传回，这可能导致无限循环。请使用editor.getContents()代替。");
+        return;
+      }
+      K.current = e ?? "";
+      const r = n.current, o = r.getSelection();
+      if (typeof e == "string") {
+        const s = Me(e, h);
+        r.clipboard.dangerouslyPasteHTML(s);
+      } else
+        r.setContents(e);
+      o && re(() => {
+        var s;
+        (s = n.current) == null || s.setSelection(o);
+      });
+    }
+  }, [c, i, _, R, y, h]), z(() => {
+    const e = n.current;
+    if (!e || !y) return;
+    const r = (s, m, u) => {
+      if (!n.current) return;
+      const g = n.current, d = D.current;
+      if (!d) return;
+      const x = g.root.innerHTML;
+      K.current = k(K.current) ? g.getContents() : x, V.current = s, l == null || l(x, s, u, d);
+    }, o = (s, m, u) => {
+      if (!n.current || !D.current) return;
+      const g = D.current, d = !!s, x = !!m;
+      !I(s, O.current) && (O.current = s, S == null || S(s, u, g), !x && d ? f == null || f(s, u, g) : x && !d && (p == null || p(m, u, g)));
+    };
+    return e.on("text-change", r), e.on("selection-change", o), () => {
+      e.off("text-change", r), e.off("selection-change", o);
+    };
+  }, [y, l, S, f, p, k, h]), Se(
+    a,
+    () => ({
+      focus: () => {
+        var e;
+        (e = n.current) == null || e.focus();
+      },
+      blur: () => {
+        n.current && (O.current = null, n.current.blur());
+      },
+      getEditor: () => n.current,
+      getUnprivilegedEditor: () => D.current
+    }),
+    []
+  ), /* @__PURE__ */ ye(
+    "div",
+    {
+      id: le,
+      ref: b,
+      style: he,
+      className: `fe-editor ${ue}`,
+      onKeyDown: be,
+      onKeyPress: ie,
+      onKeyUp: oe,
+      children: j
+    }
+  );
+});
+se.displayName = "FeRichText";
+const Ae = se;
+export {
+  Ae as default
+};

package/lib/fe-select/index.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Select as m, Empty as d } from "antd";
+const c = (t) => {
+  t = { ...t }, t.minWidth = t.minWidth ?? "200px";
+  const a = () => {
+    const { minWidth: e, ...n } = t;
+    return n;
+  }, h = (e, n) => {
+    t.onChange && t.onChange(e, n);
+  };
+  return /* @__PURE__ */ i(
+    m,
+    {
+      ...a(),
+      value: t.value,
+      style: { ...t.style, minWidth: t.minWidth },
+      onChange: h,
+      notFoundContent: /* @__PURE__ */ i(d, { description: "暂无数据" })
+    }
+  );
+};
+export {
+  c as default
+};

package/lib/fe-switch/index.js

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

package/lib/fe-table/fe-edit-table/index.js

@@ -0,0 +1,39 @@
+import { jsx as u } from "react/jsx-runtime";
+import { Form as r } from "antd";
+import { isEqual as o } from "lodash-es";
+import { useMemo as F, useImperativeHandle as f, useEffect as V } from "react";
+import c from "../fe-normal-table/index.js";
+const v = (t) => {
+  const [a] = r.useForm(), n = t.formData, d = F(() => ({
+    ...a,
+    setFieldsValue: (e) => {
+      var l;
+      a.setFieldsValue(e), (l = t.onInternalStateChange) == null || l.call(t, { values: e, record: {} });
+    },
+    setFieldValue: (e, l) => {
+      var i;
+      a.setFieldValue(e, l), (i = t.onInternalStateChange) == null || i.call(t, { values: { [e]: l }, record: a.getFieldsValue() });
+    }
+  }), [a]), m = (e, l) => {
+    var i;
+    (i = t.onTableValueChange) == null || i.call(t, { values: e, record: l });
+  }, s = () => {
+    a.resetFields();
+  };
+  return f(t.formRef, () => ({
+    validate: async (e) => e ? a.validateFields([e]) : a.validateFields(),
+    setFieldsValue: (e) => {
+      d.setFieldsValue(e);
+    },
+    setFieldValue: (e, l) => {
+      d.setFieldValue(e, l);
+    },
+    onReload: s
+  })), V(() => {
+    const e = a.getFieldsValue();
+    o(e, n) || a.setFieldsValue(n);
+  }, [JSON.stringify(n), a, t.editTable]), /* @__PURE__ */ u(r, { form: d, onValuesChange: m, children: /* @__PURE__ */ u(c, { ...t }) });
+};
+export {
+  v as default
+};

package/lib/fe-table/fe-edit-table-cell/index.js

@@ -0,0 +1,63 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as C } from "react";
+import "@ant-design/icons";
+import "../../store/modules/layout-config.store.js";
+import "../../store/modules/theme.store.js";
+import "react-router-dom";
+import "../../fe-layouts/context/context.js";
+import "nprogress";
+import "../../hooks/use-permission.hook/index.js";
+import "antd";
+import "@spacego/turbo-utils";
+/* empty css                       */
+import "lodash-es";
+import "../../fe-form/fe-form-date-range-picker/index.js";
+import y from "../../fe-form/fe-form-input/index.js";
+import I from "../../fe-form/fe-form-input-number/index.js";
+import P from "../../fe-form/fe-form-radio/index.js";
+import "../../fe-rich-text/index.js";
+import R from "../../fe-form/fe-form-select/index.js";
+import "../../fe-text-area/index.js";
+/* empty css                              */
+/* empty css                         */
+/* empty css                               */
+import "@spacego/zustand";
+import "react-icons/fa6";
+import "react-icons/io5";
+import "react-icons/lu";
+import "react-icons/md";
+/* empty css                                      */
+import "../../fe-layouts/basics-layout/index.js";
+/* empty css                            */
+/* empty css                          */
+/* empty css                      */
+import "react-draggable";
+import "../../fe-panel/use-panel-context.js";
+/* empty css                        */
+import "../../_virtual/index.js";
+import "ahooks";
+import "../fe-table-setting/index.js";
+import { useTableFormContext as g } from "../use-table-form-context/index.js";
+const ur = C((d) => {
+  const { editing: l, dataIndex: c, label: a, children: p, formProps: r, record: t, rowKey: e, ...u } = d, { enhanceRules: F, enhanceFormProps: f } = g();
+  return /* @__PURE__ */ i("td", { ...u, children: (() => {
+    var s;
+    if (!l) return p;
+    const h = F((r == null ? void 0 : r.rules) || [], t, e), n = {
+      ...f(r, t, e),
+      needLabel: !1,
+      dataIndex: c + "_" + t[e],
+      label: a,
+      rules: h
+    }, b = { paddingTop: "15px" }, o = (x) => /* @__PURE__ */ i("div", { style: b, children: /* @__PURE__ */ i(x, { ...n }) }), m = {
+      input: () => o(y),
+      select: () => o(R),
+      inputNumber: () => o(I),
+      radio: () => o(P)
+    };
+    return ((s = m[n.type]) == null ? void 0 : s.call(m)) || p;
+  })() });
+});
+export {
+  ur as default
+};

package/lib/fe-table/fe-head-title/index.js

@@ -0,0 +1,9 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Space as i } from "antd";
+const n = (t) => /* @__PURE__ */ e("div", { className: "fe-table-header-title", children: /* @__PURE__ */ e("div", { className: "fe-table-header-title-left", children: /* @__PURE__ */ l(i, { children: [
+  /* @__PURE__ */ e("span", { children: t.title }),
+  /* @__PURE__ */ e("span", { style: { color: "#333", fontSize: "12px", fontWeight: "normal" }, children: t.subTitle })
+] }) }) });
+export {
+  n as default
+};