react-toolkits 2.24.17 → 2.24.19

package/lib/chunk-ZOHMJAAX.js

@@ -0,0 +1,120 @@
+import { useTranslation } from './chunk-Z6PDWY44.js';
+import { useAuth } from './chunk-7X2LW6EY.js';
+import { createVisibilityStore, __name, generateId } from './chunk-OH74GXG4.js';
+import { Modal, Form, Button, Tooltip } from 'antd';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo, useEffect, useState, useCallback } from 'react';
+
+var AuthButton = /* @__PURE__ */ __name((props) => {
+  const { children, code, showLoading, disabled, config, ...restProps } = props;
+  const codes = code ? Array.isArray(code) ? code : [code] : [];
+  const { data, isLoading } = useAuth(codes, config);
+  const { t } = useTranslation();
+  const hasPermission = data && (typeof data === "boolean" || Object.values(data).some(Boolean));
+  const isButtonDisabled = disabled || !hasPermission || isLoading && !showLoading;
+  const isButtonLoading = isLoading && showLoading;
+  const shouldShowTooltip = isButtonDisabled;
+  const buttonNode = /* @__PURE__ */ jsx(Button, { disabled: isButtonDisabled, loading: isButtonLoading, ...restProps, children });
+  if (shouldShowTooltip) {
+    return /* @__PURE__ */ jsx(Tooltip, { defaultOpen: false, title: t("global.noEntitlement"), children: buttonNode });
+  }
+  return buttonNode;
+}, "AuthButton");
+var AuthButton_default = AuthButton;
+
+// src/hooks/modal/stores.ts
+var useModalStore = createVisibilityStore();
+function useModal(props) {
+  const { content, onConfirm, afterOpen, afterClose, ...modalProps } = props;
+  const _id = useMemo(() => generateId(), []);
+  const { show, hide, isOpen, cleanup } = useModalStore();
+  useEffect(() => {
+    return () => {
+      cleanup(_id);
+    };
+  }, [_id, cleanup]);
+  const open = isOpen(_id);
+  const [confirmLoading, setConfirmLoading] = useState(false);
+  const isRenderFunction = typeof content === "function";
+  const _show = useCallback(async () => {
+    show(_id);
+    await afterOpen?.();
+  }, [_id, show, afterOpen]);
+  const _hide = useCallback(() => {
+    hide(_id);
+  }, [_id, hide]);
+  const onCancel = useCallback(async () => {
+    _hide();
+    await afterClose?.();
+  }, [_hide, afterClose]);
+  const onOk = useCallback(async () => {
+    try {
+      setConfirmLoading(true);
+      await onConfirm?.();
+      _hide();
+      await afterClose?.();
+    } catch (error) {
+      console.error("Modal confirm error:", error);
+      throw error;
+    } finally {
+      setConfirmLoading(false);
+    }
+  }, [onConfirm, _hide, afterClose]);
+  const internalModal = /* @__PURE__ */ jsx(Modal, { ...modalProps, open, confirmLoading, onOk, onCancel, children: isRenderFunction ? /* @__PURE__ */ jsx(Fragment, { children: content({ hide: _hide }) }) : /* @__PURE__ */ jsx(Fragment, { children: content }) });
+  return {
+    id: _id,
+    show: _show,
+    hide: _hide,
+    modal: internalModal
+  };
+}
+__name(useModal, "useModal");
+function useFormModal(props) {
+  const { content, form, formProps, onConfirm, onSuccess, afterClose, ...modalProps } = props;
+  const [internalExtraValues, setInternalExtraValues] = useState({});
+  const [internalForm] = Form.useForm(form);
+  const isRenderFunction = typeof content === "function";
+  const { id, show, hide, modal } = useModal({
+    ...modalProps,
+    content: /* @__PURE__ */ __name((operation) => /* @__PURE__ */ jsx(Form, { ...formProps, form: internalForm, children: isRenderFunction ? /* @__PURE__ */ jsx(Fragment, { children: content(internalExtraValues, operation) }) : /* @__PURE__ */ jsx(Fragment, { children: content }) }), "content"),
+    onConfirm: /* @__PURE__ */ __name(async () => {
+      try {
+        const values = await internalForm.validateFields();
+        await onConfirm?.(values, internalExtraValues);
+        onSuccess?.();
+        hide();
+      } catch (error) {
+        console.error("Form validation or submission error:", error);
+        throw error;
+      }
+    }, "onConfirm"),
+    afterClose: /* @__PURE__ */ __name(() => {
+      setInternalExtraValues({});
+      afterClose?.(internalForm);
+    }, "afterClose")
+  });
+  const showForm = useCallback(
+    (options) => {
+      const { initialValues, extraValues } = options || {};
+      if (extraValues !== void 0) {
+        setInternalExtraValues(extraValues);
+      }
+      if (initialValues) {
+        internalForm.setFieldsValue(initialValues);
+      }
+      show();
+    },
+    [internalForm, show]
+  );
+  return {
+    id,
+    show: showForm,
+    hide,
+    modal
+  };
+}
+__name(useFormModal, "useFormModal");
+
+export { AuthButton_default, useFormModal, useModal, useModalStore };
+//# sourceMappingURL=chunk-ZOHMJAAX.js.map
+//# sourceMappingURL=chunk-ZOHMJAAX.js.map

