@spacego/fe-components 0.1.0 → 0.2.0

package/lib/store/modules/layout-config.store.js

@@ -1,13 +1,24 @@
-import { create as u } from "zustand";
-import { persist as d, combine as g, createJSONStorage as C } from "zustand/middleware";
+import { create as b } from "zustand";
+import { persist as u, combine as d, createJSONStorage as g } from "zustand/middleware";
 import "react/jsx-runtime";
 import "@ant-design/icons";
 import "./theme.store.js";
-import { STORE_KEY as E } from "../../config/constants.js";
+import { STORE_KEY as C } from "../../config/constants.js";
 import "react-router-dom";
 import "react";
 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 "../../fe-rich-text/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";
@@ -15,10 +26,17 @@ import "react-icons/lu";
 import "react-icons/md";
 /* empty css                                      */
 import "../../fe-layouts/basics-layout/index.js";
-import "antd";
-import "@spacego/turbo-utils";
+/* empty css                             */
 /* empty css                          */
-const A = () => ({
+/* 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";
+const c = () => ({
   tabsAttribute: {
     tabsList: [{
       key: "Home",
@@ -35,24 +53,24 @@ const A = () => ({
     timer: null
   },
   sidebarCollapsed: !1
-}), b = 0.1, P = u(d(
-  g(
-    A(),
-    (i, n) => ({
+}), f = 0.1, rt = b(u(
+  d(
+    c(),
+    (i, e) => ({
       SET_STATE: (t) => i(t),
       /**
        * 添加标签页
        */
       ADD_TAB: (t) => {
-        const { tabsAttribute: e } = n(), { tabsList: a } = e, l = a.find((o) => o.key === t.key);
-        i(l ? {
+        const { tabsAttribute: r } = e(), { tabsList: a } = r, m = a.find((o) => o.key === t.key);
+        i(m ? {
           tabsAttribute: {
-            ...e,
+            ...r,
             tabsActiveKey: t.key
           }
         } : {
           tabsAttribute: {
-            ...e,
+            ...r,
             tabsList: [...a, t],
             tabsActiveKey: t.key
           }
@@ -62,23 +80,23 @@ const A = () => ({
        * 移除标签页
        */
       REMOVE_TAB: (t) => {
-        const { tabsAttribute: e } = n(), { tabsList: a, tabsActiveKey: l } = e, o = a.filter((s) => s.key !== t);
-        let r = l;
-        return l === t && o.length > 0 ? r = o[o.length - 1].key : o.length === 0 && (r = ""), i({
+        const { tabsAttribute: r } = e(), { tabsList: a, tabsActiveKey: m } = r, o = a.filter((n) => n.key !== t);
+        let s = m;
+        return m === t && o.length > 0 ? s = o[o.length - 1].key : o.length === 0 && (s = ""), i({
           tabsAttribute: {
             tabsList: o,
-            tabsActiveKey: r
+            tabsActiveKey: s
           }
-        }), a.find((s) => s.key === r) ?? {};
+        }), a.find((n) => n.key === s) ?? {};
       },
       /**
        * 设置当前激活的标签页
        */
       SET_ACTIVE_TAB_KEY: (t) => {
-        const { tabsAttribute: e } = n();
+        const { tabsAttribute: r } = e();
         i({
           tabsAttribute: {
-            ...e,
+            ...r,
             tabsActiveKey: t
           }
         });
@@ -99,28 +117,28 @@ const A = () => ({
        */
       SET_LOADING: (t) => {
         if (t && t.showLoading === !1) return;
-        const { CLEAR_LOADING_TIMER: e, HIDE_LOADING: a } = n();
-        i((l) => {
-          const { loadingConfig: o } = l, r = o.show === !1, s = o.limit + 1, m = {
-            show: r ? !0 : o.show,
-            limit: s,
+        const { CLEAR_LOADING_TIMER: r, HIDE_LOADING: a } = e();
+        i((m) => {
+          const { loadingConfig: o } = m, s = o.show === !1, n = o.limit + 1, l = {
+            show: s ? !0 : o.show,
+            limit: n,
             timer: o.timer
           };
-          if (s === 1) {
-            e();
-            const c = setTimeout(() => {
-              const f = n();
-              f.loadingConfig.limit === 1 && f.loadingConfig.show && a(t);
+          if (n === 1) {
+            r();
+            const p = setTimeout(() => {
+              const A = e();
+              A.loadingConfig.limit === 1 && A.loadingConfig.show && a(t);
             }, 20 * 1e3);
             return {
               loadingConfig: {
-                ...m,
-                timer: c
+                ...l,
+                timer: p
               }
             };
           } else
-            return e(), {
-              loadingConfig: m
+            return r(), {
+              loadingConfig: l
             };
         });
       },
@@ -129,37 +147,37 @@ const A = () => ({
        */
       HIDE_LOADING: (t) => {
         if (t && t.showLoading === !1) return;
-        const { CLEAR_LOADING_TIMER: e, HIDE_LOADING: a } = n();
-        i((l) => {
-          const { loadingConfig: o } = l;
+        const { CLEAR_LOADING_TIMER: r, HIDE_LOADING: a } = e();
+        i((m) => {
+          const { loadingConfig: o } = m;
           if (o.limit <= 0)
-            return l;
-          const r = o.limit - 1, s = {
+            return m;
+          const s = o.limit - 1, n = {
             ...o,
-            limit: r
+            limit: s
           };
-          if (r === 0)
-            return s.show = !1, e(), {
+          if (s === 0)
+            return n.show = !1, r(), {
               loadingConfig: {
-                ...s,
+                ...n,
                 timer: null
               }
             };
-          if (r === 1) {
-            e();
-            const m = setTimeout(() => {
-              const c = n();
-              c.loadingConfig.limit === 1 && c.loadingConfig.show && a(t);
+          if (s === 1) {
+            r();
+            const l = setTimeout(() => {
+              const p = e();
+              p.loadingConfig.limit === 1 && p.loadingConfig.show && a(t);
             }, 20 * 1e3);
             return {
               loadingConfig: {
-                ...s,
-                timer: m
+                ...n,
+                timer: l
               }
             };
           }
           return {
-            loadingConfig: s
+            loadingConfig: n
           };
         });
       },
@@ -167,7 +185,7 @@ const A = () => ({
        * 清除loading定时器
        */
       CLEAR_LOADING_TIMER() {
-        const { loadingConfig: t } = n();
+        const { loadingConfig: t } = e();
         t.timer && (clearTimeout(t.timer), i({
           loadingConfig: {
             ...t,
@@ -185,36 +203,36 @@ const A = () => ({
        * 切换侧边栏折叠状态
        */
       TOGGLE_SIDEBAR_COLLAPSED: () => {
-        const { sidebarCollapsed: t } = n();
+        const { sidebarCollapsed: t } = e();
         i({ sidebarCollapsed: !t });
       },
       /**
        * 重置
        */
       RESET: () => {
-        const { sidebarCollapsed: t, ...e } = A();
-        i(e);
+        const { sidebarCollapsed: t, ...r } = c();
+        i(r);
       }
     })
   ),
   {
-    name: E.LAYOUT_CONFIG,
+    name: C.LAYOUT_CONFIG,
     // unique name
-    storage: C(() => localStorage),
-    version: b,
+    storage: g(() => localStorage),
+    version: f,
     // a migration will be triggered if the version in the storage mismatches this one
     // 部分持久化
     partialize: (i) => {
-      const { ...n } = i;
-      return n;
+      const { ...e } = i;
+      return e;
     },
     // migration logic
-    migrate: (i, n) => {
-      const t = A();
-      return n !== b && Object.assign(t, i), t;
+    migrate: (i, e) => {
+      const t = c();
+      return e !== f && Object.assign(t, i), t;
     }
   }
 ));
 export {
-  P as useLayoutConfigStore
+  rt as useLayoutConfigStore
 };

package/lib/store/modules/theme.store.js

@@ -2,13 +2,24 @@ import { create as E } from "zustand";
 import { devtools as s, persist as T, combine as l, createJSONStorage as h } from "zustand/middleware";
 import "react/jsx-runtime";
 import "@ant-design/icons";
-import { applyThemeColor as n, applyTheme as m } from "../../utils/theme.js";
+import { applyThemeColor as n, applyTheme as i } from "../../utils/theme.js";
 import "./layout-config.store.js";
-import { STORE_KEY as i } from "../../config/constants.js";
+import { STORE_KEY as e } from "../../config/constants.js";
 import "react-router-dom";
 import "react";
 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 "../../fe-rich-text/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";
@@ -16,48 +27,55 @@ import "react-icons/lu";
 import "react-icons/md";
 /* empty css                                      */
 import "../../fe-layouts/basics-layout/index.js";
-import "antd";
-import "@spacego/turbo-utils";
+/* empty css                             */
 /* empty css                          */
+/* 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";
 const p = () => ({
   theme: "light",
   themeColor: "#006BE6",
   // 默认主题色
   isCustomThemeColor: !1
-}), a = 0.1, j = E(s(
+}), a = 0.1, tt = E(s(
   T(
     l(
       p(),
-      (e, r) => ({
-        SET_STATE: (t) => e(t),
+      (o, m) => ({
+        SET_STATE: (t) => o(t),
         SET_THEME: (t) => {
-          e({ theme: t }), m(t);
+          o({ theme: t }), i(t);
         },
         TOGGLE_THEME: () => {
-          const t = r().theme;
-          let o;
-          t === "system" ? o = window.matchMedia("(prefers-color-scheme: dark)").matches ? "light" : "dark" : o = t === "light" ? "dark" : "light", e({ theme: o }), m(o);
+          const t = m().theme;
+          let r;
+          t === "system" ? r = window.matchMedia("(prefers-color-scheme: dark)").matches ? "light" : "dark" : r = t === "light" ? "dark" : "light", o({ theme: r }), i(r);
         },
         SET_THEME_COLOR: (t) => {
-          e({ themeColor: t }), n(t);
+          o({ themeColor: t }), n(t);
         },
         SET_IS_CUSTOM_THEME_COLOR: (t) => {
-          e({ isCustomThemeColor: t });
+          o({ isCustomThemeColor: t });
         }
       })
     ),
     {
-      name: i.THEME,
+      name: e.THEME,
       storage: h(() => localStorage),
       version: a,
-      migrate: (e, r) => {
+      migrate: (o, m) => {
         const t = p();
-        return r !== a && Object.assign(t, e), t;
+        return m !== a && Object.assign(t, o), t;
       }
     }
   ),
-  { name: i.THEME, enabled: !0 }
+  { name: e.THEME, enabled: !0 }
 ));
 export {
-  j as useThemeStore
+  tt as useThemeStore
 };

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

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

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

@@ -0,0 +1,16 @@
+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;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { IDescriptionsItem, TRenderType } from '../hooks/use-descriptions/index.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'];
+}

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

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

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

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

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

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