@fangxinyan/lumina 0.1.5 → 0.2.0

package/dist/chunk-IWVKITPN.js

@@ -0,0 +1,102 @@
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Drawer-IPGB4CXH.css';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var ANIM_MS = 280;
+var Drawer = ({
+  open,
+  onClose,
+  placement = "right",
+  size = 380,
+  title,
+  extra,
+  footer,
+  children,
+  mask = true,
+  maskClosable = true,
+  keyboard = true,
+  closable = true,
+  closeIcon,
+  destroyOnClose = false,
+  afterOpenChange,
+  zIndex,
+  className = ""
+}) => {
+  const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);
+  React.useEffect(() => {
+    if (open) setHasOpenedOnce(true);
+  }, [open]);
+  React.useEffect(() => {
+    if (!open || !keyboard) return;
+    const h = (e) => e.key === "Escape" && onClose?.();
+    window.addEventListener("keydown", h);
+    return () => window.removeEventListener("keydown", h);
+  }, [open, keyboard, onClose]);
+  const prevOpen = React.useRef(open);
+  React.useEffect(() => {
+    if (prevOpen.current !== open) {
+      prevOpen.current = open;
+      if (afterOpenChange) {
+        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);
+        return () => window.clearTimeout(id);
+      }
+    }
+  }, [open, afterOpenChange]);
+  if (typeof document === "undefined") return null;
+  if (!hasOpenedOnce) return null;
+  if (!open && destroyOnClose) return null;
+  const isV = placement === "left" || placement === "right";
+  const style = isV ? { width: size } : { height: size };
+  if (zIndex != null) style.zIndex = zIndex;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      mask && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `drawer-overlay ${open ? "" : "hidden"}`,
+          style: zIndex != null ? { zIndex: zIndex - 1 } : void 0,
+          onClick: () => maskClosable && onClose?.()
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
+          style,
+          onClick: (e) => e.stopPropagation(),
+          role: "dialog",
+          "aria-hidden": !open,
+          children: [
+            (title || extra || closable) && /* @__PURE__ */ jsxs("div", { className: "drawer-head", children: [
+              /* @__PURE__ */ jsx("div", { className: "drawer-title", children: title }),
+              /* @__PURE__ */ jsxs("div", { className: "drawer-head-right", children: [
+                extra,
+                closable && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "drawer-close",
+                    onClick: onClose,
+                    "aria-label": "Close",
+                    children: closeIcon ?? /* @__PURE__ */ jsx(Icon, { name: "x", size: 16 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "drawer-body", children }),
+            footer && /* @__PURE__ */ jsx("div", { className: "drawer-foot", children: footer })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+};
+
+export { Drawer };
+//# sourceMappingURL=chunk-IWVKITPN.js.map
+//# sourceMappingURL=chunk-IWVKITPN.js.map

package/dist/chunk-IWVKITPN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;AA+CA,IAAM,OAAA,GAAU,GAAA;AAGT,IAAM,SAAgC,CAAC;AAAA,EAC5C,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ,IAAA,GAAO,GAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA,GAAe,IAAA;AAAA,EACf,QAAA,GAAW,IAAA;AAAA,EACX,QAAA,GAAW,IAAA;AAAA,EACX,SAAA;AAAA,EACA,cAAA,GAAiB,KAAA;AAAA,EACjB,eAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAU,eAAS,IAAI,CAAA;AAC7D,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,IAAA,mBAAuB,IAAI,CAAA;AAAA,EACjC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,QAAA,EAAU;AACxB,IAAA,MAAM,IAAI,CAAC,CAAA,KAAqB,CAAA,CAAE,GAAA,KAAQ,YAAY,OAAA,IAAU;AAChE,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,CAAC,CAAA;AACpC,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,CAAC,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,IAAA,EAAM,QAAA,EAAU,OAAO,CAAC,CAAA;AAE5B,EAAA,MAAM,QAAA,GAAiB,aAAO,IAAI,CAAA;AAClC,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,QAAA,CAAS,YAAY,IAAA,EAAM;AAC7B,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AACnB,MAAA,IAAI,eAAA,EAAiB;AACnB,QAAA,MAAM,KAAK,MAAA,CAAO,UAAA,CAAW,MAAM,eAAA,CAAgB,IAAI,GAAG,OAAO,CAAA;AACjE,QAAA,OAAO,MAAM,MAAA,CAAO,YAAA,CAAa,EAAE,CAAA;AAAA,MACrC;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,eAAe,CAAC,CAAA;AAE1B,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,IAAA;AAC5C,EAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAC3B,EAAA,IAAI,CAAC,IAAA,IAAQ,cAAA,EAAgB,OAAO,IAAA;AAEpC,EAAA,MAAM,GAAA,GAAM,SAAA,KAAc,MAAA,IAAU,SAAA,KAAc,OAAA;AAClD,EAAA,MAAM,KAAA,GAA6B,MAAM,EAAE,KAAA,EAAO,MAAK,GAAI,EAAE,QAAQ,IAAA,EAAK;AAC1E,EAAA,IAAI,MAAA,IAAU,IAAA,EAAM,KAAA,CAAM,MAAA,GAAS,MAAA;AAEnC,EAAA,OAAO,QAAA,CAAS,YAAA;AAAA,oBACd,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,IAAA,oBACC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,CAAA,eAAA,EAAkB,IAAA,GAAO,EAAA,GAAK,QAAQ,CAAA,CAAA;AAAA,UACjD,OAAO,MAAA,IAAU,IAAA,GAAO,EAAE,MAAA,EAAQ,MAAA,GAAS,GAAE,GAAI,MAAA;AAAA,UACjD,OAAA,EAAS,MAAM,YAAA,IAAgB,OAAA;AAAU;AAAA,OAC3C;AAAA,sBAEF,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,UAAU,SAAS,CAAA,CAAA,EAAI,OAAO,EAAA,GAAK,QAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,UACnE,KAAA;AAAA,UACA,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,EAAgB;AAAA,UAClC,IAAA,EAAK,QAAA;AAAA,UACL,eAAa,CAAC,IAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,YAAA,CAAA,KAAA,IAAS,KAAA,IAAS,QAAA,qBAClB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,aAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,8BACrC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EACZ,QAAA,EAAA;AAAA,gBAAA,KAAA;AAAA,gBACA,QAAA,oBACC,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,SAAA,EAAU,cAAA;AAAA,oBACV,OAAA,EAAS,OAAA;AAAA,oBACT,YAAA,EAAW,OAAA;AAAA,oBAEV,uCAAa,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EAAI,MAAM,EAAA,EAAI;AAAA;AAAA;AACzC,eAAA,EAEJ;AAAA,aAAA,EACF,CAAA;AAAA,4BAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAS,CAAA;AAAA,YACtC,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAe,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA;AAClD,KAAA,EACF,CAAA;AAAA,IACA,QAAA,CAAS;AAAA,GACX;AACF","file":"chunk-IWVKITPN.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Drawer.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\n\nexport interface DrawerProps {\n  /** Whether the drawer is visible. */\n  open: boolean;\n  /** Close callback (triggered by mask click / close button / Esc). */\n  onClose?: () => void;\n  /** Which edge the drawer slides from. */\n  placement?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  /** Width (for left/right) or height (for top/bottom). Number → px. */\n  size?: number | string;\n  /** Header title. */\n  title?: React.ReactNode;\n  /** Extra content rendered to the right of the title (e.g. action buttons). */\n  extra?: React.ReactNode;\n  /** Footer content. */\n  footer?: React.ReactNode;\n  /** Drawer body. */\n  children?: React.ReactNode;\n  /** Render the mask overlay. Default true. Set `false` for a non-blocking drawer. */\n  mask?: boolean;\n  /** Close when clicking the mask. Default true. Ignored when `mask` is false. */\n  maskClosable?: boolean;\n  /** Close on Escape key. Default true. */\n  keyboard?: boolean;\n  /** Show the close (×) button in the header. Default true. */\n  closable?: boolean;\n  /** Override the close icon node. */\n  closeIcon?: React.ReactNode;\n  /**\n   * When true the drawer's children are unmounted every time it closes.\n   * Default `false` — children stay mounted across open/close cycles so\n   * internal state (form fields, scroll position) is preserved.\n   */\n  destroyOnClose?: boolean;\n  /** Fires after the open/close animation finishes. */\n  afterOpenChange?: (open: boolean) => void;\n  /** Stack index for nested drawers. */\n  zIndex?: number;\n  className?: string;\n}\n\nconst ANIM_MS = 280;\n\n/** `Drawer` — slide-in panel from an edge. */\nexport const Drawer: React.FC<DrawerProps> = ({\n  open,\n  onClose,\n  placement = \"right\",\n  size = 380,\n  title,\n  extra,\n  footer,\n  children,\n  mask = true,\n  maskClosable = true,\n  keyboard = true,\n  closable = true,\n  closeIcon,\n  destroyOnClose = false,\n  afterOpenChange,\n  zIndex,\n  className = \"\",\n}) => {\n  const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);\n  React.useEffect(() => {\n    if (open) setHasOpenedOnce(true);\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open || !keyboard) return;\n    const h = (e: KeyboardEvent) => e.key === \"Escape\" && onClose?.();\n    window.addEventListener(\"keydown\", h);\n    return () => window.removeEventListener(\"keydown\", h);\n  }, [open, keyboard, onClose]);\n\n  const prevOpen = React.useRef(open);\n  React.useEffect(() => {\n    if (prevOpen.current !== open) {\n      prevOpen.current = open;\n      if (afterOpenChange) {\n        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);\n        return () => window.clearTimeout(id);\n      }\n    }\n  }, [open, afterOpenChange]);\n\n  if (typeof document === \"undefined\") return null;\n  if (!hasOpenedOnce) return null;\n  if (!open && destroyOnClose) return null;\n\n  const isV = placement === \"left\" || placement === \"right\";\n  const style: React.CSSProperties = isV ? { width: size } : { height: size };\n  if (zIndex != null) style.zIndex = zIndex;\n\n  return ReactDOM.createPortal(\n    <>\n      {mask && (\n        <div\n          className={`drawer-overlay ${open ? \"\" : \"hidden\"}`}\n          style={zIndex != null ? { zIndex: zIndex - 1 } : undefined}\n          onClick={() => maskClosable && onClose?.()}\n        />\n      )}\n      <div\n        className={`drawer ${placement} ${open ? \"\" : \"hidden\"} ${className}`}\n        style={style}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-hidden={!open}\n      >\n        {(title || extra || closable) && (\n          <div className=\"drawer-head\">\n            <div className=\"drawer-title\">{title}</div>\n            <div className=\"drawer-head-right\">\n              {extra}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"drawer-close\"\n                  onClick={onClose}\n                  aria-label=\"Close\"\n                >\n                  {closeIcon ?? <Icon name=\"x\" size={16} />}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n        <div className=\"drawer-body\">{children}</div>\n        {footer && <div className=\"drawer-foot\">{footer}</div>}\n      </div>\n    </>,\n    document.body\n  );\n};\n"]}

package/dist/{chunk-I2ERCHFV.cjs → chunk-JKLQOB2F.cjs}

@@ -2,7 +2,7 @@
 
 require('./tokens-HWQ7KWPG.css');
 require('./shared-NJHRNLRH.css');
-require('./Card-2CHHFD4Y.css');
+require('./Card-RG7ECXL2.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -28,8 +28,14 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/components/Card/Card.tsx
 var Card = React__namespace.forwardRef(
-  ({ variant = "raised", padding = "md", className = "", children, ...rest }, ref) => {
-    const cls = ["card", variant, padding !== "md" && `pad-${padding}`, className].filter(Boolean).join(" ");
+  ({ variant = "raised", padding = "md", hoverable, className = "", children, ...rest }, ref) => {
+    const cls = [
+      "card",
+      variant,
+      padding !== "md" && `pad-${padding}`,
+      hoverable && "hoverable",
+      className
+    ].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cls, ...rest, children });
   }
 );
@@ -54,5 +60,5 @@ var Panel = ({
 
 exports.Card = Card;
 exports.Panel = Panel;
-//# sourceMappingURL=chunk-I2ERCHFV.cjs.map
-//# sourceMappingURL=chunk-I2ERCHFV.cjs.map
+//# sourceMappingURL=chunk-JKLQOB2F.cjs.map
+//# sourceMappingURL=chunk-JKLQOB2F.cjs.map

package/dist/chunk-JKLQOB2F.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,IAAM,IAAA,GAAaA,gBAAA,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,OAAA,GAAU,QAAA,EAAU,OAAA,GAAU,IAAA,EAAM,SAAA,EAAW,SAAA,GAAY,EAAA,EAAI,QAAA,EAAU,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAC7F,IAAA,MAAM,GAAA,GAAM;AAAA,MACV,MAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA,KAAY,IAAA,IAAQ,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA;AAAA,MAClC,SAAA,IAAa,WAAA;AAAA,MACb;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,IAAA,sCACG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,GAAA,EAAM,GAAG,MAChC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAYZ,IAAM,QAA8B,CAAC;AAAA,EAC1C,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,qCACG,KAAA,EAAA,EAAI,SAAA,EAAW,SAAS,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EACtC,QAAA,EAAA;AAAA,EAAA,CAAA,KAAA,IAAS,OAAA,qBACTC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,cAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBAASC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC7C,WAAA,oBAAeA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAC3D,CAAA;AAAA,IACC,OAAA,oBAAWA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAiB,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACtD,CAAA;AAAA,kBAEFA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS;AAAA,CAAA,EACxC","file":"chunk-JKLQOB2F.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Card.css\";\nimport * as React from \"react\";\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual variant. `raised` protrudes; `sunken` recesses; `flat` is subtle. */\n  variant?: \"raised\" | \"sunken\" | \"flat\";\n  /** Inner padding. */\n  padding?: \"none\" | \"sm\" | \"md\" | \"lg\";\n  /** When true, the card raises and lifts on hover. */\n  hoverable?: boolean;\n  children?: React.ReactNode;\n}\n\n/**\n * `Card` — neumorphic surface container. Use to group related content.\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ variant = \"raised\", padding = \"md\", hoverable, className = \"\", children, ...rest }, ref) => {\n    const cls = [\n      \"card\",\n      variant,\n      padding !== \"md\" && `pad-${padding}`,\n      hoverable && \"hoverable\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n    return (\n      <div ref={ref} className={cls} {...rest}>\n        {children}\n      </div>\n    );\n  }\n);\nCard.displayName = \"Card\";\n\nexport interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\n/**\n * `Panel` — a titled `Card` with optional actions row.\n */\nexport const Panel: React.FC<PanelProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className = \"\",\n  ...rest\n}) => (\n  <div className={`panel ${className}`} {...rest}>\n    {(title || actions) && (\n      <div className=\"panel-head\">\n        <div className=\"panel-titles\">\n          {title && <div className=\"panel-title\">{title}</div>}\n          {description && <div className=\"panel-desc\">{description}</div>}\n        </div>\n        {actions && <div className=\"panel-actions\">{actions}</div>}\n      </div>\n    )}\n    <div className=\"panel-body\">{children}</div>\n  </div>\n);\n"]}

package/dist/{chunk-IGHLSNXT.cjs → chunk-K7PVJLW4.cjs}

@@ -1,9 +1,10 @@
 'use strict';
 
+var chunkEPFYIR63_cjs = require('./chunk-EPFYIR63.cjs');
 var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
 require('./tokens-HWQ7KWPG.css');
 require('./shared-NJHRNLRH.css');
-require('./Pagination-6FFOI4NM.css');
+require('./Pagination-YIRYJUXP.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -27,6 +28,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var DEFAULT_SIZE_OPTIONS = [10, 20, 50, 100];
 var Pagination = ({
   total,
   pageSize = 10,
@@ -34,17 +36,37 @@ var Pagination = ({
   defaultPage = 1,
   onChange,
   siblings = 1,
+  showQuickJumper = false,
+  showSizeChanger = false,
+  pageSizeOptions = DEFAULT_SIZE_OPTIONS,
+  onShowSizeChange,
   className = ""
 }) => {
   const [inner, setInner] = React__namespace.useState(defaultPage);
   const isControlled = page !== void 0;
   const cur = isControlled ? page : inner;
   const pages = Math.max(1, Math.ceil(total / pageSize));
+  const [jumpDraft, setJumpDraft] = React__namespace.useState("");
   const go = (p) => {
     const next = Math.min(pages, Math.max(1, p));
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
+  const handleJump = (e) => {
+    if (e.key !== "Enter") return;
+    const n = Number(jumpDraft);
+    if (!Number.isFinite(n) || n < 1) {
+      setJumpDraft("");
+      return;
+    }
+    go(Math.trunc(n));
+    setJumpDraft("");
+  };
+  const handleSizeChange = (size) => {
+    onShowSizeChange?.(cur, size);
+    if (!isControlled) setInner(1);
+    onChange?.(1);
+  };
   const range = () => {
     const out = [];
     const add = (n) => out.push(n);
@@ -99,11 +121,36 @@ var Pagination = ({
           "aria-label": "Next",
           children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "chevRight", size: 12 })
         }
-      )
+      ),
+      showSizeChanger && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pg-size-changer", children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkEPFYIR63_cjs.Select,
+        {
+          value: pageSize,
+          size: "sm",
+          options: pageSizeOptions.map((n) => ({ value: n, label: `${n} \u6761/\u9875` })),
+          onChange: handleSizeChange
+        }
+      ) }),
+      showQuickJumper && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pg-jumper", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pg-jumper-label", children: "\u8DF3\u81F3" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "numeric",
+            className: "pg-jumper-input",
+            value: jumpDraft,
+            onChange: (e) => setJumpDraft(e.target.value.replace(/[^\d]/g, "")),
+            onKeyDown: handleJump,
+            "aria-label": "\u8DF3\u8F6C\u5230\u6307\u5B9A\u9875"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pg-jumper-label", children: "\u9875" })
+      ] })
     ] })
   ] });
 };
 
 exports.Pagination = Pagination;