package/lib/chunk-ZOHMJAAX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/authButton/AuthButton.tsx","../src/hooks/modal/stores.ts","../src/hooks/modal/modal.tsx","../src/hooks/modal/formModal.tsx"],"names":["jsx","useState","Fragment","useCallback"],"mappings":"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","file":"chunk-ZOHMJAAX.js","sourcesContent":["import type { ButtonProps } from 'antd'\nimport { Button, Tooltip } from 'antd'\nimport type { Options as KyOptions } from 'ky'\nimport type { FC, PropsWithChildren } from 'react'\n\nimport { useTranslation } from '@/locale'\nimport { useAuth } from '@/services'\n\nexport interface AuthButtonProps extends ButtonProps {\n  /** 权限码，支持单个或多个 */\n  code?: string | string[]\n  /** 加载时是否显示 loading 状态 */\n  showLoading?: boolean\n  /** 请求配置 */\n  config?: KyOptions\n}\n\n/**\n * 授权按钮组件\n * 根据权限码自动控制按钮的启用/禁用状态\n * - 有权限：正常显示可点击按钮\n * - 无权限：显示禁用按钮并带有提示\n * - 加载中：显示加载状态\n */\nconst AuthButton: FC<PropsWithChildren<AuthButtonProps>> = props => {\n  const { children, code, showLoading, disabled, config, ...restProps } = props\n  const codes = code ? (Array.isArray(code) ? code : [code]) : []\n  const { data, isLoading } = useAuth(codes, config)\n  const { t } = useTranslation()\n\n  // 判断是否有权限\n  const hasPermission = data && (typeof data === 'boolean' || Object.values(data).some(Boolean))\n\n  // 计算最终的禁用状态和加载状态\n  const isButtonDisabled = disabled || !hasPermission || (isLoading && !showLoading)\n  const isButtonLoading = isLoading && showLoading\n\n  // 判断是否需要显示 tooltip（任何禁用状态都显示）\n  const shouldShowTooltip = isButtonDisabled\n\n  const buttonNode = (\n    <Button disabled={isButtonDisabled} loading={isButtonLoading} {...restProps}>\n      {children}\n    </Button>\n  )\n\n  if (shouldShowTooltip) {\n    return (\n      <Tooltip defaultOpen={false} title={t('global.noEntitlement')}>\n        {buttonNode}\n      </Tooltip>\n    )\n  }\n\n  return buttonNode\n}\n\nexport default AuthButton\n","import { createVisibilityStore } from '@/utils'\n\nexport const useModalStore = createVisibilityStore()\n","import type { ModalProps } from 'antd'\nimport { Modal } from 'antd'\nimport { type ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { generateId } from '@/utils'\n\nimport { useModalStore } from './stores'\n\nexport interface UseModalOperation {\n  hide: () => void\n}\n\nexport interface UseModalProps extends Omit<ModalProps, 'open' | 'confirmLoading' | 'onOk' | 'onCancel'> {\n  content?: ReactNode | ((operation: UseModalOperation) => ReactNode)\n  onConfirm?: () => void | Promise<void>\n  afterOpen?: () => void | Promise<void>\n  afterClose?: () => void | Promise<void>\n}\n\nexport function useModal(props: UseModalProps) {\n  const { content, onConfirm, afterOpen, afterClose, ...modalProps } = props\n\n  const _id = useMemo(() => generateId(), [])\n  const { show, hide, isOpen, cleanup } = useModalStore()\n\n  // 组件销毁时清理 ID\n  useEffect(() => {\n    return () => {\n      cleanup(_id)\n    }\n  }, [_id, cleanup])\n\n  const open = isOpen(_id)\n  const [confirmLoading, setConfirmLoading] = useState(false)\n  const isRenderFunction = typeof content === 'function'\n\n  const _show = useCallback(async () => {\n    show(_id)\n    await afterOpen?.()\n  }, [_id, show, afterOpen])\n\n  const _hide = useCallback(() => {\n    hide(_id)\n  }, [_id, hide])\n\n  const onCancel: ModalProps['onCancel'] = useCallback(async () => {\n    _hide()\n    await afterClose?.()\n  }, [_hide, afterClose])\n\n  const onOk = useCallback(async () => {\n    try {\n      setConfirmLoading(true)\n      await onConfirm?.()\n      _hide()\n      await afterClose?.()\n    } catch (error) {\n      console.error('Modal confirm error:', error)\n      throw error\n    } finally {\n      setConfirmLoading(false)\n    }\n  }, [onConfirm, _hide, afterClose])\n\n  const internalModal = (\n    <Modal {...modalProps} open={open} confirmLoading={confirmLoading} onOk={onOk} onCancel={onCancel}>\n      {isRenderFunction ? <>{content({ hide: _hide })}</> : <>{content}</>}\n    </Modal>\n  )\n\n  return {\n    id: _id,\n    show: _show,\n    hide: _hide,\n    modal: internalModal,\n  }\n}\n","import type { FormInstance, FormProps } from 'antd'\nimport { Form } from 'antd'\nimport type { AnyObject } from 'antd/es/_util/type'\nimport type { ReactNode } from 'react'\nimport { useCallback, useState } from 'react'\n\nimport type { RecursivePartial } from '@/types'\n\nimport { useModal, type UseModalOperation, type UseModalProps } from './modal'\n\nexport interface ShowFormOptions<Values extends AnyObject, ExtraValues> {\n  initialValues?: RecursivePartial<Values>\n  extraValues?: ExtraValues\n}\n\nexport interface UseFormModalProps<Values extends AnyObject = AnyObject, ExtraValues = Record<string, unknown>>\n  extends Omit<UseModalProps, 'onConfirm' | 'content' | 'onShow' | 'afterClose'> {\n  formProps?: Omit<FormProps, 'form'>\n  form?: FormInstance<Values>\n  content?: ReactNode | ((extraValues: ExtraValues, operation: UseModalOperation) => ReactNode)\n  onConfirm?: (values: Values, extraValues: ExtraValues) => void | Promise<void>\n  onSuccess?: () => void\n  afterClose?: (form: FormInstance<Values>) => void\n}\n\nexport interface UseFormModalReturn<Values extends AnyObject, ExtraValues> {\n  id: number\n  show: (options?: ShowFormOptions<Values, ExtraValues>) => void\n  hide: () => void\n  modal: ReactNode\n}\n\nexport function useFormModal<Values extends AnyObject = AnyObject, ExtraValues = Record<string, unknown>>(\n  props: UseFormModalProps<Values, ExtraValues>,\n): UseFormModalReturn<Values, ExtraValues> {\n  const { content, form, formProps, onConfirm, onSuccess, afterClose, ...modalProps } = props\n  const [internalExtraValues, setInternalExtraValues] = useState<ExtraValues>({} as ExtraValues)\n  const [internalForm] = Form.useForm<Values>(form)\n\n  const isRenderFunction = typeof content === 'function'\n\n  const { id, show, hide, modal } = useModal({\n    ...modalProps,\n    content: operation => (\n      <Form {...formProps} form={internalForm}>\n        {isRenderFunction ? <>{content(internalExtraValues, operation)}</> : <>{content}</>}\n      </Form>\n    ),\n    onConfirm: async () => {\n      try {\n        const values = await internalForm.validateFields()\n        await onConfirm?.(values, internalExtraValues)\n        onSuccess?.()\n        hide()\n      } catch (error) {\n        console.error('Form validation or submission error:', error)\n        throw error\n      }\n    },\n    afterClose: () => {\n      setInternalExtraValues({} as ExtraValues)\n      afterClose?.(internalForm)\n    },\n  })\n\n  const showForm = useCallback(\n    (options?: ShowFormOptions<Values, ExtraValues>) => {\n      const { initialValues, extraValues } = options || {}\n\n      if (extraValues !== undefined) {\n        setInternalExtraValues(extraValues)\n      }\n\n      if (initialValues) {\n        internalForm.setFieldsValue(initialValues)\n      }\n\n      show()\n    },\n    [internalForm, show],\n  )\n\n  return {\n    id,\n    show: showForm,\n    hide,\n    modal,\n  }\n}\n"]}

package/lib/createMenuItem-CICLQWU6.js

@@ -0,0 +1,86 @@
+import { useCreateMenu } from './chunk-LXMQLSQY.js';
+import { withContext, __name, FRONTEND_ROUTE_PREFIX } from './chunk-OH74GXG4.js';
+import { Editor } from '@monaco-editor/react';
+import { App, Form, Card, Input, Switch, InputNumber, Button } from 'antd';
+import { useNavigate } from 'react-router-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CreateMenuItem = withContext(
+  () => {
+    const { message } = App.useApp();
+    const [form] = Form.useForm();
+    const navigate = useNavigate();
+    const { mutateAsync: createMenu } = useCreateMenu();
+    const onFinish = /* @__PURE__ */ __name(async (values) => {
+      const { permissions, front_route, ...rest } = values;
+      await createMenu({
+        ...rest,
+        front_route: FRONTEND_ROUTE_PREFIX + front_route,
+        permissions: permissions ? JSON.parse(permissions) : void 0
+      });
+      message.success("\u521B\u5EFA\u6210\u529F", 0.8, () => navigate("..", { relative: "route" }));
+    }, "onFinish");
+    return /* @__PURE__ */ jsx(Card, { title: "\u521B\u5EFA\u83DC\u5355\u9879", children: /* @__PURE__ */ jsxs(
+      Form,
+      {
+        scrollToFirstError: true,
+        form,
+        labelCol: { flex: "120px" },
+        initialValues: { is_common: false, is_model: false, order: 0 },
+        onFinish,
+        children: [
+          /* @__PURE__ */ jsx(Form.Item, { label: "\u83DC\u5355\u9879\u540D\u79F0", name: "category", rules: [{ required: true }], children: /* @__PURE__ */ jsx(Input, {}) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "\u524D\u7AEF\u8DEF\u7531", name: "front_route", rules: [{ required: true }], children: /* @__PURE__ */ jsx(Input, { prefix: FRONTEND_ROUTE_PREFIX }) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "\u6A21\u677F\u540D\u79F0", name: "model_name", rules: [{ required: true }], children: /* @__PURE__ */ jsx(Input, {}) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "Is Common", name: "is_common", rules: [{ required: true }], valuePropName: "checked", children: /* @__PURE__ */ jsx(Switch, {}) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "Order", name: "order", children: /* @__PURE__ */ jsx(InputNumber, { className: "w-full" }) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "\u63A5\u53E3\u89C4\u5219", name: "permissions", children: /* @__PURE__ */ jsx(
+            Editor,
+            {
+              theme: "vs-dark",
+              height: "300px",
+              language: "json",
+              options: {
+                minimap: {
+                  enabled: false
+                }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "Schema", name: "scheme", rules: [{ required: true }], children: /* @__PURE__ */ jsx(
+            Editor,
+            {
+              theme: "vs-dark",
+              height: "600px",
+              language: "json",
+              options: {
+                minimap: {
+                  enabled: false
+                }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "Ext", name: "ext", children: /* @__PURE__ */ jsx(Input.TextArea, { rows: 5 }) }),
+          /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-8", children: [
+            /* @__PURE__ */ jsx(Button, { type: "primary", htmlType: "submit", children: "\u63D0\u4EA4" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => {
+                  navigate("..", { relative: "path" });
+                },
+                children: "\u53D6\u6D88"
+              }
+            )
+          ] }) })
+        ]
+      }
+    ) });
+  },
+  { isGlobal: true }
+);
+var createMenuItem_default = CreateMenuItem;
+
+export { createMenuItem_default as default };
+//# sourceMappingURL=createMenuItem-CICLQWU6.js.map
+//# sourceMappingURL=createMenuItem-CICLQWU6.js.map

package/lib/createMenuItem-CICLQWU6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modules/menu/pages/createMenuItem/index.tsx"],"names":[],"mappings":"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","file":"createMenuItem-CICLQWU6.js","sourcesContent":["import { Editor } from '@monaco-editor/react'\nimport { App, Button, Card, Form, Input, InputNumber, Switch } from 'antd'\nimport { useNavigate } from 'react-router-dom'\n\nimport { withContext } from '@/components/toolkitsProvider'\nimport { FRONTEND_ROUTE_PREFIX } from '@/constants'\nimport type { MenuListItem } from '@/types'\n\nimport { useCreateMenu } from '../../services'\n\ntype FormSchema = Omit<MenuListItem, 'id' | 'permissions'> & { permissions: string }\n\nconst CreateMenuItem = withContext(\n  () => {\n    const { message } = App.useApp()\n    const [form] = Form.useForm<FormSchema>()\n    const navigate = useNavigate()\n    const { mutateAsync: createMenu } = useCreateMenu()\n\n    const onFinish = async (values: FormSchema) => {\n      const { permissions, front_route, ...rest } = values\n      await createMenu({\n        ...rest,\n        front_route: FRONTEND_ROUTE_PREFIX + front_route,\n        permissions: permissions ? JSON.parse(permissions) : undefined,\n      })\n      message.success('创建成功', 0.8, () => navigate('..', { relative: 'route' }))\n    }\n\n    return (\n      <Card title=\"创建菜单项\">\n        <Form\n          scrollToFirstError\n          form={form}\n          labelCol={{ flex: '120px' }}\n          initialValues={{ is_common: false, is_model: false, order: 0 }}\n          onFinish={onFinish}\n        >\n          <Form.Item label=\"菜单项名称\" name=\"category\" rules={[{ required: true }]}>\n            <Input />\n          </Form.Item>\n          <Form.Item label=\"前端路由\" name=\"front_route\" rules={[{ required: true }]}>\n            <Input prefix={FRONTEND_ROUTE_PREFIX} />\n          </Form.Item>\n          <Form.Item label=\"模板名称\" name=\"model_name\" rules={[{ required: true }]}>\n            <Input />\n          </Form.Item>\n          <Form.Item label=\"Is Common\" name=\"is_common\" rules={[{ required: true }]} valuePropName=\"checked\">\n            <Switch />\n          </Form.Item>\n          <Form.Item label=\"Order\" name=\"order\">\n            <InputNumber className=\"w-full\" />\n          </Form.Item>\n          <Form.Item label=\"接口规则\" name=\"permissions\">\n            <Editor\n              theme=\"vs-dark\"\n              height=\"300px\"\n              language=\"json\"\n              options={{\n                minimap: {\n                  enabled: false,\n                },\n              }}\n            />\n          </Form.Item>\n          <Form.Item label=\"Schema\" name=\"scheme\" rules={[{ required: true }]}>\n            <Editor\n              theme=\"vs-dark\"\n              height=\"600px\"\n              language=\"json\"\n              options={{\n                minimap: {\n                  enabled: false,\n                },\n              }}\n            />\n          </Form.Item>\n          <Form.Item label=\"Ext\" name=\"ext\">\n            <Input.TextArea rows={5} />\n          </Form.Item>\n          <Form.Item>\n            <div className=\"flex justify-center gap-8\">\n              <Button type=\"primary\" htmlType=\"submit\">\n                提交\n              </Button>\n              <Button\n                onClick={() => {\n                  navigate('..', { relative: 'path' })\n                }}\n              >\n                取消\n              </Button>\n            </div>\n          </Form.Item>\n        </Form>\n      </Card>\n    )\n  },\n  { isGlobal: true },\n)\n\nexport default CreateMenuItem\n"]}

package/lib/createMenuItem-SXFYDNCW.js

@@ -0,0 +1,2 @@
+import {a}from'./chunk-UPO7NB6O.js';import {j,f}from'./chunk-P25BHLH3.js';import {Editor}from'@monaco-editor/react';import {App,Form,Card,Input,Switch,InputNumber,Button}from'antd';import {useNavigate}from'react-router-dom';import {jsx,jsxs}from'react/jsx-runtime';var v=j(()=>{let{message:p}=App.useApp(),[c]=Form.useForm(),o=useNavigate(),{mutateAsync:I}=a();return jsx(Card,{title:"\u521B\u5EFA\u83DC\u5355\u9879",children:jsxs(Form,{scrollToFirstError:true,form:c,labelCol:{flex:"120px"},initialValues:{is_common:false,is_model:false,order:0},onFinish:async d=>{let{permissions:s,front_route:f$1,...F}=d;await I({...F,front_route:f+f$1,permissions:s?JSON.parse(s):void 0}),p.success("\u521B\u5EFA\u6210\u529F",.8,()=>o("..",{relative:"route"}));},children:[jsx(Form.Item,{label:"\u83DC\u5355\u9879\u540D\u79F0",name:"category",rules:[{required:true}],children:jsx(Input,{})}),jsx(Form.Item,{label:"\u524D\u7AEF\u8DEF\u7531",name:"front_route",rules:[{required:true}],children:jsx(Input,{prefix:f})}),jsx(Form.Item,{label:"\u6A21\u677F\u540D\u79F0",name:"model_name",rules:[{required:true}],children:jsx(Input,{})}),jsx(Form.Item,{label:"Is Common",name:"is_common",rules:[{required:true}],valuePropName:"checked",children:jsx(Switch,{})}),jsx(Form.Item,{label:"Order",name:"order",children:jsx(InputNumber,{className:"w-full"})}),jsx(Form.Item,{label:"\u63A5\u53E3\u89C4\u5219",name:"permissions",children:jsx(Editor,{theme:"vs-dark",height:"300px",language:"json",options:{minimap:{enabled:false}}})}),jsx(Form.Item,{label:"Schema",name:"scheme",rules:[{required:true}],children:jsx(Editor,{theme:"vs-dark",height:"600px",language:"json",options:{minimap:{enabled:false}}})}),jsx(Form.Item,{label:"Ext",name:"ext",children:jsx(Input.TextArea,{rows:5})}),jsx(Form.Item,{children:jsxs("div",{className:"flex justify-center gap-8",children:[jsx(Button,{type:"primary",htmlType:"submit",children:"\u63D0\u4EA4"}),jsx(Button,{onClick:()=>{o("..",{relative:"path"});},children:"\u53D6\u6D88"})]})})]})})},{isGlobal:true}),M=v;export{M as default};//# sourceMappingURL=createMenuItem-SXFYDNCW.js.map
+//# sourceMappingURL=createMenuItem-SXFYDNCW.js.map

package/lib/createMenuItem-SXFYDNCW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modules/menu/pages/createMenuItem/index.tsx"],"names":["CreateMenuItem","withContext","message","App","form","Form","navigate","useNavigate","createMenu","useCreateMenu","jsx","Card","jsxs","values","permissions","front_route","rest","FRONTEND_ROUTE_PREFIX","Input","Switch","InputNumber","Editor","Button","createMenuItem_default"],"mappings":"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","file":"createMenuItem-SXFYDNCW.js","sourcesContent":["import { Editor } from '@monaco-editor/react'\nimport { App, Button, Card, Form, Input, InputNumber, Switch } from 'antd'\nimport { useNavigate } from 'react-router-dom'\n\nimport { withContext } from '@/components/toolkitsProvider'\nimport { FRONTEND_ROUTE_PREFIX } from '@/constants'\nimport type { MenuListItem } from '@/types'\n\nimport { useCreateMenu } from '../../services'\n\ntype FormSchema = Omit<MenuListItem, 'id' | 'permissions'> & { permissions: string }\n\nconst CreateMenuItem = withContext(\n  () => {\n    const { message } = App.useApp()\n    const [form] = Form.useForm<FormSchema>()\n    const navigate = useNavigate()\n    const { mutateAsync: createMenu } = useCreateMenu()\n\n    const onFinish = async (values: FormSchema) => {\n      const { permissions, front_route, ...rest } = values\n      await createMenu({\n        ...rest,\n        front_route: FRONTEND_ROUTE_PREFIX + front_route,\n        permissions: permissions ? JSON.parse(permissions) : undefined,\n      })\n      message.success('创建成功', 0.8, () => navigate('..', { relative: 'route' }))\n    }\n\n    return (\n      <Card title=\"创建菜单项\">\n        <Form\n          scrollToFirstError\n          form={form}\n          labelCol={{ flex: '120px' }}\n          initialValues={{ is_common: false, is_model: false, order: 0 }}\n          onFinish={onFinish}\n        >\n          <Form.Item label=\"菜单项名称\" name=\"category\" rules={[{ required: true }]}>\n            <Input />\n          </Form.Item>\n          <Form.Item label=\"前端路由\" name=\"front_route\" rules={[{ required: true }]}>\n            <Input prefix={FRONTEND_ROUTE_PREFIX} />\n          </Form.Item>\n          <Form.Item label=\"模板名称\" name=\"model_name\" rules={[{ required: true }]}>\n            <Input />\n          </Form.Item>\n          <Form.Item label=\"Is Common\" name=\"is_common\" rules={[{ required: true }]} valuePropName=\"checked\">\n            <Switch />\n          </Form.Item>\n          <Form.Item label=\"Order\" name=\"order\">\n            <InputNumber className=\"w-full\" />\n          </Form.Item>\n          <Form.Item label=\"接口规则\" name=\"permissions\">\n            <Editor\n              theme=\"vs-dark\"\n              height=\"300px\"\n              language=\"json\"\n              options={{\n                minimap: {\n                  enabled: false,\n                },\n              }}\n            />\n          </Form.Item>\n          <Form.Item label=\"Schema\" name=\"scheme\" rules={[{ required: true }]}>\n            <Editor\n              theme=\"vs-dark\"\n              height=\"600px\"\n              language=\"json\"\n              options={{\n                minimap: {\n                  enabled: false,\n                },\n              }}\n            />\n          </Form.Item>\n          <Form.Item label=\"Ext\" name=\"ext\">\n            <Input.TextArea rows={5} />\n          </Form.Item>\n          <Form.Item>\n            <div className=\"flex justify-center gap-8\">\n              <Button type=\"primary\" htmlType=\"submit\">\n                提交\n              </Button>\n              <Button\n                onClick={() => {\n                  navigate('..', { relative: 'path' })\n                }}\n              >\n                取消\n              </Button>\n            </div>\n          </Form.Item>\n        </Form>\n      </Card>\n    )\n  },\n  { isGlobal: true },\n)\n\nexport default CreateMenuItem\n"]}

package/lib/index.css

@@ -1 +1 @@
-@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-inset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--font-weight-medium:500;--font-weight-bold:700;--leading-tight:1.25;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}table{border-collapse:collapse;border-color:inherit;text-indent:0}menu{list-style:none}img,object,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}button,select{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-6{top:calc(var(--spacing)*6)}.top-16{top:calc(var(--spacing)*16)}.right-0{right:calc(var(--spacing)*0)}.right-16{right:calc(var(--spacing)*16)}.left-14{left:calc(var(--spacing)*14)}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.my-12{margin-block:calc(var(--spacing)*12)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-6{margin-right:calc(var(--spacing)*6)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-10{height:calc(var(--spacing)*10)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.w-8{width:calc(var(--spacing)*8)}.w-full{width:100%}.w-screen{width:100vw}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-grow-0{flex-grow:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius-lg)}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.from-gray-800{--tw-gradient-from:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-600{--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:calc(var(--spacing)*1)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-36{padding-inline:calc(var(--spacing)*36)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-gray-500{color:var(--color-gray-500)}.text-transparent{color:#0000}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-blue-500:hover{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
+@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-inset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--font-weight-medium:500;--font-weight-bold:700;--leading-tight:1.25;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}table{border-collapse:collapse;border-color:inherit;text-indent:0}menu{list-style:none}img,object,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}button,select{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-6{top:calc(var(--spacing)*6)}.top-16{top:calc(var(--spacing)*16)}.right-0{right:calc(var(--spacing)*0)}.right-16{right:calc(var(--spacing)*16)}.left-14{left:calc(var(--spacing)*14)}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.my-12{margin-block:calc(var(--spacing)*12)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-6{margin-right:calc(var(--spacing)*6)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-10{height:calc(var(--spacing)*10)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.w-8{width:calc(var(--spacing)*8)}.w-full{width:100%}.w-screen{width:100vw}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-grow-0{flex-grow:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius-lg)}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.from-gray-800{--tw-gradient-from:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-600{--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:calc(var(--spacing)*1)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-36{padding-inline:calc(var(--spacing)*36)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-gray-500{color:var(--color-gray-500)}.text-transparent{color:#0000}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-blue-500:hover{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/lib/index.d.ts

@@ -1,6 +1,5 @@
 import { ButtonProps, FormInstance, MenuProps, SelectProps, DrawerProps, Button, FormProps, ModalProps } from 'antd';
 import { Options } from 'ky';
-import * as react from 'react';
 import { FC, PropsWithChildren, Key, ReactNode, ReactElement, Ref, DetailedHTMLProps, ImgHTMLAttributes, ComponentType, ComponentProps } from 'react';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -131,7 +130,7 @@ interface InfiniteListState {
     getInstance(id: string): InfiniteListInstance | undefined;
     getAllInstances(): InfiniteListInstance[];
 }
-declare const useInfiniteListStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<InfiniteListState>, "setState"> & {
+declare const useInfiniteListStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<InfiniteListState>, "setState" | "devtools"> & {
     setState(partial: InfiniteListState | Partial<InfiniteListState> | ((state: InfiniteListState) => InfiniteListState | Partial<InfiniteListState>), replace?: false | undefined, action?: (string | {
         [x: string]: unknown;
         [x: number]: unknown;
@@ -144,6 +143,9 @@ declare const useInfiniteListStore: zustand.UseBoundStore<Omit<Omit<zustand.Stor
         [x: symbol]: unknown;
         type: string;
     }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
 }, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: InfiniteListState, previousSelectedState: InfiniteListState) => void): () => void;
@@ -157,12 +159,12 @@ declare const useInfiniteListStore: zustand.UseBoundStore<Omit<Omit<zustand.Stor
 type NavMenuItemType = Merge<MenuItemType, {
     route?: string;
 }>;
-type NavSubMenuType = Merge<SubMenuType, {
+interface NavSubMenuType extends Omit<SubMenuType, 'children'> {
     children?: NavItem[];
-}>;
-type NavMenuItemGroupType = Merge<MenuItemGroupType, {
+}
+interface NavMenuItemGroupType extends Omit<MenuItemGroupType, 'children'> {
     children?: NavItem[];
-}>;
+}
 type NavItem = Exclude<ItemType, SubMenuType | MenuItemGroupType | MenuItemType> | NavMenuItemType | NavSubMenuType | NavMenuItemGroupType;
 
 interface NavProps {
@@ -170,7 +172,7 @@ interface NavProps {
     theme?: MenuProps['theme'];
     loading?: boolean;
 }
-declare const Nav: react.NamedExoticComponent<NavProps>;
+declare const Nav: (props: NavProps) => react_jsx_runtime.JSX.Element;
 
 type Area = 'all' | 'cn' | 'global';
 type ScreenOrientation = 0 | 1;
@@ -289,7 +291,7 @@ interface QueryListState {
     getInstance(id: string): QueryListInstance | undefined;
     getAllInstances(): QueryListInstance[];
 }
-declare const useQueryListStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<QueryListState>, "setState"> & {
+declare const useQueryListStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<QueryListState>, "setState" | "devtools"> & {
     setState(partial: QueryListState | Partial<QueryListState> | ((state: QueryListState) => QueryListState | Partial<QueryListState>), replace?: false | undefined, action?: (string | {
         [x: string]: unknown;
         [x: number]: unknown;
@@ -302,6 +304,9 @@ declare const useQueryListStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreAp
         [x: symbol]: unknown;
         type: string;
     }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
 }, "subscribe"> & {
     subscribe: {
         (listener: (selectedState: QueryListState, previousSelectedState: QueryListState) => void): () => void;
@@ -393,7 +398,7 @@ type Locale = {
     RequireGame: {
         description: string;
     };
-    UserWidget: {
+    UserDropdown: {
         signOutText: string;
     };
     User: {
@@ -484,7 +489,7 @@ declare const withContext: (Component: ComponentType, providerProps: Omit<Toolki
     displayName: string;
 };
 
-declare const UserWidget: FC;
+declare const UserDropdown: FC;
 
 interface UseDrawerOperation {
     hide: () => void;
@@ -828,4 +833,4 @@ declare function useAuth(code?: string | string[], config?: Options): {
 declare function useMenuList(): _tanstack_react_query.UseQueryResult<MenuListItem[], Error>;
 declare const useGames: () => _tanstack_react_query.UseQueryResult<Game[], Error>;
 
-export { APP_ID_HEADER, AuthButton, type AuthButtonProps, DynamicTags, type DynamicTagsProps, ExpandableParagraph, type ExpandableParagraphProps, FRONTEND_ROUTE_PREFIX, FilterFormWrapper, type FilterFormWrapperProps, type Game, Highlight, type HighlightProps, InfiniteList, InfiniteListAction, type InfiniteListPayload, type InfiniteListProps, type InfiniteListRef, type InfiniteListRequestConfig, Layout, type LayoutProps, Logo, type LogoProps, type MenuListItem, Nav, type NavItem, NotFound, _default as OperationLogList, type Permission, PermissionVersion, QueryList, QueryListAction, type QueryListPayload, type QueryListProps, type QueryListRef, type RecursivePartial, RequireAuth, type RequireAuthProps, RequireGame, SSO_URL, SignIn, ToolkitsProvider, type ToolkitsProviderProps, type UseFormDrawerProps, type UseFormModalProps, UserWidget, type VisibilityState, WILDCARD, createVisibilityStore, generateId, _default$2 as menu, mixedStorage, _default$1 as permission, useAuth, useDrawer, useDrawerStore, useFormDrawer, useFormModal, useGames, useInfiniteListStore, useMenuList, useModal, useModalStore, useQueryListStore, useToolkitsStore, withContext };
+export { APP_ID_HEADER, AuthButton, type AuthButtonProps, DynamicTags, type DynamicTagsProps, ExpandableParagraph, type ExpandableParagraphProps, FRONTEND_ROUTE_PREFIX, FilterFormWrapper, type FilterFormWrapperProps, type Game, Highlight, type HighlightProps, InfiniteList, InfiniteListAction, type InfiniteListPayload, type InfiniteListProps, type InfiniteListRef, type InfiniteListRequestConfig, Layout, type LayoutProps, Logo, type LogoProps, type MenuListItem, Nav, type NavItem, NotFound, _default as OperationLogList, type Permission, PermissionVersion, QueryList, QueryListAction, type QueryListPayload, type QueryListProps, type QueryListRef, type RecursivePartial, RequireAuth, type RequireAuthProps, RequireGame, SSO_URL, SignIn, ToolkitsProvider, type ToolkitsProviderProps, type UseFormDrawerProps, type UseFormModalProps, UserDropdown, type VisibilityState, WILDCARD, createVisibilityStore, generateId, _default$2 as menu, mixedStorage, _default$1 as permission, useAuth, useDrawer, useDrawerStore, useFormDrawer, useFormModal, useGames, useInfiniteListStore, useMenuList, useModal, useModalStore, useQueryListStore, useToolkitsStore, withContext };