@spacego/fe-components 0.2.3 → 0.3.1

package/README.md

@@ -1,37 +1,37 @@
-<!--
- * @Author: dushuai
- * @Date: 2025-08-30 17:23:07
- * @LastEditors: dushuai
- * @LastEditTime: 2026-01-30 20:22:56
- * @description: 心平气和
--->
-# @spacego/fe-components
-
-`@spacego/fe-components` 是一个完全基于 `typescript` + `antd` 的UI组件库，提供了一些常用的组件和我的默认Layout模版等。
-
-## ✨ Features
-
-- Easy to learn and use.
-- Contains common hooks and encapsulates common apis.
-- Written in TypeScript with predictable static types.
-- High performance.
-
-## 📦 Install
-
-```bash
-$ npm install --save @spacego/fe-components
-# or
-$ pnpm add @spacego/fe-components `推荐`
-# or
-$ yarn add @spacego/fe-components
-```
-
-## 🔨 Usage
-
-```ts
-import { FeButton ... } from '@spacego/fe-components';
-```
-
-## 🚀 API
-
-...
+<!--
+ * @Author: dushuai
+ * @Date: 2025-08-30 17:23:07
+ * @LastEditors: dushuai
+ * @LastEditTime: 2026-01-30 20:22:56
+ * @description: 心平气和
+-->
+# @spacego/fe-components
+
+`@spacego/fe-components` 是一个完全基于 `typescript` + `antd` 的UI组件库，提供了一些常用的组件和我的默认Layout模版等。
+
+## ✨ Features
+
+- Easy to learn and use.
+- Contains common hooks and encapsulates common apis.
+- Written in TypeScript with predictable static types.
+- High performance.
+
+## 📦 Install
+
+```bash
+$ npm install --save @spacego/fe-components
+# or
+$ pnpm add @spacego/fe-components `推荐`
+# or
+$ yarn add @spacego/fe-components
+```
+
+## 🔨 Usage
+
+```ts
+import { FeButton ... } from '@spacego/fe-components';
+```
+
+## 🚀 API
+
+...

package/lib/fe-form/fe-form-select/index.js