-//# sourceMappingURL=chunk-IGHLSNXT.cjs.map
-//# sourceMappingURL=chunk-IGHLSNXT.cjs.map
+//# sourceMappingURL=chunk-K7PVJLW4.cjs.map
+//# sourceMappingURL=chunk-K7PVJLW4.cjs.map

package/dist/chunk-K7PVJLW4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":["React","jsxs","jsx","Icon","Select"],"mappings":"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","file":"chunk-K7PVJLW4.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Pagination.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Select } from \"../Select\";\n\nexport interface PaginationProps {\n  /** Total number of items. */\n  total: number;\n  /** Items per page. */\n  pageSize?: number;\n  /** Current page (1-indexed). */\n  page?: number;\n  defaultPage?: number;\n  onChange?: (page: number) => void;\n  /** Max visible page buttons (before ellipsis logic). */\n  siblings?: number;\n  /**\n   * Render a \"跳至 N 页\" input to the right of the page buttons. Enter key commits\n   * and clamps to `1..totalPages`.\n   */\n  showQuickJumper?: boolean;\n  /**\n   * Render a Select to let the user switch the page size. Resetting the size sends the\n   * user back to page 1 and calls both `onShowSizeChange` and `onChange(1)`.\n   */\n  showSizeChanger?: boolean;\n  /** Page size choices for `showSizeChanger`. Defaults to `[10, 20, 50, 100]`. */\n  pageSizeOptions?: number[];\n  /** Fires when the user picks a new page size via the size changer. */\n  onShowSizeChange?: (current: number, size: number) => void;\n  className?: string;\n}\n\nconst DEFAULT_SIZE_OPTIONS = [10, 20, 50, 100];\n\n/** `Pagination` — page number controls. */\nexport const Pagination: React.FC<PaginationProps> = ({\n  total,\n  pageSize = 10,\n  page,\n  defaultPage = 1,\n  onChange,\n  siblings = 1,\n  showQuickJumper = false,\n  showSizeChanger = false,\n  pageSizeOptions = DEFAULT_SIZE_OPTIONS,\n  onShowSizeChange,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultPage);\n  const isControlled = page !== undefined;\n  const cur = isControlled ? page! : inner;\n  const pages = Math.max(1, Math.ceil(total / pageSize));\n  const [jumpDraft, setJumpDraft] = React.useState(\"\");\n\n  const go = (p: number) => {\n    const next = Math.min(pages, Math.max(1, p));\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const handleJump = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key !== \"Enter\") return;\n    const n = Number(jumpDraft);\n    if (!Number.isFinite(n) || n < 1) {\n      setJumpDraft(\"\");\n      return;\n    }\n    go(Math.trunc(n));\n    setJumpDraft(\"\");\n  };\n\n  const handleSizeChange = (size: number) => {\n    onShowSizeChange?.(cur, size);\n    // reset to page 1 — Ant Design parity\n    if (!isControlled) setInner(1);\n    onChange?.(1);\n  };\n\n  const range = (): (number | \"...\")[] => {\n    const out: (number | \"...\")[] = [];\n    const add = (n: number | \"...\") => out.push(n);\n    const s = Math.max(2, cur - siblings);\n    const e = Math.min(pages - 1, cur + siblings);\n    add(1);\n    if (s > 2) add(\"...\");\n    for (let i = s; i <= e; i++) add(i);\n    if (e < pages - 1) add(\"...\");\n    if (pages > 1) add(pages);\n    return out;\n  };\n\n  return (\n    <div className={`pagination ${className}`}>\n      <span className=\"pg-info\">\n        共 {total} 条 · 第 {cur} / {pages} 页\n      </span>\n      <div className=\"pg-controls\">\n        <button\n          type=\"button\"\n          className={`pg ${cur === 1 ? \"disabled\" : \"\"}`}\n          onClick={() => cur > 1 && go(cur - 1)}\n          aria-label=\"Previous\"\n        >\n          <Icon name=\"chevLeft\" size={12} />\n        </button>\n        {range().map((p, i) =>\n          p === \"...\" ? (\n            <span key={`e${i}`} className=\"ellipsis\">…</span>\n          ) : (\n            <button\n              key={p}\n              type=\"button\"\n              className={`pg ${p === cur ? \"active\" : \"\"}`}\n              onClick={() => go(p)}\n            >\n              {p}\n            </button>\n          )\n        )}\n        <button\n          type=\"button\"\n          className={`pg ${cur === pages ? \"disabled\" : \"\"}`}\n          onClick={() => cur < pages && go(cur + 1)}\n          aria-label=\"Next\"\n        >\n          <Icon name=\"chevRight\" size={12} />\n        </button>\n        {showSizeChanger && (\n          <div className=\"pg-size-changer\">\n            <Select<number>\n              value={pageSize}\n              size=\"sm\"\n              options={pageSizeOptions.map((n) => ({ value: n, label: `${n} 条/页` }))}\n              onChange={handleSizeChange}\n            />\n          </div>\n        )}\n        {showQuickJumper && (\n          <label className=\"pg-jumper\">\n            <span className=\"pg-jumper-label\">跳至</span>\n            <input\n              type=\"text\"\n              inputMode=\"numeric\"\n              className=\"pg-jumper-input\"\n              value={jumpDraft}\n              onChange={(e) => setJumpDraft(e.target.value.replace(/[^\\d]/g, \"\"))}\n              onKeyDown={handleJump}\n              aria-label=\"跳转到指定页\"\n            />\n            <span className=\"pg-jumper-label\">页</span>\n          </label>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/chunk-LDENBYRC.cjs

