@spacego/fe-components 0.3.0 → 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-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/router/utils.js

@@ -2,28 +2,29 @@ import { lazy as y, createElement as C } from "react";
 function R(o) {
   return `/src/pages/${o.replace(/^\/+/, "")}/index.tsx`;
 }
-function v(o, i) {
-  const d = i[R(o)];
-  return d ? y(d) : (console.warn(`Module not found for path: ${o}`), y(() => Promise.resolve({ default: () => C("div", null, `Module not found: ${o}`) })));
+function v(o, d) {
+  const r = d[R(o)];
+  return r ? y(r) : (console.warn(`Module not found for path: ${o}`), y(() => Promise.resolve({ default: () => C("div", null, `Module not found: ${o}`) })));
 }
 function w(o) {
   if (o)
     return o.startsWith("/") ? o : `/${o}`;
 }
-function T(o, i) {
-  return (o.sort ?? 0) - (i.sort ?? 0);
+function T(o, d) {
+  return (o.sort ?? 0) - (d.sort ?? 0);
 }
-function N(o, i, d) {
+function N(o, d, r) {
   const p = [...o].sort(T).reduce((e, t) => {
     const n = t.menuType || 2;
     return e[n] || (e[n] = []), e[n].push(t), e;
   }, {}), g = (p[3] || []).filter((e) => e.menuCode).map((e) => e.menuCode), l = [
     ...p[1] || [],
     ...p[2] || []
-  ].sort(T), c = /* @__PURE__ */ new Map(), f = [];
+  ].sort(T), u = /* @__PURE__ */ new Map(), f = [];
   l.forEach((e) => {
-    const t = e.parentId || "/", n = w(e.path), s = {
+    const t = e.parentId || 0, n = w(e.path), s = {
       id: e.menuId,
+      dbId: e.id,
       path: n,
       parentId: t,
       // 将 title、icon 放入 handle 字段
@@ -36,22 +37,22 @@ function N(o, i, d) {
       }
     };
     if (e.menuType === 2 && e.menuCode) {
-      const r = v(e.menuCode, i);
-      r && (s.Component = r), e.index && (s.index = !0, delete s.path), e.protected !== !1 && d && (s.loader = d);
+      const i = v(e.menuCode, d);
+      i && (s.Component = i), e.index && (s.index = !0, delete s.path), e.protected !== !1 && r && (s.loader = r);
     }
-    c.set(e.menuId, s);
+    u.set(e.id, s);
   }), l.forEach((e) => {
-    const t = c.get(e.menuId), n = e.parentId;
-    if (n && n !== "/") {
-      const s = c.get(n);
+    const t = u.get(e.id), n = e.parentId;
+    if (n && n !== 0) {
+      const s = u.get(n);
       s ? (s.children || (s.children = []), s.children.push(t)) : f.push(t);
     } else
       f.push(t);
   });
-  const a = /* @__PURE__ */ new Map(), h = [], I = l.filter((e) => e.isShowMenu !== !1);
-  I.forEach((e) => {
-    const t = c.get(e.menuId), n = t ? (() => {
-      const { children: r, ...m } = t;
+  const a = /* @__PURE__ */ new Map(), h = [], M = l.filter((e) => e.isShowMenu !== !1);
+  M.forEach((e) => {
+    const t = u.get(e.id), n = t ? (() => {
+      const { children: i, ...m } = t;
       return m;
     })() : void 0, s = {
       key: e.menuId,
@@ -61,27 +62,27 @@ function N(o, i, d) {
       menuType: e.menuType,
       isIndependentMenu: e.isIndependentMenu
     };
-    a.set(e.menuId, s);
-  }), I.forEach((e) => {
-    const t = a.get(e.menuId), n = e.parentId;
-    if (n && n !== "/") {
+    a.set(e.id, s);
+  }), M.forEach((e) => {
+    const t = a.get(e.id), n = e.parentId;
+    if (n && n !== 0) {
       const s = a.get(n);
       s ? (s.children || (s.children = []), s.children.push(t)) : h.push(t);
     } else
       h.push(t);
   });
-  function M(e) {
+  function I(e) {
     const t = [];
     return e.forEach((n) => {
-      if (n.children && n.children.length > 0 && (n.children = M(n.children)), n.menuType === 1 && n.children && n.children.length > 0) {
-        const s = n.children.filter((r) => r.isIndependentMenu === !0 && r.menuType === 2 && !r.customType);
+      if (n.children && n.children.length > 0 && (n.children = I(n.children)), n.menuType === 1 && n.children && n.children.length > 0) {
+        const s = n.children.filter((i) => i.isIndependentMenu === !0 && i.menuType === 2 && !i.customType);
         if (s.length > 0) {
-          const r = s.map((u) => ({
-            ...u,
+          const i = s.map((c) => ({
+            ...c,
             customType: "menu-promoted"
             // 内部标识，表示这个菜单是被提升的
-          })), m = n.children.filter((u) => !(u.isIndependentMenu === !0 && u.menuType === 2 && !u.customType));
-          t.push(...r, ...m);
+          })), m = n.children.filter((c) => !(c.isIndependentMenu === !0 && c.menuType === 2 && !c.customType));
+          t.push(...i, ...m);
         } else
           t.push(n);
       } else
@@ -90,7 +91,7 @@ function N(o, i, d) {
   }
   return {
     routes: f,
-    menus: M(h),
+    menus: I(h),
     permissions: g
   };
 }

package/lib/types/fe-auto-complete/auto-complete.d.ts

@@ -1,2 +1,4 @@
 import { AutoCompleteProps } from 'antd';
-export interface FeAutoCompleteProps extends AutoCompleteProps { }
+
+
+export interface FeAutoCompleteProps extends AutoCompleteProps { }

package/lib/types/fe-button/button.d.ts

@@ -1,16 +1,18 @@
 import { ButtonProps } from 'antd';
 import { default as React } from 'react';
 import { IBasicProps, IPermissionProps } from '../typings';
-export interface FeButtonProps
-  extends ButtonProps, IPermissionProps, Pick<IBasicProps, 'children'> {
-  /**
-   * 设置按钮最小宽度，支持数字(px)或字符串
-   * @default 120px
-   */
-  minWidth?: number | string;
-  /**
-   * 禁用状态时的提示内容
-   * @description 当按钮被禁用时，显示该提示内容
-   */
-  disabledTooltip?: string | React.ReactNode;
-}
+
+
+export interface FeButtonProps
+  extends ButtonProps, IPermissionProps, Pick<IBasicProps, 'children'> {
+  /**
+   * 设置按钮最小宽度，支持数字(px)或字符串
+   * @default 120px
+   */
+  minWidth?: number | string;
+  /**
+   * 禁用状态时的提示内容
+   * @description 当按钮被禁用时，显示该提示内容
+   */
+  disabledTooltip?: string | React.ReactNode;
+}

package/lib/types/fe-cascader/cascader.d.ts

@@ -1,7 +1,9 @@
 import { CascaderProps } from 'antd';
-export interface FeCascaderProps extends CascaderProps {
-  /**
-   * @name 多选
-   */
-  multiple?: false;
-}
+
+
+export interface FeCascaderProps extends CascaderProps {
+  /**
+   * @name 多选
+   */
+  multiple?: false;
+}

package/lib/types/fe-checkbox/checkbox.d.ts

@@ -1,6 +1,8 @@
 import { CheckboxProps } from 'antd';
 import { default as React } from 'react';
-export interface FeCheckboxProps extends CheckboxProps {
-}
-
-declare const FeCheckbox: React.ForwardRefExoticComponent<FeCheckboxProps>;
+
+
+export interface FeCheckboxProps extends CheckboxProps {
+}
+
+declare const FeCheckbox: React.ForwardRefExoticComponent<FeCheckboxProps>;

package/lib/types/fe-checkbox-group/checkbox-group.d.ts

@@ -1,5 +1,7 @@
 import { Checkbox } from 'antd';
-type CheckboxGroupProps = Parameters<typeof Checkbox.Group>[0]
-
-export interface FeCheckboxGroupProps extends CheckboxGroupProps {
-}
+
+
+type CheckboxGroupProps = Parameters<typeof Checkbox.Group>[0]
+
+export interface FeCheckboxGroupProps extends CheckboxGroupProps {
+}

package/lib/types/fe-date-picker/date-picker.d.ts

@@ -1,3 +1,5 @@
 import { DatePickerProps } from 'antd';
-export interface FeDatePickerProps extends DatePickerProps {
-}
+
+
+export interface FeDatePickerProps extends DatePickerProps {
+}

package/lib/types/fe-description-render/description-render.d.ts

@@ -1,31 +1,33 @@
 import { IDescriptionsItem, TRenderType } from '../hooks/use-descriptions.hook/use-descriptions.d';
-export interface FeDescriptionRenderProps<DataType extends Record<string, any>> {
-  /**
-   * 值
-   */
-  value: any;
-  /**
-   * 原始值
-   */
-  rawValue: any;
-  /**
-   * @name 渲染类型
-   */
-  renderType: TRenderType;
-  /**
-   * 列宽
-   */
-  colSpan: IDescriptionsItem<DataType>['colSpan'];
-  /**
-   * @name tag渲染器参数
-   */
-  tagRenderParams: IDescriptionsItem<DataType>['tagRenderParams'];
-  /**
-   * @name link渲染器参数
-   */
-  linkRenderParams: IDescriptionsItem<DataType>['linkRenderParams'];
-  /**
-   * @name image渲染器参数
-   */
-  imageRenderParams: IDescriptionsItem<DataType>['imageRenderParams'];
-}
+
+
+export interface FeDescriptionRenderProps<DataType extends Record<string, any>> {
+  /**
+   * 值
+   */
+  value: any;
+  /**
+   * 原始值
+   */
+  rawValue: any;
+  /**
+   * @name 渲染类型
+   */
+  renderType: TRenderType;
+  /**
+   * 列宽
+   */
+  colSpan: IDescriptionsItem<DataType>['colSpan'];
+  /**
+   * @name tag渲染器参数
+   */
+  tagRenderParams: IDescriptionsItem<DataType>['tagRenderParams'];
+  /**
+   * @name link渲染器参数
+   */
+  linkRenderParams: IDescriptionsItem<DataType>['linkRenderParams'];
+  /**
+   * @name image渲染器参数
+   */
+  imageRenderParams: IDescriptionsItem<DataType>['imageRenderParams'];
+}

package/lib/types/fe-descriptions/descriptions.d.ts

@@ -1,2 +1,4 @@
 import { DescriptionsProps } from 'antd';
-export interface FeDescriptionsProps extends DescriptionsProps {}
+
+
+export interface FeDescriptionsProps extends DescriptionsProps {}

package/lib/types/fe-empty/empty.d.ts

@@ -1,2 +1,4 @@
 import { EmptyProps } from 'antd';
-export interface FeEmptyProps extends EmptyProps {}
+
+
+export interface FeEmptyProps extends EmptyProps {}

package/lib/types/fe-error-block/error-block.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
-export interface FeErrorBlockProps {
-  children?: ReactNode;
-  /** 错误信息 */
-  message?: string;
-}
+
+
+export interface FeErrorBlockProps {
+  children?: ReactNode;
+  /** 错误信息 */
+  message?: string;
+}