@spacego/fe-components 0.1.1 → 0.2.1

package/lib/fe-layouts/auth-layout/index.js

@@ -14,16 +14,34 @@ import { useThemeStore as M } from "../../store/modules/theme.store.js";
 import { THEME_COLORS as j } from "../../config/theme.js";
 import { useGlobal as O } from "../context/context.js";
 import "nprogress";
-/* empty css           */
-import "../basics-layout/index.js";
+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 "../../fe-rich-text/index.js";
+import "../../fe-text-area/index.js";
+/* empty css                              */
+/* empty css                         */
+/* empty css                               */
+/* empty css           */
+import "../basics-layout/index.js";
+/* empty css                            */
 /* empty css                          */
-function Z() {
-  const { appName: n, logo: c, description: m, descriptionDetail: f, copyright: a } = O(), { theme: s, themeColor: d, TOGGLE_THEME: h, SET_THEME_COLOR: x } = M(N(["theme", "themeColor", "TOGGLE_THEME", "SET_THEME_COLOR"])), [o, i] = b(!1), p = (r) => {
-    const l = r.currentTarget.getBoundingClientRect(), u = l.left + l.width / 2, g = l.top + l.height / 2;
+/* empty css                      */
+import "react-draggable";
+import "../../fe-panel/use-panel-context.js";
+/* empty css                        */
+import "../../_virtual/index.js";
+import "../../fe-table/fe-edit-table-cell/index.js";
+import "ahooks";
+import "../../fe-table/fe-table-setting/index.js";
+function ge() {
+  const { appName: m, logo: n, description: c, descriptionDetail: p, copyright: a } = O(), { theme: s, themeColor: f, TOGGLE_THEME: d, SET_THEME_COLOR: h } = M(N(["theme", "themeColor", "TOGGLE_THEME", "SET_THEME_COLOR"])), [l, i] = b(!1), x = (r) => {
+    const o = r.currentTarget.getBoundingClientRect(), u = o.left + o.width / 2, g = o.top + o.height / 2;
     L(s === "light" ? "dark" : "light", u, g).then(() => {
-      h();
+      d();
     });
   };
   return /* @__PURE__ */ t("div", { className: "flex min-h-full flex-1 select-none overflow-x-hidden", children: [
@@ -37,10 +55,10 @@ function Z() {
             {
               className: "flex overflow-hidden items-center gap-3 whitespace-nowrap origin-right",
               style: {
-                width: o ? "224px" : "0",
+                width: l ? "224px" : "0",
                 // 7个颜色(20px) + 6个gap(12px) = 140 + 72 = 212px
-                transform: `scaleX(${o ? 1 : 0})`,
-                opacity: o ? 1 : 0,
+                transform: `scaleX(${l ? 1 : 0})`,
+                opacity: l ? 1 : 0,
                 transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
               },
               onMouseEnter: () => i(!0),
@@ -50,8 +68,8 @@ function Z() {
                 {
                   className: "w-5 h-5 rounded-full flex items-center justify-center cursor-pointer hover-scale-animation shrink-0",
                   style: { backgroundColor: r },
-                  onClick: () => x(r),
-                  children: d === r && /* @__PURE__ */ e(y, { className: "size-[10px] text-white" })
+                  onClick: () => h(r),
+                  children: f === r && /* @__PURE__ */ e(y, { className: "size-[10px] text-white" })
                 },
                 r
               ))
@@ -67,21 +85,21 @@ function Z() {
                 children: /* @__PURE__ */ e(k, { className: "h-[16px] w-[16px] text-(--color-primary)" })
               }
             ),
-            /* @__PURE__ */ e("div", { className: "w-8 h-8 flex items-center justify-center cursor-pointer hover-scale-animation", onClick: p, children: s === "dark" ? /* @__PURE__ */ e(T, { className: "h-[18px] w-[18px]" }) : /* @__PURE__ */ e(w, { className: "h-[18px] w-[18px]" }) })
+            /* @__PURE__ */ e("div", { className: "w-8 h-8 flex items-center justify-center cursor-pointer hover-scale-animation", onClick: x, children: s === "dark" ? /* @__PURE__ */ e(T, { className: "h-[18px] w-[18px]" }) : /* @__PURE__ */ e(w, { className: "h-[18px] w-[18px]" }) })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e("div", { className: "absolute left-0 top-0 z-10 flex flex-1", children: /* @__PURE__ */ e("div", { className: "text-foreground lg:text-foreground ml-4 mt-4 flex flex-1 items-center sm:left-6 sm:top-6", children: /* @__PURE__ */ t("div", { className: "m-0 text-xl font-medium flex items-center gap-2 text-[#333] dark:text-[#f2f2f2]", children: [
-      c,
-      n
+      n,
+      m
     ] }) }) }),
     /* @__PURE__ */ e("div", { className: "relative hidden w-0 flex-1 lg:block", children: /* @__PURE__ */ t("div", { className: "bg-background-deep absolute inset-0 h-full w-full dark:bg-[#070709]!", children: [
       /* @__PURE__ */ e("div", { className: "login-background absolute left-0 top-0 size-full" }),
       /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center mr-20 h-full -enter-x", children: [
         /* @__PURE__ */ e(C, { className: "animate-float h-64 w-2/5" }),
-        /* @__PURE__ */ e("div", { className: "text-1xl mt-6 font-sans lg:text-2xl text-[#333] dark:text-[#f2f2f2]", children: m }),
-        /* @__PURE__ */ e("div", { className: "mt-2 text-[#323639] dark:text-[#a1a1aa]", children: f })
+        /* @__PURE__ */ e("div", { className: "text-1xl mt-6 font-sans lg:text-2xl text-[#333] dark:text-[#f2f2f2]", children: c }),
+        /* @__PURE__ */ e("div", { className: "mt-2 text-[#323639] dark:text-[#a1a1aa]", children: p })
       ] })
     ] }) }),
     /* @__PURE__ */ t("div", { className: "login-side flex flex-col items-center justify-center relative px-6 py-10 lg:flex-initial lg:px-8 min-h-full w-2/5 flex-1 dark:bg-[#14161a]", children: [
@@ -94,5 +112,5 @@ function Z() {
   ] });
 }
 export {
-  Z as default
+  ge as default
 };

package/lib/fe-layouts/basics-layout/index.js

@@ -3,8 +3,9 @@ import { useSelector as y } from "@spacego/zustand";
 import { Layout as g, Spin as Z } from "antd";
 import { useMemo as d, useEffect as $ } from "react";
 import { useLocation as ee, useNavigate as te, Outlet as oe } from "react-router-dom";
-import { useAuth as ne } from "../../hooks/use-auth.hook.js";
+import { useAuth as ne } from "../../hooks/use-auth.hook/index.js";
 import "nprogress";
+import "../../hooks/use-permission.hook/index.js";
 import { useLayoutConfigStore as re } from "../../store/modules/layout-config.store.js";
 import { useThemeStore as ae } from "../../store/modules/theme.store.js";
 import { useGlobal as se } from "../context/context.js";
@@ -12,7 +13,6 @@ import ie from "./components/basics-layout/header.js";
 import le from "./components/basics-layout/sidebar.js";
 import ce from "./components/basics-layout/tabs.js";
 import { findRouteByPath as b, findMenuParentKeys as ue, buildRouteMap as fe, findParentRoutes as de, findMenuByKey as me } from "./components/utils/index.js";
-/* empty css                            */
 /* empty css           */
 const { Content: he } = g;
 function Ke() {

package/lib/fe-layouts/layout.js

@@ -1,54 +1,72 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useSelector as i } from "@spacego/zustand";
-import { theme as n, ConfigProvider as c, Spin as u } from "antd";
+import { theme as p, ConfigProvider as c, Spin as u } from "antd";
 import { useMemo as g } from "react";
 import "@ant-design/icons";
 import { getRealTheme as d } from "../utils/theme.js";
 import { useLayoutConfigStore as C } from "../store/modules/layout-config.store.js";
 import { useThemeStore as y } from "../store/modules/theme.store.js";
-import p from "../config/theme.js";
+import n from "../config/theme.js";
 import "react-router-dom";
 import "./context/context.js";
 import k from "./context/global-context.provider.js";
-import { useNProgress as L } from "../hooks/use-nprogress.hook.js";
+import { useNProgress as L } from "../hooks/use-nprogress.hook/index.js";
+import "../hooks/use-permission.hook/index.js";
+import "@spacego/turbo-utils";
+/* empty css                    */
+import "lodash-es";
+import "../fe-form/fe-form-date-range-picker/index.js";
+import "../fe-rich-text/index.js";
+import "../fe-text-area/index.js";
+/* empty css                           */
+/* empty css                      */
+/* empty css                            */
 import M from "./auth-layout/index.js";
 import T from "./basics-layout/index.js";
 import b from "./blank-layout/index.js";
-import "@spacego/turbo-utils";
+/* empty css                         */
 /* empty css                       */
-function I(a) {
-  const { layoutType: e, ...s } = a, { loadingConfig: l } = C(i(["loadingConfig"])), { theme: r, themeColor: t } = y(i(["theme", "themeColor"]));
+/* empty css                   */
+import "react-draggable";
+import "../fe-panel/use-panel-context.js";
+/* empty css                     */
+import "../_virtual/index.js";
+import "../fe-table/fe-edit-table-cell/index.js";
+import "ahooks";
+import "../fe-table/fe-table-setting/index.js";
+function no(a) {
+  const { layoutType: r, ...s } = a, { loadingConfig: l } = C(i(["loadingConfig"])), { theme: t, themeColor: m } = y(i(["theme", "themeColor"]));
   L();
   const f = g(() => {
-    const h = d(r);
+    const h = d(t);
     return {
       cssVar: {
         prefix: "ant"
       },
       // 启用 CSS 变量模式，生成 --ant-color-primary 等变量
-      algorithm: h === "dark" ? n.darkAlgorithm : n.defaultAlgorithm,
+      algorithm: h === "dark" ? p.darkAlgorithm : p.defaultAlgorithm,
       token: {
-        colorPrimary: t,
-        ...p.token
+        colorPrimary: m,
+        ...n.token
       },
       components: {
-        ...p.components
+        ...n.components
       }
     };
-  }, [r, t]), m = (/* @__PURE__ */ new Map([
+  }, [t, m]), e = (/* @__PURE__ */ new Map([
     ["blank", b],
     ["basic", T],
     ["auth", M]
-  ])).get(e);
+  ])).get(r);
   return /* @__PURE__ */ o(c, { theme: f, children: /* @__PURE__ */ o(k, { ...s, children: /* @__PURE__ */ o(
     u,
     {
-      spinning: l.show && e !== "basic",
+      spinning: l.show && r !== "basic",
       wrapperClassName: "spin-wrapper-full",
-      children: m && /* @__PURE__ */ o(m, {}, e)
+      children: e && /* @__PURE__ */ o(e, {}, r)
     }
   ) }) });
 }
 export {
-  I as default
+  no as default
 };

package/lib/fe-link/index.js

@@ -0,0 +1,23 @@
+import { jsx as n } from "react/jsx-runtime";
+import { classnames as a } from "@spacego/turbo-utils";
+import { FePermission as c } from "../fe-permission/index.js";
+/* empty css           */
+const f = (e) => {
+  var i;
+  const t = (l) => {
+    l.stopPropagation(), !e.disabled && e.onClick && e.onClick(l);
+  };
+  return /* @__PURE__ */ n(c, { ...e, children: /* @__PURE__ */ n(
+    "span",
+    {
+      ...e,
+      className: a("fe-link", e.className),
+      onClick: t,
+      style: { ...e.style, color: e.disabled ? "#bfbfbf" : (i = e.style) == null ? void 0 : i.color },
+      children: e.children
+    }
+  ) });
+};
+export {
+  f as default
+};

package/lib/fe-map/index.js

@@ -0,0 +1,263 @@
+import { jsx as d, jsxs as $ } from "react/jsx-runtime";
+import { Select as A, Empty as O, Input as X, message as Y } from "antd";
+import { useState as P, useRef as x, useEffect as Z } from "react";
+import ee from "../fe-error-block/index.js";
+/* empty css           */
+const re = (v) => {
+  const l = window.AMap, [M, j] = P(null), [z, F] = P(), h = x(null), f = x(null), b = x([]), [G, p] = P({
+    provinceValue: [],
+    cityValue: [],
+    districtValue: [],
+    streetValue: [],
+    provinceOptions: [],
+    cityOptions: [],
+    districtOptions: [],
+    streetOptions: []
+  }), {
+    provinceOptions: K,
+    cityOptions: _,
+    districtOptions: B,
+    streetOptions: R,
+    provinceValue: w,
+    cityValue: y,
+    districtValue: C,
+    streetValue: q
+  } = G, V = x(/* @__PURE__ */ new Map()), H = () => {
+    if (!document.getElementById("fe-map-container")) {
+      console.error("dom is not exist!");
+      return;
+    }
+    const { addressPoi: e = [] } = v, t = new l.Map("fe-map-container", { resizeEnable: !0 });
+    h.current = t, t.setDefaultCursor("pointer"), l.plugin(["AMap.PlaceSearch", "AMap.AutoComplete", "AMap.Geocoder", "AMap.DistrictSearch"], function() {
+      J(), Q(e), T();
+    });
+  }, I = ({ name: e, address: t }) => new l.InfoWindow({
+    anchor: "top-center",
+    content: `<div class="infoWindow"><div class='addressContent'>地址名称：${e}</div><div class='addressContent'>地址详情：${t}</div></div>`
+  }), J = () => {
+    const e = h.current, t = new l.AutoComplete({ input: "tip-input" }), o = new l.PlaceSearch({ map: e });
+    t.on("select", r);
+    function r(c) {
+      console.log(c), o.setCity(c.poi.adcode), o.search(c.poi.name, (i, n) => {
+        var s;
+        for (let a = 0; a < ((s = n == null ? void 0 : n.poiList.pois) == null ? void 0 : s.length); a++) {
+          const u = n.poiList.pois[a];
+          N(u, (m) => {
+            const g = new l.Marker({
+              map: e,
+              position: [u.location.lng, u.location.lat],
+              icon: "https://pictures.guanggujinxin.com/common/poi-marker-red.png",
+              offset: new l.Pixel(-25, -65),
+              zIndex: 999
+            }), L = I({ name: u.name, address: m });
+            g.on("click", function() {
+              k(u), L.open(e, g.getPosition());
+            }), (c.poi.name === n.poiList.pois[a].name || a === 0) && (L.open(e, g.getPosition()), e.setCenter(g.getPosition()), k(u));
+          });
+        }
+      });
+    }
+  }, Q = (e = []) => {
+    const t = h.current;
+    Array.isArray(e) && e.length > 0 && (f.current = new l.Marker({
+      position: e,
+      icon: "https://pictures.guanggujinxin.com/common/poi-marker-default.png",
+      offset: new l.Pixel(-13, -30)
+    }), f.current.setMap(t), t.setCenter(e)), t.on("click", function(o) {
+      W(o, t);
+    });
+  }, W = (e, t) => {
+    console.log(e, 122);
+    const o = new l.Geocoder({ city: "全国" }), r = [e.lnglat.getLng(), e.lnglat.getLat()];
+    f.current && (f.current.setMap(null), f.current = null), f.current = new l.Marker({
+      icon: "https://pictures.guanggujinxin.com/common/poi-marker-default.png",
+      offset: new l.Pixel(-24, -57),
+      position: r
+    }), o.getAddress(r, function(c, i) {
+      const n = I({
+        name: i.regeocode.addressComponent.township,
+        address: i.regeocode.formattedAddress
+      });
+      n.open(t, f.current.getPosition()), c === "complete" && i.info === "OK" ? E(i == null ? void 0 : i.regeocode, r) : (n.close(), Y.warning("暂不支持该地区"));
+    }), f.current.setMap(t);
+  }, T = () => {
+    const e = {
+      subdistrict: 1,
+      //返回下一级行政区
+      showbiz: !1
+      //最后一级返回街道信息
+    }, t = new l.DistrictSearch(e);
+    j(t), t.search("中国", function(o, r) {
+      if (o === "complete") {
+        const c = r.districtList[0].districtList.map((i) => ({ value: i.adcode, label: i.name, ...i }));
+        p((i) => ({ ...i, provinceOptions: c })), D(r.districtList[0]);
+      }
+    });
+  };
+  function D(e, t) {
+    const o = h.current, r = e.boundaries, c = e.districtList;
+    if (r) {
+      for (let i = 0, n = r.length; i < n; i++) {
+        const s = new l.Polygon({
+          map: o,
+          strokeWeight: 1,
+          strokeColor: "#0091ea",
+          fillColor: "#80d8ff",
+          fillOpacity: 0.2,
+          path: r[i]
+        });
+        s.on("click", function(a) {
+          W(a, o);
+        }), b.current.push(s);
+      }
+      o.setFitView();
+    }
+    if (t === "province") {
+      const i = c.map((n) => ({ value: n.adcode, label: n.name, ...n }));
+      p((n) => ({ ...n, cityOptions: i }));
+    } else if (t === "city") {
+      const i = c.map((n) => ({ value: n.adcode, label: n.name, ...n }));
+      p((n) => ({ ...n, districtOptions: i }));
+    } else if (t === "district") {
+      const i = c.map((n) => ({ value: n.adcode + "_" + n.name, label: n.name, ...n }));
+      p((n) => ({ ...n, streetOptions: i }));
+    }
+  }
+  const S = (e, t, o) => {
+    var r, c, i, n;
+    console.log(e, t, o);
+    for (let s = 0, a = (r = b.current) == null ? void 0 : r.length; s < a; s++)
+      (n = (i = (c = b.current) == null ? void 0 : c[s]) == null ? void 0 : i.setMap) == null || n.call(i, null);
+    if (o === "province" ? p((s) => ({ ...s, provinceValue: e, cityValue: [], districtValue: [] })) : o === "city" ? p((s) => ({ ...s, cityValue: e, districtValue: [] })) : o === "district" && p((s) => ({ ...s, districtValue: e, streetValue: [] })), !e) {
+      o === "province" ? p((s) => ({
+        ...s,
+        cityOptions: [],
+        districtOptions: [],
+        streetOptions: [],
+        streetValue: [],
+        cityValue: [],
+        districtValue: []
+      })) : o === "city" ? p((s) => ({
+        ...s,
+        districtOptions: [],
+        districtValue: [],
+        streetOptions: [],
+        streetValue: []
+      })) : o === "district" && p((s) => ({ ...s, streetOptions: [], streetValue: [] }));
+      return;
+    }
+    M.setLevel(t.level), M.setExtensions("all"), M.search(t.adcode, function(s, a) {
+      s === "complete" && D(a.districtList[0], t.level);
+    });
+  }, U = async (e, t) => {
+    p((o) => ({ ...o, streetValue: e })), h.current.setCenter(t.center);
+  }, k = (e) => {
+    console.log(e);
+    const { pname: t, cityname: o, adname: r, longitude: c, latitude: i, location: n } = e, s = { province: t, city: o, district: r };
+    N(e, (a) => {
+      E({ addressComponent: s, formattedAddress: a }, [c || n.lng, i || n.lat]);
+    });
+  }, E = (e, t) => {
+    v.onSelectLocation && v.onSelectLocation(e, t);
+  }, N = (e, t) => {
+    const { location: o } = e;
+    if (!o) {
+      const a = `${e.pname || ""}${e.cityname || ""}${e.adname || ""}${e.address || ""}`;
+      t(a);
+      return;
+    }
+    let r, c;
+    if (typeof o == "string") {
+      const a = o.split(",");
+      r = parseFloat(a[0]), c = parseFloat(a[1]);
+    } else if (Array.isArray(o))
+      r = o[0], c = o[1];
+    else if (o.lng !== void 0 && o.lat !== void 0)
+      r = o.lng, c = o.lat;
+    else {
+      const a = e.address || `${e.pname || ""}${e.cityname || ""}${e.adname || ""}`;
+      t(a);
+      return;
+    }
+    const i = `${r}_${c}`;
+    if (V.current.has(i)) {
+      t(V.current.get(i));
+      return;
+    }
+    const n = new l.Geocoder({ city: "全国" }), s = [r, c];
+    n.getAddress(s, function(a, u) {
+      if (a === "complete" && u.info === "OK") {
+        const m = u.regeocode.formattedAddress;
+        V.current.set(i, m), t(m);
+      } else {
+        console.warn("逆地理编码失败，使用备选方案", a);
+        const m = e.address || `${e.pname || ""}${e.cityname || ""}${e.adname || ""}`;
+        t(m);
+      }
+    });
+  };
+  return Z(() => {
+    l ? (H(), F(void 0)) : F("地图AMap加载失败");
+  }, [l]), /* @__PURE__ */ d(ee, { message: z, children: /* @__PURE__ */ d("div", { id: "fe-map-box", children: /* @__PURE__ */ $("div", { id: "map-box", children: [
+    /* @__PURE__ */ $("div", { className: "search-box", children: [
+      /* @__PURE__ */ $("div", { className: "search-box-left", children: [
+        /* @__PURE__ */ d("div", { className: "input-item", children: /* @__PURE__ */ d(
+          A,
+          {
+            id: "province",
+            placeholder: "请选择省",
+            allowClear: !0,
+            value: w,
+            options: K,
+            notFoundContent: /* @__PURE__ */ d(O, { description: "没有数据" }),
+            onChange: (e, t) => S(e, t, "province")
+          }
+        ) }),
+        /* @__PURE__ */ d("div", { className: "input-item", children: /* @__PURE__ */ d(
+          A,
+          {
+            id: "city",
+            allowClear: !0,
+            placeholder: "请选择市",
+            value: y,
+            options: _,
+            disabled: !(w != null && w.length),
+            notFoundContent: /* @__PURE__ */ d(O, { description: "没有数据" }),
+            onChange: (e, t) => S(e, t, "city")
+          }
+        ) }),
+        /* @__PURE__ */ d("div", { className: "input-item", children: /* @__PURE__ */ d(
+          A,
+          {
+            id: "district",
+            allowClear: !0,
+            placeholder: "请选择区",
+            value: C,
+            options: B,
+            disabled: !(y != null && y.length),
+            notFoundContent: /* @__PURE__ */ d(O, { description: "没有数据" }),
+            onChange: (e, t) => S(e, t, "district")
+          }
+        ) }),
+        v.showStreet && /* @__PURE__ */ d("div", { className: "input-item", children: /* @__PURE__ */ d(
+          A,
+          {
+            id: "street",
+            allowClear: !0,
+            placeholder: "请选择街道",
+            value: q,
+            options: R,
+            disabled: !(C != null && C.length),
+            notFoundContent: /* @__PURE__ */ d(O, { description: "没有数据" }),
+            onChange: (e, t) => U(e, t)
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ d("div", { className: "search-box-right", children: /* @__PURE__ */ d(X, { id: "tip-input", type: "text", placeholder: "请输入关键词搜索" }) })
+    ] }),
+    /* @__PURE__ */ d("div", { id: "fe-map-container" })
+  ] }) }) });
+};
+export {
+  re as default
+};

package/lib/fe-modal/index.js

@@ -0,0 +1,85 @@
+import { jsx as d } from "react/jsx-runtime";
+import { Modal as p } from "antd";
+import { debounce as y } from "lodash-es";
+import { useState as a, useRef as R } from "react";
+import v from "react-draggable";
+const M = (e) => {
+  const [l, s] = a(!0), [f, u] = a({ left: 0, top: 0, bottom: 0, right: 0 }), r = R(null), m = {
+    header: {
+      padding: "12px 24px",
+      borderBottom: "none",
+      borderRadius: "12px 12px 0 0"
+    },
+    body: {
+      padding: "24px",
+      borderTop: "1px solid #f0f0f0"
+    },
+    mask: {
+      background: "rgba(0, 0, 0, 0.45)"
+    },
+    content: {
+      borderRadius: "12px",
+      boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+      padding: "0"
+    },
+    footer: {
+      borderTop: "1px solid #f0f0f0",
+      padding: "16px 24px",
+      textAlign: "right"
+    }
+  }, x = y((t) => {
+    e.onOk && e.onOk(t);
+  }, 1e3), b = (t) => {
+    e.setIsVisible(!1), e.onClose && e.onClose(t);
+  }, g = (t, o) => {
+    var c;
+    const { clientWidth: i, clientHeight: h } = window.document.documentElement, n = (c = r.current) == null ? void 0 : c.getBoundingClientRect();
+    n && u({
+      left: -n.left + o.x,
+      right: i - (n.right - o.x),
+      top: -n.top + o.y,
+      bottom: h - (n.bottom - o.y)
+    });
+  };
+  return /* @__PURE__ */ d(
+    p,
+    {
+      open: e.isVisible,
+      onCancel: b,
+      onOk: x,
+      centered: !0,
+      destroyOnHidden: !0,
+      okText: "确认",
+      cancelText: "取消",
+      styles: m,
+      ...e,
+      title: /* @__PURE__ */ d(
+        "div",
+        {
+          style: { width: "100%", cursor: "move" },
+          onMouseOver: () => {
+            l && s(!1);
+          },
+          onMouseOut: () => {
+            s(!0);
+          },
+          children: e.title
+        }
+      ),
+      modalRender: (t) => /* @__PURE__ */ d(
+        v,
+        {
+          disabled: l,
+          bounds: f,
+          nodeRef: r,
+          onStart: (o, i) => g(o, i),
+          children: /* @__PURE__ */ d("div", { ref: r, children: t })
+        }
+      ),
+      children: /* @__PURE__ */ d("div", { style: { overflowY: "auto", maxHeight: "550px", ...e.bodyStyle || {} }, children: e.children })
+    }
+  );
+};
+export {
+  M as default
+};

package/lib/fe-pagination/index.js

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

package/lib/fe-panel/fe-panel-toolbar.js

@@ -0,0 +1,40 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Fragment as n, createElement as i } from "react";
+import { App as o, Space as y, Tooltip as k } from "antd";
+import { usePermission as C } from "../hooks/use-permission.hook/index.js";
+import a from "../fe-button/index.js";
+const F = (b) => {
+  const { modal: s } = o.useApp(), { btnPermissionList: d } = C(), m = (e, t) => {
+    var r;
+    return /* @__PURE__ */ i(
+      a,
+      {
+        ...t.btnAttributes ?? {},
+        key: e,
+        type: t.type ?? "primary",
+        onClick: t.onClick,
+        disabled: (r = t.disabled) == null ? void 0 : r.call(t)
+      },
+      t.label
+    );
+  }, u = (e, t) => {
+    var p;
+    const r = () => {
+      s == null || s.confirm({
+        title: "提示",
+        content: t.confirmText ?? `确定${t.label}吗？`,
+        onOk: () => {
+          t.onClick();
+        }
+      });
+    };
+    return /* @__PURE__ */ l(a, { type: t.type ?? "primary", disabled: (p = t.disabled) == null ? void 0 : p.call(t), onClick: r, children: t.label }, e);
+  };
+  return /* @__PURE__ */ l(y, { children: b.config.filter((e) => !e.btnPermission || (d || []).includes(e.btnPermission ?? "")).map((e, t) => {
+    var r;
+    return /* @__PURE__ */ l(n, { children: (r = e.disabled) != null && r.call(e) ? /* @__PURE__ */ l(k, { ...e.tooltipAttributes ?? {}, title: e.disabledText ?? "该功能已被禁用", children: m(t, e) }) : e != null && e.needConfirm ? u(t, e) : m(t, e) }, t);
+  }) });
+};
+export {
+  F as default
+};