@@ -0,0 +1,210 @@
+'use strict';
+
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Input-33CAH4O6.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Input = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    placeholder,
+    leadingIcon,
+    trailingIcon,
+    onLeadingIconClick,
+    onTrailingIconClick,
+    size = "md",
+    invalid,
+    disabled,
+    allowClear,
+    maxLength,
+    showCount,
+    prefix,
+    suffix,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const wrapCls = [
+      "input-wrap",
+      size !== "md" && size,
+      invalid && "invalid",
+      disabled && "disabled",
+      className
+    ].filter(Boolean).join(" ");
+    const handleIconClick = (handler) => handler ? (e) => {
+      e.stopPropagation();
+      if (!disabled) handler(e);
+    } : void 0;
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e.target.value, e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      const synthetic = {
+        ...e,
+        target: { ...e.target, value: "" },
+        currentTarget: { ...e.currentTarget, value: "" }
+      };
+      onChange?.("", synthetic);
+    };
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const inputElement = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapCls, children: [
+      leadingIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkYVO7XO4W_cjs.Icon,
+        {
+          name: leadingIcon,
+          size: 14,
+          className: `lead${onLeadingIconClick ? " interactive" : ""}`,
+          onClick: handleIconClick(onLeadingIconClick)
+        }
+      ),
+      prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-affix prefix", children: prefix }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref,
+          className: "input",
+          value: isControlled ? value : void 0,
+          defaultValue: isControlled ? void 0 : defaultValue,
+          onChange: handleChange,
+          placeholder,
+          disabled,
+          maxLength,
+          ...rest
+        }
+      ),
+      suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-affix suffix", children: suffix }),
+      showClear && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "input-clear",
+          role: "button",
+          "aria-label": "Clear",
+          tabIndex: -1,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 12 })
+        }
+      ),
+      trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkYVO7XO4W_cjs.Icon,
+        {
+          name: trailingIcon,
+          size: 14,
+          className: `trail${onTrailingIconClick ? " interactive" : ""}`,
+          onClick: handleIconClick(onTrailingIconClick)
+        }
+      )
+    ] });
+    if (!showCount) return inputElement;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "input-shell", children: [
+      inputElement,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var Textarea = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    invalid,
+    allowClear,
+    maxLength,
+    showCount,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const disabled = rest.disabled;
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e.target.value, e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      const synthetic = {
+        ...e,
+        target: { ...e.target, value: "" },
+        currentTarget: { ...e.currentTarget, value: "" }
+      };
+      onChange?.("", synthetic);
+    };
+    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const field = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "textarea-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          ref,
+          className: cls,
+          value: isControlled ? value : void 0,
+          defaultValue: isControlled ? void 0 : defaultValue,
+          onChange: handleChange,
+          maxLength,
+          ...rest
+        }
+      ),
+      showClear && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "textarea-clear",
+          role: "button",
+          "aria-label": "Clear",
+          tabIndex: -1,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 12 })
+        }
+      )
+    ] });
+    if (!showCount) return field;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "input-shell", children: [
+      field,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Input = Input;
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-LDENBYRC.cjs.map
+//# sourceMappingURL=chunk-LDENBYRC.cjs.map

package/dist/chunk-LDENBYRC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Input/Input.tsx"],"names":["React","jsxs","jsx","Icon"],"mappings":"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","file":"chunk-LDENBYRC.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Input.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\" | \"prefix\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;\n  placeholder?: string;\n  leadingIcon?: IconName;\n  trailingIcon?: IconName;\n  /** Click handler for the leading icon (stops propagation so the input isn't focused). */\n  onLeadingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;\n  /** Click handler for the trailing icon — e.g. password visibility toggle. */\n  onTrailingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;\n  size?: \"sm\" | \"md\" | \"lg\";\n  invalid?: boolean;\n  disabled?: boolean;\n  /** Show a × button inside the input to clear the value when non-empty. */\n  allowClear?: boolean;\n  /** Max length — forwarded to the native input. */\n  maxLength?: number;\n  /** Render a \"N / max\" counter beneath the input (or just \"N\" if no maxLength). */\n  showCount?: boolean;\n  /** Inline content rendered inside the input on the left (after leadingIcon if both present). */\n  prefix?: React.ReactNode;\n  /** Inline content rendered inside the input on the right (before trailingIcon if both present). */\n  suffix?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * `Input` — single-line text field with optional leading/trailing icons.\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      placeholder,\n      leadingIcon,\n      trailingIcon,\n      onLeadingIconClick,\n      onTrailingIconClick,\n      size = \"md\",\n      invalid,\n      disabled,\n      allowClear,\n      maxLength,\n      showCount,\n      prefix,\n      suffix,\n      className = \"\",\n      ...rest\n    },\n    ref\n  ) => {\n    const [inner, setInner] = React.useState(defaultValue ?? \"\");\n    const isControlled = value !== undefined;\n    const currentValue = isControlled ? value : inner;\n\n    const wrapCls = [\n      \"input-wrap\",\n      size !== \"md\" && size,\n      invalid && \"invalid\",\n      disabled && \"disabled\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    const handleIconClick = (\n      handler: ((e: React.MouseEvent<SVGSVGElement>) => void) | undefined\n    ) =>\n      handler\n        ? (e: React.MouseEvent<SVGSVGElement>) => {\n            e.stopPropagation();\n            if (!disabled) handler(e);\n          }\n        : undefined;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) setInner(e.target.value);\n      onChange?.(e.target.value, e);\n    };\n\n    const handleClear = (e: React.MouseEvent<HTMLSpanElement>) => {\n      e.stopPropagation();\n      if (disabled) return;\n      if (!isControlled) setInner(\"\");\n      const synthetic = {\n        ...e,\n        target: { ...(e.target as unknown as HTMLInputElement), value: \"\" },\n        currentTarget: { ...(e.currentTarget as unknown as HTMLInputElement), value: \"\" },\n      } as unknown as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(\"\", synthetic);\n    };\n\n    const showClear = !!allowClear && !!currentValue && !disabled;\n    const count = currentValue ? currentValue.length : 0;\n\n    const inputElement = (\n      <div className={wrapCls}>\n        {leadingIcon && (\n          <Icon\n            name={leadingIcon}\n            size={14}\n            className={`lead${onLeadingIconClick ? \" interactive\" : \"\"}`}\n            onClick={handleIconClick(onLeadingIconClick)}\n          />\n        )}\n        {prefix && <span className=\"input-affix prefix\">{prefix}</span>}\n        <input\n          ref={ref}\n          className=\"input\"\n          value={isControlled ? value : undefined}\n          defaultValue={isControlled ? undefined : defaultValue}\n          onChange={handleChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          maxLength={maxLength}\n          {...rest}\n        />\n        {suffix && <span className=\"input-affix suffix\">{suffix}</span>}\n        {showClear && (\n          <span\n            className=\"input-clear\"\n            role=\"button\"\n            aria-label=\"Clear\"\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"x\" size={12} />\n          </span>\n        )}\n        {trailingIcon && (\n          <Icon\n            name={trailingIcon}\n            size={14}\n            className={`trail${onTrailingIconClick ? \" interactive\" : \"\"}`}\n            onClick={handleIconClick(onTrailingIconClick)}\n          />\n        )}\n      </div>\n    );\n\n    if (!showCount) return inputElement;\n\n    return (\n      <div className=\"input-shell\">\n        {inputElement}\n        <div className=\"input-count\">\n          {maxLength != null ? `${count} / ${maxLength}` : `${count}`}\n        </div>\n      </div>\n    );\n  }\n);\nInput.displayName = \"Input\";\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  invalid?: boolean;\n  /** Show a × button in the top-right corner to clear the value. */\n  allowClear?: boolean;\n  /** Max length — forwarded to the native textarea. */\n  maxLength?: number;\n  /** Render a \"N / max\" counter beneath the textarea. */\n  showCount?: boolean;\n  className?: string;\n}\n\n/**\n * `Textarea` — multi-line text input with the same neumorphic groove as `Input`.\n */\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      invalid,\n      allowClear,\n      maxLength,\n      showCount,\n      className = \"\",\n      ...rest\n    },\n    ref\n  ) => {\n    const [inner, setInner] = React.useState(defaultValue ?? \"\");\n    const isControlled = value !== undefined;\n    const currentValue = isControlled ? value : inner;\n    const disabled = rest.disabled;\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInner(e.target.value);\n      onChange?.(e.target.value, e);\n    };\n\n    const handleClear = (e: React.MouseEvent<HTMLSpanElement>) => {\n      e.stopPropagation();\n      if (disabled) return;\n      if (!isControlled) setInner(\"\");\n      const synthetic = {\n        ...e,\n        target: { ...(e.target as unknown as HTMLTextAreaElement), value: \"\" },\n        currentTarget: { ...(e.currentTarget as unknown as HTMLTextAreaElement), value: \"\" },\n      } as unknown as React.ChangeEvent<HTMLTextAreaElement>;\n      onChange?.(\"\", synthetic);\n    };\n\n    const cls = [\"textarea\", invalid && \"invalid\", className].filter(Boolean).join(\" \");\n    const showClear = !!allowClear && !!currentValue && !disabled;\n    const count = currentValue ? currentValue.length : 0;\n\n    const field = (\n      <div className=\"textarea-wrap\">\n        <textarea\n          ref={ref}\n          className={cls}\n          value={isControlled ? value : undefined}\n          defaultValue={isControlled ? undefined : defaultValue}\n          onChange={handleChange}\n          maxLength={maxLength}\n          {...rest}\n        />\n        {showClear && (\n          <span\n            className=\"textarea-clear\"\n            role=\"button\"\n            aria-label=\"Clear\"\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"x\" size={12} />\n          </span>\n        )}\n      </div>\n    );\n\n    if (!showCount) return field;\n\n    return (\n      <div className=\"input-shell\">\n        {field}\n        <div className=\"input-count\">\n          {maxLength != null ? `${count} / ${maxLength}` : `${count}`}\n        </div>\n      </div>\n    );\n  }\n);\nTextarea.displayName = \"Textarea\";\n"]}