@@ -1,47 +1,43 @@
-import { jsxs as x, Fragment as v, jsx as n } from "react/jsx-runtime";
-import { Divider as T, Tooltip as w, Form as A, Checkbox as I } from "antd";
-import { useMemo as c } from "react";
-import C from "../../fe-select/index.js";
+import { jsxs as x, Fragment as T, jsx as n } from "react/jsx-runtime";
+import { Divider as v, Tooltip as w, Form as A, Checkbox as C } from "antd";
+import { useMemo as u } from "react";
+import I from "../../fe-select/index.js";
 import P from "../fe-form-item/index.js";
 import { getFormItemProps as V, getLabelProps as k } from "../utils/index.js";
 const _ = (e) => {
-  var f;
-  const { valueType: m, ...u } = V(e), i = c(() => !e.selectAttributes || !e.selectAttributes.options ? [] : e.selectAttributes.options.map((l) => ({
-    label: l.label,
-    value: l.dataIndex,
-    disabled: l.disabled || !1
-  })), [e.selectAttributes]), s = c(() => i.filter((l) => !l.disabled), [i]), t = c(() => {
+  var b;
+  const { valueType: m, ...o } = V(e), i = u(() => !e.selectAttributes || !e.selectAttributes.options ? [] : e.selectAttributes.options, [e.selectAttributes]), s = u(() => i.filter((l) => !l.disabled), [i]), t = u(() => {
     if (!e.selectAttributes) return {};
-    const { selectType: l, options: a, showSelectAll: r, onSelectAll: d, ...g } = e.selectAttributes, y = { ...g };
-    return l === "multiple" && r && (y.popupRender = (F) => /* @__PURE__ */ x(v, { children: [
+    const { selectType: l, options: c, showSelectAll: r, onSelectAll: d, ...g } = e.selectAttributes, y = { ...g };
+    return l === "multiple" && r && (y.popupRender = (F) => /* @__PURE__ */ x(T, { children: [
       /* @__PURE__ */ n(
-        p,
+        q,
         {
           dataIndex: e.dataIndex,
           selectableOptions: s,
           onSelectAll: d
         }
       ),
-      /* @__PURE__ */ n(T, { style: { margin: "4px 0" } }),
+      /* @__PURE__ */ n(v, { style: { margin: "4px 0" } }),
       F
     ] })), y;
-  }, [e.dataIndex, e.selectAttributes, s]), o = c(() => e.selectAttributes && e.selectAttributes.selectType === "multiple" ? "array" : "string", [e]), h = c(() => {
+  }, [e.dataIndex, e.selectAttributes, s]), a = u(() => e.selectAttributes && e.selectAttributes.selectType === "multiple" ? "array" : "string", [e]), h = u(() => {
     var l;
     return ((l = e.selectAttributes) == null ? void 0 : l.selectType) !== "multiple" ? {} : {
       maxTagCount: "responsive",
-      maxTagPlaceholder: (a) => /* @__PURE__ */ n(
+      maxTagPlaceholder: (c) => /* @__PURE__ */ n(
         w,
         {
           styles: { root: { pointerEvents: "none" } },
-          title: a.map(({ label: r }) => r).join(", "),
+          title: c.map(({ label: r }) => r).join(", "),
           children: /* @__PURE__ */ x("span", { children: [
             "+",
-            a.length
+            c.length
           ] })
         }
       )
     };
-  }, [e]), b = c(() => t != null && t.showSearch ? typeof (t == null ? void 0 : t.showSearch) == "boolean" ? {
+  }, [e]), f = u(() => t != null && t.showSearch ? typeof (t == null ? void 0 : t.showSearch) == "boolean" ? {
     showSearch: {
       optionFilterProp: "label"
     }
@@ -56,36 +52,36 @@ const _ = (e) => {
       required: e.required ?? !1,
       type: e.type,
       rules: e.rules,
-      valueType: m ?? o,
+      valueType: m ?? a,
       requiredMessage: e.requiredMessage,
       ...k(e),
-      ...u,
+      ...o,
       attributes: { ...e.attributes || {} },
       children: /* @__PURE__ */ n(
-        C,
+        I,
         {
           allowClear: !0,
           options: i,
           placeholder: e.placeholder ?? `请选择${e.label}`,
-          mode: ((f = e.selectAttributes) == null ? void 0 : f.selectType) === "multiple" ? "multiple" : void 0,
+          mode: ((b = e.selectAttributes) == null ? void 0 : b.selectType) === "multiple" ? "multiple" : void 0,
           ...h,
           ...t,
-          ...b
+          ...f
         }
       )
     }
   );
-}, p = ({
+}, q = ({
   dataIndex: e,
   selectableOptions: m,
-  onSelectAll: u
+  onSelectAll: o
   // 新增回调
 }) => {
-  const i = A.useFormInstance(), s = A.useWatch(e, i) || [], t = m.map((l) => l.value), o = s.filter((l) => t.includes(l)).length, h = o === t.length && t.length > 0, b = o > 0 && o < t.length;
-  return /* @__PURE__ */ n("div", { style: { padding: "8px 12px" }, children: /* @__PURE__ */ n(I, { checked: h, indeterminate: b, onChange: (l) => {
-    const a = l.target.checked;
+  const i = A.useFormInstance(), s = A.useWatch(e, i) || [], t = m.map((l) => l.value), a = s.filter((l) => t.includes(l)).length, h = a === t.length && t.length > 0, f = a > 0 && a < t.length;
+  return /* @__PURE__ */ n("div", { style: { padding: "8px 12px" }, children: /* @__PURE__ */ n(C, { checked: h, indeterminate: f, onChange: (l) => {
+    const c = l.target.checked;
     let r;
-    a ? r = [...s.filter((g) => !t.includes(g)), ...t] : r = s.filter((d) => !t.includes(d)), u == null || u(a, r), i.setFieldValue(e, r);
+    c ? r = [...s.filter((g) => !t.includes(g)), ...t] : r = s.filter((d) => !t.includes(d)), o == null || o(c, r), i.setFieldValue(e, r);
   }, children: "全选" }) });
 };
 export {

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

@@ -13,11 +13,11 @@ import "../../store/modules/layout-config.store.js";
 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";
-import "../../hooks/use-permission.hook/index.js";
-import "antd";
 import "@spacego/turbo-utils";
+import "antd";
+import "../../hooks/use-permission.hook/index.js";
 /* empty css                       */
+import "nprogress";
 import "lodash-es";
 import "../../fe-form/fe-form-date-range-picker/index.js";
 import "../../fe-rich-text/index.js";
@@ -27,7 +27,7 @@ import "../../fe-text-area/index.js";
 /* empty css                               */
 /* empty css           */
 import "../basics-layout/index.js";
-/* empty css                            */
+import "../layout.js";
 /* empty css                          */
 /* empty css                      */
 import "react-draggable";

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

@@ -1,11 +1,11 @@
 function d(e) {
   return e ? e === "/" ? "/" : e.replace(/\/+$/, "") : "";
 }
-function f(e, i) {
+function o(e, i) {
   const t = d(e);
   for (const n of i) {
     if (n.children && n.children.length > 0) {
-      const u = f(e, n.children);
+      const u = o(e, n.children);
       if (u) return u;
     }
     if (n.id === "Home" && t === "/")
@@ -19,20 +19,20 @@ function f(e, i) {
 function s(e) {
   const i = /* @__PURE__ */ new Map(), t = (n) => {
     n.forEach((r) => {
-      r.id && i.set(r.id, r), r.children && r.children.length > 0 && t(r.children);
+      r.dbId !== void 0 && i.set(r.dbId, r), r.children && r.children.length > 0 && t(r.children);
     });
   };
   return t(e), i;
 }
-function o(e, i) {
+function f(e, i) {
   return i.get(e) || null;
 }
 function a(e, i) {
   var r;
   const t = [e];
   let n = e;
-  for (; n.parentId && n.parentId !== "/"; ) {
-    const u = o(n.parentId, i);
+  for (; n.parentId && n.parentId !== 0; ) {
+    const u = f(n.parentId, i);
     if (u)
       ((r = n.handle) == null ? void 0 : r.isIndependentMenu) === !0 || t.unshift(u), n = u;
     else
@@ -66,7 +66,7 @@ export {
   l as findMenuByKey,
   c as findMenuParentKeys,
   a as findParentRoutes,
-  f as findRouteByPath,
-  o as getRouteById,
+  o as findRouteByPath,
+  f as getRouteById,
   d as normalizePath
 };

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

@@ -4,8 +4,10 @@ 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/index.js";
-import "nprogress";
+import "@spacego/turbo-utils";
 import "../../hooks/use-permission.hook/index.js";
+/* empty css                       */
+import "nprogress";
 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";
@@ -15,7 +17,7 @@ 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           */
 const { Content: he } = g;
-function Ke() {
+function Ne() {
   const r = ee(), m = te(), { logout: R } = ne(), {
     token: T,
     menus: a = [],
@@ -134,5 +136,5 @@ function Ke() {
   ] });
 }
 export {
-  Ke as default
+  Ne as default
 };

package/lib/fe-layouts/layout.js

@@ -1,19 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
+import { dayjs as h } from "@spacego/turbo-utils";
 import { useSelector as i } from "@spacego/zustand";
-import { theme as p, ConfigProvider as c, App as u, Spin as g } from "antd";
-import { useMemo as d } from "react";
+import { theme as p, ConfigProvider as u, App as d, Spin as g } from "antd";
+import C from "../node_modules/.pnpm/antd@6.2.2_nnrd3gsncyragczmpvfhocinkq/node_modules/antd/es/locale/zh_CN.js";
+import { useMemo as y } from "react";
 import "@ant-design/icons";
-import { getRealTheme as C } from "../utils/theme.js";
-import { useLayoutConfigStore as y } from "../store/modules/layout-config.store.js";
-import { useThemeStore as k } from "../store/modules/theme.store.js";
+import { getRealTheme as k } from "../utils/theme.js";
+import { useLayoutConfigStore as L } from "../store/modules/layout-config.store.js";
+import { useThemeStore as M } from "../store/modules/theme.store.js";
 import n from "../config/theme.js";
 import "react-router-dom";
 import "./context/context.js";
-import L from "./context/global-context.provider.js";
-import { useNProgress as M } from "../hooks/use-nprogress.hook/index.js";
+import T from "./context/global-context.provider.js";
 import "../hooks/use-permission.hook/index.js";
-import "@spacego/turbo-utils";
 /* empty css                    */
+import { useNProgress as b } from "../hooks/use-nprogress.hook/index.js";
 import "lodash-es";
 import "../fe-form/fe-form-date-range-picker/index.js";
 import "../fe-rich-text/index.js";
@@ -21,10 +22,9 @@ import "../fe-text-area/index.js";
 /* empty css                           */
 /* empty css                      */
 /* empty css                            */
-import T from "./auth-layout/index.js";
-import b from "./basics-layout/index.js";
-import w from "./blank-layout/index.js";
-/* empty css                         */
+import w from "./auth-layout/index.js";
+import x from "./basics-layout/index.js";
+import P from "./blank-layout/index.js";
 /* empty css                       */
 /* empty css                   */
 import "react-draggable";
@@ -34,17 +34,19 @@ import "../_virtual/index.js";
 import "../fe-table/fe-edit-table-cell/index.js";
 import "ahooks";
 import "../fe-table/fe-table-setting/index.js";
-function ao(a) {
-  const { layoutType: r, ...s } = a, { loadingConfig: l } = y(i(["loadingConfig"])), { theme: t, themeColor: m } = k(i(["theme", "themeColor"]));
-  M();
-  const f = d(() => {
-    const h = C(t);
+/* empty css                         */
+h.locale("zh-cn");
+function co(a) {
+  const { layoutType: r, ...s } = a, { loadingConfig: l } = L(i(["loadingConfig"])), { theme: t, themeColor: m } = M(i(["theme", "themeColor"]));
+  b();
+  const c = y(() => {
+    const f = k(t);
     return {
       cssVar: {
         prefix: "ant"
       },
       // 启用 CSS 变量模式，生成 --ant-color-primary 等变量
-      algorithm: h === "dark" ? p.darkAlgorithm : p.defaultAlgorithm,
+      algorithm: f === "dark" ? p.darkAlgorithm : p.defaultAlgorithm,
       token: {
         colorPrimary: m,
         ...n.token
@@ -54,11 +56,11 @@ function ao(a) {
       }
     };
   }, [t, m]), e = (/* @__PURE__ */ new Map([
-    ["blank", w],
-    ["basic", b],
-    ["auth", T]
+    ["blank", P],
+    ["basic", x],
+    ["auth", w]
   ])).get(r);
-  return /* @__PURE__ */ o(c, { theme: f, children: /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(L, { ...s, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(u, { theme: c, locale: C, children: /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(T, { ...s, children: /* @__PURE__ */ o(
     g,
     {
       spinning: l.show && r !== "basic",
@@ -68,5 +70,5 @@ function ao(a) {
   ) }) }) });
 }
 export {
-  ao as default
+  co as default
 };

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

@@ -5,11 +5,11 @@ 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";
+import "antd";
+import "../../hooks/use-permission.hook/index.js";
 /* empty css                       */
+import "nprogress";
 import "lodash-es";
 import "../../fe-form/fe-form-date-range-picker/index.js";
 import y from "../../fe-form/fe-form-input/index.js";
@@ -28,7 +28,7 @@ import "react-icons/lu";
 import "react-icons/md";
 /* empty css                                      */
 import "../../fe-layouts/basics-layout/index.js";
-/* empty css                            */
+import "../../fe-layouts/layout.js";
 /* empty css                          */
 /* empty css                      */
 import "react-draggable";

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

@@ -7,10 +7,10 @@ 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 "@spacego/turbo-utils";
+import "../../hooks/use-permission.hook/index.js";
 /* empty css                       */
+import "nprogress";
 import "lodash-es";
 import "../../fe-form/fe-form-date-range-picker/index.js";
 import "../../fe-rich-text/index.js";
@@ -25,7 +25,7 @@ import "react-icons/lu";
 import "react-icons/md";
 /* empty css                                      */
 import "../../fe-layouts/basics-layout/index.js";
-/* empty css                            */
+import "../../fe-layouts/layout.js";
 /* empty css                          */
 /* empty css                      */
 import "react-draggable";

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

@@ -6,10 +6,10 @@ import "../../store/modules/theme.store.js";
 import "react-router-dom";
 import "react";
 import "../../fe-layouts/context/context.js";
-import "nprogress";
-import "../../hooks/use-permission.hook/index.js";
 import "@spacego/turbo-utils";
 import d from "../../fe-link/index.js";
+import "nprogress";
+import "../../hooks/use-permission.hook/index.js";
 import "lodash-es";
 import "../../fe-form/fe-form-date-range-picker/index.js";
 import "../../fe-rich-text/index.js";
@@ -24,7 +24,7 @@ import "react-icons/lu";
 import "react-icons/md";
 /* empty css                                      */
 import "../../fe-layouts/basics-layout/index.js";
-/* empty css                            */
+import "../../fe-layouts/layout.js";
 /* empty css                          */
 /* empty css                      */
 import "react-draggable";

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

@@ -6,11 +6,11 @@ import "../../store/modules/theme.store.js";
 import "react-router-dom";
 import "react";
 import "../../fe-layouts/context/context.js";
-import "nprogress";
-import "../../hooks/use-permission.hook/index.js";
-import a from "../../fe-button/index.js";
 import "@spacego/turbo-utils";
+import "../../hooks/use-permission.hook/index.js";
 /* empty css                       */
+import "nprogress";
+import a from "../../fe-button/index.js";
 import "lodash-es";
 import "../../fe-form/fe-form-date-range-picker/index.js";
 import "../../fe-rich-text/index.js";
@@ -25,7 +25,7 @@ import "react-icons/lu";
 import "react-icons/md";
 /* empty css                                      */
 import "../../fe-layouts/basics-layout/index.js";
-/* empty css                            */
+import "../../fe-layouts/layout.js";
 /* empty css                          */
 /* empty css                      */
 import "react-draggable";

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

@@ -6,10 +6,10 @@ 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 { usePermission as L } from "../../hooks/use-permission.hook/index.js";
 import "@spacego/turbo-utils";
+import { usePermission as L } from "../../hooks/use-permission.hook/index.js";
 /* empty css                       */
+import "nprogress";
 import "lodash-es";
 import "../../fe-form/fe-form-date-range-picker/index.js";
 import "../../fe-rich-text/index.js";
@@ -24,7 +24,7 @@ import "react-icons/lu";
 import "react-icons/md";
 /* empty css                                      */
 import "../../fe-layouts/basics-layout/index.js";
-/* empty css                            */
+import "../../fe-layouts/layout.js";
 /* empty css                          */
 /* empty css                      */
 import "react-draggable";