react-toolkits 0.8.21 → 0.8.23

package/lib/{index-_CFeMHGZ.chunk.js → index-b_N_y6ns.chunk.js}

@@ -1,6 +1,6 @@
-import { a as S, j as e, d as $ } from "./index-2I_COrHX.chunk.js";
+import { a as S, j as e, d as $ } from "./index-Jf-VYQNs.chunk.js";
 import { Collapse as D, Checkbox as k, Row as G, Col as _, Skeleton as T, Typography as A, Divider as w, Card as K, Space as M, Select as E, Button as N, Empty as O } from "antd";
-import { h as R, i as B } from "./index-EAawrEpf.chunk.js";
+import { h as R, i as B } from "./index-AkY1QPaq.chunk.js";
 import { useState as P, useCallback as F, useEffect as b } from "react";
 const q = (x) => {
   const { permissions: l, readonly: t, expand: d, value: a, onChange: r } = x, [m, p] = P([]), [g, u] = P({}), [c, f] = P(a ?? []), C = S(), h = F((s) => {

package/lib/index-vgp1WaSO.chunk.js

@@ -0,0 +1,189 @@
+import { A as T, _ as N, u as j, a as b, j as e, P as h, H as z, Q as R, b as A } from "./index-Jf-VYQNs.chunk.js";
+import { App as U, Row as F, Col as E, Tag as w, Space as G, Card as D, Form as p, Input as L, Select as y } from "antd";
+import { p as I } from "./immer-BLf7GM7E.chunk.js";
+import { Link as P } from "react-router-dom";
+import { u as Q, a as V, b as k, c as _ } from "./index-AkY1QPaq.chunk.js";
+import * as M from "react";
+import "react-dom";
+var $ = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M678.3 642.4c24.2-13 51.9-20.4 81.4-20.4h.1c3 0 4.4-3.6 2.2-5.6a371.67 371.67 0 00-103.7-65.8c-.4-.2-.8-.3-1.2-.5C719.2 505 759.6 431.7 759.6 349c0-137-110.8-248-247.5-248S264.7 212 264.7 349c0 82.7 40.4 156 102.6 201.1-.4.2-.8.3-1.2.5-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00137 888.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C357 628.2 432.2 597 512.2 597c56.7 0 111.1 15.7 158 45.1a8.1 8.1 0 008.1.3zM512.2 521c-45.8 0-88.9-17.9-121.4-50.4A171.2 171.2 0 01340.5 349c0-45.9 17.9-89.1 50.3-121.6S466.3 177 512.2 177s88.9 17.9 121.4 50.4A171.2 171.2 0 01683.9 349c0 45.9-17.9 89.1-50.3 121.6C601.1 503.1 558 521 512.2 521zM880 759h-84v-84c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v84h-84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h84v84c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-84h84c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z" } }] }, name: "user-add", theme: "outlined" };
+const q = $;
+var O = function(i, o) {
+  return /* @__PURE__ */ M.createElement(T, N({}, i, {
+    ref: o,
+    icon: q
+  }));
+};
+process.env.NODE_ENV !== "production" && (O.displayName = "UserAddOutlined");
+const B = /* @__PURE__ */ M.forwardRef(O), { Option: H } = y, g = "/api/usystem/user/list";
+function K() {
+  const { message: d } = U.useApp(), i = V(), { data: o, isLoading: u } = k(), { setPayload: m } = j(), n = b();
+  return A({
+    title: n("UserList.createTitle"),
+    labelCol: { flex: "80px" },
+    content: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(p.Item, { label: n("global.name"), name: "name", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(L, {}) }),
+      /* @__PURE__ */ e.jsx(p.Item, { label: n("global.role"), name: "roles", children: /* @__PURE__ */ e.jsx(y, { allowClear: !0, mode: "multiple", loading: u, children: (o ?? []).map((t) => /* @__PURE__ */ e.jsx(H, { value: t.name, children: t.name }, t.id)) }) })
+    ] }),
+    async onConfirm(t) {
+      await i.trigger(t), m(g, { page: 1 }), d.success(n("UserList.createSuccessfully"));
+    }
+  });
+}
+function J() {
+  const { message: d } = U.useApp(), i = _(), { data: o, isLoading: u } = k(), { mutate: m } = j(), n = b();
+  return A({
+    title: n("UserList.updateTitle"),
+    labelCol: { flex: "80px" },
+    content: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(p.Item, { label: n("global.name"), name: "name", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(L, { readOnly: !0 }) }),
+      /* @__PURE__ */ e.jsx(p.Item, { label: n("global.role"), name: "roles", children: /* @__PURE__ */ e.jsx(
+        y,
+        {
+          allowClear: !0,
+          mode: "multiple",
+          loading: u,
+          options: o == null ? void 0 : o.map((t) => ({
+            label: t.name,
+            value: t.name
+          })),
+          dropdownStyle: { zIndex: 9999 }
+        }
+      ) })
+    ] }),
+    async onConfirm(t, x) {
+      await i.trigger(t), m(
+        g,
+        (a) => I(a, (c) => {
+          var s;
+          if (c != null && c.dataSource) {
+            const l = (s = c.dataSource) == null ? void 0 : s.findIndex((r) => r.id === x.id);
+            l !== -1 && (c.dataSource[l].roles = t.roles);
+          }
+        }),
+        { revalidate: !1 }
+      ), d.success(n("UserList.updateSuccessfully"));
+    }
+  });
+}
+const te = () => {
+  const { modal: d, message: i } = U.useApp(), o = Q(), { mutate: u } = j(), { show: m, modal: n } = K(), { show: t, modal: x } = J(), a = b(), c = [
+    {
+      title: a("global.name"),
+      dataIndex: "name",
+      key: "name"
+    },
+    {
+      title: "ID",
+      dataIndex: "id",
+      key: "id"
+    },
+    {
+      title: a("global.role"),
+      dataIndex: "roles",
+      key: "roles",
+      width: "40%",
+      render(s) {
+        return /* @__PURE__ */ e.jsx(F, { gutter: [4, 4], children: (s || []).map((l) => /* @__PURE__ */ e.jsx(E, { children: l === "root" ? /* @__PURE__ */ e.jsx(w, { color: "#f50", children: l }) : /* @__PURE__ */ e.jsx(w, { color: "#ff5a00", children: /* @__PURE__ */ e.jsx(P, { to: `/permission/role/${l}`, children: l }) }) }, l)) });
+      }
+    },
+    {
+      title: a("global.creationTime"),
+      dataIndex: "Ctime",
+      key: "ctime"
+    },
+    {
+      title: a("global.operation"),
+      width: 150,
+      align: "center",
+      render: (s) => /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(
+          h,
+          {
+            isGlobalNS: !0,
+            size: "small",
+            type: "link",
+            code: "100003",
+            onClick: () => {
+              t({
+                initialValues: {
+                  name: s.name,
+                  roles: s.roles
+                },
+                extraValues: {
+                  id: s.id
+                }
+              });
+            },
+            children: a("global.update")
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          h,
+          {
+            isGlobalNS: !0,
+            danger: !0,
+            size: "small",
+            code: "100004",
+            type: "link",
+            onClick: () => {
+              d.confirm({
+                title: a("UserList.deleteTitle"),
+                content: /* @__PURE__ */ e.jsx(z, { texts: [s.name], children: a("UserList.deleteContent", { user: s.name }) }),
+                async onOk() {
+                  await o.trigger({
+                    id: s.id,
+                    name: s.name
+                  }), u(g, (l) => I(l, (r) => {
+                    var C, f;
+                    const S = (C = r == null ? void 0 : r.dataSource) == null ? void 0 : C.findIndex((v) => v.id === s.id);
+                    S && ((f = r == null ? void 0 : r.dataSource) == null || f.splice(S, 1));
+                  })), i.success(a("UserList.deleteSuccessfully"));
+                }
+              });
+            },
+            children: a("global.delete")
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      D,
+      {
+        title: a("global.user"),
+        extra: /* @__PURE__ */ e.jsx(
+          h,
+          {
+            isGlobalNS: !0,
+            type: "primary",
+            icon: /* @__PURE__ */ e.jsx(B, {}),
+            code: "100002",
+            onClick: () => {
+              m();
+            },
+            children: a("UserList.createTitle")
+          }
+        ),
+        children: /* @__PURE__ */ e.jsx(
+          R,
+          {
+            isGlobalNS: !0,
+            code: "100001",
+            action: g,
+            rowKey: "id",
+            columns: c,
+            getTotal: (s) => s.Total,
+            getDataSource: (s) => s.List
+          }
+        )
+      }
+    ),
+    n,
+    x
+  ] });
+};
+export {
+  g as action,
+  te as default
+};

package/lib/index.d.ts

@@ -2,20 +2,21 @@ import type { ButtonProps } from 'antd';
 import type { ComponentType } from 'react';
 import type { FC } from 'react';
 import type { FormInstance } from 'antd';
+import type { FormProps } from 'antd';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import type { Key } from 'react';
 import type { MenuDividerType } from 'antd/es/menu/hooks/useItems';
 import type { MenuItemGroupType } from 'antd/es/menu/hooks/useItems';
 import type { MenuItemType } from 'antd/es/menu/hooks/useItems';
 import type { Merge } from 'ts-essentials';
-import type { ModalFuncProps } from 'antd';
+import type { ModalProps } from 'antd';
 import type { MutatorCallback } from 'swr/_internal';
 import type { MutatorOptions } from 'swr/_internal';
 import { NamedExoticComponent } from 'react';
 import { PersistOptions } from 'zustand/middleware';
 import type { PropsWithChildren } from 'react';
 import type { ReactElement } from 'react';
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import type { Ref } from 'react';
 import type { StateStorage } from 'zustand/middleware';
 import { StoreApi } from 'zustand';
@@ -227,6 +228,12 @@ declare type MenuItemType2 = Merge<MenuItemType, {
 
 export declare const mixedStorage: StateStorage;
 
+declare interface ModalState {
+    open: Map<string, boolean>;
+    getOpen: (id: string) => boolean;
+    setOpen: (id: string, open: boolean) => void;
+}
+
 export declare const NavMenu: NamedExoticComponent<object>;
 
 export declare type NavMenuItem = MenuItemType2 | SubMenuType2 | MenuItemGroupType2 | MenuDividerType | null;
@@ -354,23 +361,17 @@ export declare interface TokenState {
 }
 
 export declare function useFormModal<Values>(props: UseFormModalProps<Values>): {
-    show: (scopedProps?: Partial<Pick<UseFormModalProps<Values>, 'title'> & {
-        initialValues?: RecursivePartial<Values>;
+    show: (config?: {
+        initialValues?: RecursivePartial<Values> | undefined;
         extraValues?: any;
-    }>) => {
-        destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
-    } & {
-        then<T>(resolve: (confirmed: boolean) => T, reject: VoidFunction): Promise<T>;
-    };
-    form: FormInstance<Values>;
-    contextHolder: JSX_2.Element;
+    }) => void;
+    hide: () => void;
+    modal: JSX_2.Element;
 };
 
-export declare interface UseFormModalProps<Values> extends Omit<ModalFuncProps, 'icon' | 'className' | 'content' | 'type' | 'onOk' | 'onCancel'> {
-    content?: (form: FormInstance<Values>) => ReactNode;
-    onConfirm?: (values: Values, form: FormInstance<Values>, extraValues: any) => Promise<void>;
-    onCancel?: (form: FormInstance<Values>) => void;
+export declare interface UseFormModalProps<Values> extends Pick<ModalProps, 'title' | 'width' | 'maskClosable'>, Pick<FormProps, 'labelCol' | 'layout' | 'initialValues'> {
+    content?: ReactNode;
+    onConfirm?: (values: Values, extraValues: any) => Promise<void>;
 }
 
 export declare const useGameStore: UseBoundStore<Omit<StoreApi<GameState>, "persist"> & {
@@ -385,6 +386,18 @@ export declare const useGameStore: UseBoundStore<Omit<StoreApi<GameState>, "pers
     };
 }>;
 
+export declare function useModal(props: UseModalProps): {
+    show: () => void;
+    hide: () => void;
+    modal: JSX_2.Element;
+};
+
+declare interface UseModalProps extends Pick<ModalProps, 'title' | 'width' | 'maskClosable' | 'onOk' | 'afterClose'> {
+    content?: ReactNode;
+}
+
+export declare const useModalStore: UseBoundStore<StoreApi<ModalState>>;
+
 export declare function usePermission(code: string | undefined, isGlobalNS?: boolean, config?: SWRConfiguration): {
     accessible: boolean;
     isValidating: boolean;

package/lib/index.js

@@ -1,17 +1,17 @@
-import { C as r, D as n, F as u, G as m, H as p, i as L, L as d, N as l, k as S, O as g, l as y, P, n as x, Q as c, o as F, R as G, p as T, S as h, q as k, t as q, v as Q, r as R, b as v, x as B, c as C, y as N, u as f, z as w, B as D, d as E, a as H, E as I, J as M } from "./index-2I_COrHX.chunk.js";
+import { C as r, D as u, F as n, G as m, H as d, i as l, L as p, N as L, k as S, O as g, l as y, P, n as x, Q as c, o as F, R as G, p as M, S as T, q as h, t as k, v as q, r as Q, b as R, x as v, y as B, z as C, c as N, B as f, u as w, E as D, J as E, d as H, a as I, K as O, M as W } from "./index-Jf-VYQNs.chunk.js";
 import "react";
 import "antd";
 import "react-dom";
 import "react-router-dom";
 export {
   r as ContextProvider,
-  n as DynamicTags,
-  u as FilterFormWrapper,
+  u as DynamicTags,
+  n as FilterFormWrapper,
   m as GameSelect,
-  p as Highlight,
-  L as InfiniteList,
-  d as Layout,
-  l as NavMenu,
+  d as Highlight,
+  l as InfiniteList,
+  p as Layout,
+  L as NavMenu,
   S as NotFound,
   g as OperationLogList,
   y as Permission,
@@ -20,21 +20,23 @@ export {
   c as QueryList,
   F as QueryListAction,
   G as RequestError,
-  T as RequireGame,
-  h as SignIn,
-  k as UserWidget,
-  q as contextStore,
-  Q as mixedStorage,
-  R as request,
-  v as useFormModal,
-  B as useGameStore,
-  C as usePermission,
-  N as usePermissions,
-  f as useQueryListStore,
-  w as useTokenStore,
-  D as useTokenValidation,
-  E as useToolkitsContext,
-  H as useTranslation,
-  I as withBaseRoutes,
-  M as withLayout
+  M as RequireGame,
+  T as SignIn,
+  h as UserWidget,
+  k as contextStore,
+  q as mixedStorage,
+  Q as request,
+  R as useFormModal,
+  v as useGameStore,
+  B as useModal,
+  C as useModalStore,
+  N as usePermission,
+  f as usePermissions,
+  w as useQueryListStore,
+  D as useTokenStore,
+  E as useTokenValidation,
+  H as useToolkitsContext,
+  I as useTranslation,
+  O as withBaseRoutes,
+  W as withLayout
 };

package/lib/style.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.left-14{left:3.5rem}.right-0{right:0}.right-16{right:4rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-6{top:1.5rem}.z-10{z-index:10}.my-12{margin-top:3rem;margin-bottom:3rem}.-mb-0{margin-bottom:-0px}.-mb-0\.5{margin-bottom:-.125rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-64{margin-left:16rem}.ml-8{margin-left:2rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.h-10{height:2.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.w-10\/12{width:83.333333%}.w-12{width:3rem}.w-8{width:2rem}.w-\[18px\]{width:18px}.w-\[650px\]{width:650px}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-10{--tw-translate-y: -2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.p-6{padding:1.5rem}.px-36{padding-left:9rem;padding-right:9rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body{padding:0;margin:0}.toolkits-modal .ant-modal-confirm .ant-modal-confirm-paragraph{max-width:100%!important}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.left-14{left:3.5rem}.right-0{right:0}.right-16{right:4rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-6{top:1.5rem}.z-10{z-index:10}.my-12{margin-top:3rem;margin-bottom:3rem}.-mb-0{margin-bottom:-0px}.-mb-0\.5{margin-bottom:-.125rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-64{margin-left:16rem}.ml-8{margin-left:2rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.h-10{height:2.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.w-10\/12{width:83.333333%}.w-12{width:3rem}.w-8{width:2rem}.w-\[18px\]{width:18px}.w-\[650px\]{width:650px}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-10{--tw-translate-y: -2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.p-6{padding:1.5rem}.px-36{padding-left:9rem;padding-right:9rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-toolkits",
-  "version": "0.8.21",
+  "version": "0.8.23",
   "packageManager": "^pnpm@8.7.5",
   "sideEffects": [
     "**/*.css"

package/lib/index-iAvVdN4q.chunk.js

@@ -1,187 +0,0 @@
-import { A as M, _ as N, u as b, a as U, j as e, P as j, H as z, Q as H, b as A } from "./index-2I_COrHX.chunk.js";
-import { App as y, Row as R, Col as E, Tag as w, Space as G, Card as _, Form as u, Input as L, Select as C } from "antd";
-import { p as I } from "./immer-BLf7GM7E.chunk.js";
-import { Link as D } from "react-router-dom";
-import { u as P, a as Q, b as k, c as V } from "./index-EAawrEpf.chunk.js";
-import * as O from "react";
-import "react-dom";
-var $ = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M678.3 642.4c24.2-13 51.9-20.4 81.4-20.4h.1c3 0 4.4-3.6 2.2-5.6a371.67 371.67 0 00-103.7-65.8c-.4-.2-.8-.3-1.2-.5C719.2 505 759.6 431.7 759.6 349c0-137-110.8-248-247.5-248S264.7 212 264.7 349c0 82.7 40.4 156 102.6 201.1-.4.2-.8.3-1.2.5-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00137 888.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C357 628.2 432.2 597 512.2 597c56.7 0 111.1 15.7 158 45.1a8.1 8.1 0 008.1.3zM512.2 521c-45.8 0-88.9-17.9-121.4-50.4A171.2 171.2 0 01340.5 349c0-45.9 17.9-89.1 50.3-121.6S466.3 177 512.2 177s88.9 17.9 121.4 50.4A171.2 171.2 0 01683.9 349c0 45.9-17.9 89.1-50.3 121.6C601.1 503.1 558 521 512.2 521zM880 759h-84v-84c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v84h-84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h84v84c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-84h84c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z" } }] }, name: "user-add", theme: "outlined" };
-const q = $;
-var v = function(c, a) {
-  return /* @__PURE__ */ O.createElement(M, N({}, c, {
-    ref: a,
-    icon: q
-  }));
-};
-process.env.NODE_ENV !== "production" && (v.displayName = "UserAddOutlined");
-const B = /* @__PURE__ */ O.forwardRef(v), { Option: F } = C, g = "/api/usystem/user/list";
-function K() {
-  const { message: d } = y.useApp(), c = Q(), { data: a, isLoading: m } = k(), { setPayload: p } = b(), n = U();
-  return A({
-    title: n("UserList.createTitle"),
-    content: (o) => /* @__PURE__ */ e.jsxs(u, { form: o, labelCol: { flex: "80px" }, children: [
-      /* @__PURE__ */ e.jsx(u.Item, { label: n("global.name"), name: "name", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(L, {}) }),
-      /* @__PURE__ */ e.jsx(u.Item, { label: n("global.role"), name: "roles", children: /* @__PURE__ */ e.jsx(C, { allowClear: !0, mode: "multiple", loading: m, children: (a ?? []).map((r) => /* @__PURE__ */ e.jsx(F, { value: r.name, children: r.name }, r.id)) }) })
-    ] }),
-    async onConfirm(o) {
-      await c.trigger(o), p(g, { page: 1 }), d.success(n("UserList.createSuccessfully"));
-    }
-  });
-}
-function J() {
-  const { message: d } = y.useApp(), c = V(), { data: a, isLoading: m } = k(), { mutate: p } = b(), n = U();
-  return A({
-    title: n("UserList.updateTitle"),
-    content: (o) => /* @__PURE__ */ e.jsxs(u, { form: o, labelCol: { flex: "80px" }, children: [
-      /* @__PURE__ */ e.jsx(u.Item, { label: n("global.name"), name: "name", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(L, { readOnly: !0 }) }),
-      /* @__PURE__ */ e.jsx(u.Item, { label: n("global.role"), name: "roles", children: /* @__PURE__ */ e.jsx(
-        C,
-        {
-          allowClear: !0,
-          mode: "multiple",
-          loading: m,
-          options: a == null ? void 0 : a.map((r) => ({
-            label: r.name,
-            value: r.name
-          })),
-          dropdownStyle: { zIndex: 9999 }
-        }
-      ) })
-    ] }),
-    async onConfirm(o, r, s) {
-      await c.trigger(o), p(
-        g,
-        (h) => I(h, (t) => {
-          var l;
-          if (t != null && t.dataSource) {
-            const i = (l = t.dataSource) == null ? void 0 : l.findIndex((x) => x.id === s.id);
-            i !== -1 && (t.dataSource[i].roles = o.roles);
-          }
-        }),
-        { revalidate: !1 }
-      ), d.success(n("UserList.updateSuccessfully"));
-    }
-  });
-}
-const se = () => {
-  const { modal: d, message: c } = y.useApp(), a = P(), { mutate: m } = b(), { show: p, contextHolder: n } = K(), { show: o, contextHolder: r } = J(), s = U(), h = [
-    {
-      title: s("global.name"),
-      dataIndex: "name",
-      key: "name"
-    },
-    {
-      title: "ID",
-      dataIndex: "id",
-      key: "id"
-    },
-    {
-      title: s("global.role"),
-      dataIndex: "roles",
-      key: "roles",
-      width: "40%",
-      render(t) {
-        return /* @__PURE__ */ e.jsx(R, { gutter: [4, 4], children: (t || []).map((l) => /* @__PURE__ */ e.jsx(E, { children: l === "root" ? /* @__PURE__ */ e.jsx(w, { color: "#f50", children: l }) : /* @__PURE__ */ e.jsx(w, { color: "#ff5a00", children: /* @__PURE__ */ e.jsx(D, { to: `/permission/role/${l}`, children: l }) }) }, l)) });
-      }
-    },
-    {
-      title: s("global.creationTime"),
-      dataIndex: "Ctime",
-      key: "ctime"
-    },
-    {
-      title: s("global.operation"),
-      width: 150,
-      align: "center",
-      render: (t) => /* @__PURE__ */ e.jsxs(G, { children: [
-        /* @__PURE__ */ e.jsx(
-          j,
-          {
-            isGlobalNS: !0,
-            size: "small",
-            type: "link",
-            code: "100003",
-            onClick: () => {
-              o({
-                initialValues: {
-                  name: t.name,
-                  roles: t.roles
-                },
-                extraValues: {
-                  id: t.id
-                }
-              });
-            },
-            children: s("global.update")
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          j,
-          {
-            isGlobalNS: !0,
-            danger: !0,
-            size: "small",
-            code: "100004",
-            type: "link",
-            onClick: () => {
-              d.confirm({
-                title: s("UserList.deleteTitle"),
-                content: /* @__PURE__ */ e.jsx(z, { texts: [t.name], children: s("UserList.deleteContent", { user: t.name }) }),
-                async onOk() {
-                  await a.trigger({
-                    id: t.id,
-                    name: t.name
-                  }), m(g, (l) => I(l, (i) => {
-                    var S, f;
-                    const x = (S = i == null ? void 0 : i.dataSource) == null ? void 0 : S.findIndex((T) => T.id === t.id);
-                    x && ((f = i == null ? void 0 : i.dataSource) == null || f.splice(x, 1));
-                  })), c.success(s("UserList.deleteSuccessfully"));
-                }
-              });
-            },
-            children: s("global.delete")
-          }
-        )
-      ] })
-    }
-  ];
-  return /* @__PURE__ */ e.jsxs(
-    _,
-    {
-      title: s("global.user"),
-      extra: /* @__PURE__ */ e.jsx(
-        j,
-        {
-          isGlobalNS: !0,
-          type: "primary",
-          icon: /* @__PURE__ */ e.jsx(B, {}),
-          code: "100002",
-          onClick: () => {
-            p();
-          },
-          children: s("UserList.createTitle")
-        }
-      ),
-      children: [
-        /* @__PURE__ */ e.jsx(
-          H,
-          {
-            isGlobalNS: !0,
-            code: "100001",
-            action: g,
-            rowKey: "id",
-            columns: h,
-            getTotal: (t) => t.Total,
-            getDataSource: (t) => t.List
-          }
-        ),
-        n,
-        r
-      ]
-    }
-  );
-};
-export {
-  g as action,
-  se as default
-};