package/dist/chunk-LSLYY5FN.js

@@ -0,0 +1,125 @@
+import { Button } from './chunk-77BVQNAQ.js';
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Modal-N4YVLEWW.css';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var ANIM_MS = 280;
+var Modal = ({
+  open,
+  onClose,
+  onCancel,
+  onOk,
+  title,
+  description,
+  footer,
+  children,
+  width = 440,
+  closable = true,
+  closeIcon,
+  maskClosable = true,
+  escClosable = true,
+  okText = "\u786E\u5B9A",
+  cancelText = "\u53D6\u6D88",
+  okButtonProps,
+  cancelButtonProps,
+  confirmLoading,
+  destroyOnClose = false,
+  afterOpenChange,
+  zIndex,
+  className = ""
+}) => {
+  const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);
+  React.useEffect(() => {
+    if (open) setHasOpenedOnce(true);
+  }, [open]);
+  const handleCancel = React.useCallback(() => {
+    if (onCancel) onCancel();
+    else onClose?.();
+  }, [onCancel, onClose]);
+  React.useEffect(() => {
+    if (!open || !escClosable) return;
+    const h = (e) => {
+      if (e.key === "Escape") handleCancel();
+    };
+    window.addEventListener("keydown", h);
+    return () => window.removeEventListener("keydown", h);
+  }, [open, escClosable, handleCancel]);
+  const prevOpen = React.useRef(open);
+  React.useEffect(() => {
+    if (prevOpen.current !== open) {
+      prevOpen.current = open;
+      if (afterOpenChange) {
+        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);
+        return () => window.clearTimeout(id);
+      }
+    }
+  }, [open, afterOpenChange]);
+  if (typeof document === "undefined") return null;
+  if (!hasOpenedOnce) return null;
+  if (!open && destroyOnClose) return null;
+  const overlayStyle = zIndex != null ? { zIndex } : void 0;
+  const defaultFooter = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "primary",
+        loading: confirmLoading,
+        onClick: () => onOk?.(),
+        ...okButtonProps,
+        children: okText
+      }
+    )
+  ] });
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `modal-overlay ${open ? "" : "hidden"} ${className}`,
+        style: overlayStyle,
+        onClick: () => maskClosable && handleCancel(),
+        role: "presentation",
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "modal",
+            style: { width },
+            onClick: (e) => e.stopPropagation(),
+            role: "dialog",
+            "aria-modal": true,
+            "aria-hidden": !open,
+            children: [
+              (title || description || closable) && /* @__PURE__ */ jsxs("div", { className: "modal-head", children: [
+                /* @__PURE__ */ jsxs("div", { className: "modal-titles", children: [
+                  title && /* @__PURE__ */ jsx("div", { className: "modal-title", children: title }),
+                  description && /* @__PURE__ */ jsx("div", { className: "modal-desc", children: description })
+                ] }),
+                closable && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "modal-close",
+                    onClick: handleCancel,
+                    "aria-label": "Close",
+                    children: closeIcon ?? /* @__PURE__ */ jsx(Icon, { name: "x", size: 16 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "modal-body", children }),
+              footer === null ? null : /* @__PURE__ */ jsx("div", { className: "modal-foot", children: footer ?? defaultFooter })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+};
+
+export { Modal };
+//# sourceMappingURL=chunk-LSLYY5FN.js.map
+//# sourceMappingURL=chunk-LSLYY5FN.js.map