@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/{chunk-OFGDUCT7.cjs → chunk-7AG524YZ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Calendar-LHZELUDL.css');
@@ -66,7 +66,7 @@ var Calendar = React__namespace.forwardRef(({
           className: "btn icon sm ghost",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1)),
           "aria-label": "Previous month",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevLeft", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevLeft", size: 14 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "calendar-title", children: [
@@ -82,7 +82,7 @@ var Calendar = React__namespace.forwardRef(({
           className: "btn icon sm ghost",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1)),
           "aria-label": "Next month",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevRight", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevRight", size: 14 })
         }
       )
     ] }),

package/dist/chunk-7IYKKLV3.js

@@ -0,0 +1,283 @@
+import { Button } from './chunk-SQGPSMSK.js';
+import { Icon } from './chunk-47VG2P34.js';
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Modal-2QNDW4SO.css';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var ANIM_MS = 280;
+var ModalBase = React.forwardRef(({
+  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 = "",
+  style,
+  onClick,
+  ...rest
+}, ref) => {
+  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",
+          {
+            ref,
+            className: "modal",
+            style: { width, ...style },
+            onClick: (e) => {
+              onClick?.(e);
+              e.stopPropagation();
+            },
+            role: "dialog",
+            "aria-modal": true,
+            "aria-hidden": !open,
+            ...rest,
+            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
+  );
+});
+ModalBase.displayName = "Modal";
+var staticHandles = /* @__PURE__ */ new Set();
+var staticIconName = {
+  confirm: "info",
+  info: "info",
+  success: "check2",
+  warning: "alert",
+  error: "alert"
+};
+var isThenable = (value) => !!value && typeof value.then === "function";
+var StaticModalHost = ({
+  kind,
+  config,
+  open,
+  destroy
+}) => {
+  const [loading, setLoading] = React.useState(false);
+  const {
+    content,
+    children,
+    icon,
+    okCancel = kind === "confirm",
+    onOk,
+    onCancel,
+    okText = "\u786E\u5B9A",
+    cancelText = "\u53D6\u6D88",
+    okButtonProps,
+    cancelButtonProps,
+    confirmLoading,
+    footer,
+    maskClosable,
+    escClosable,
+    className = "",
+    ...modalProps
+  } = config;
+  const close = React.useCallback(() => {
+    onCancel?.();
+    destroy();
+  }, [destroy, onCancel]);
+  const handleOk = React.useCallback(() => {
+    const result = onOk?.();
+    if (result === false) return;
+    if (isThenable(result)) {
+      setLoading(true);
+      result.then((next) => {
+        if (next !== false) destroy();
+      }).finally(() => setLoading(false));
+      return;
+    }
+    destroy();
+  }, [destroy, onOk]);
+  const okVariant = kind === "error" ? "danger" : "primary";
+  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: okVariant,
+        loading: loading || confirmLoading,
+        onClick: handleOk,
+        ...okButtonProps,
+        children: okText
+      }
+    )
+  ] }) : /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: okVariant,
+      loading: loading || confirmLoading,
+      onClick: handleOk,
+      ...okButtonProps,
+      children: okText
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    ModalBase,
+    {
+      ...modalProps,
+      open,
+      onClose: close,
+      onCancel: close,
+      footer: mergedFooter,
+      maskClosable: maskClosable ?? false,
+      escClosable: escClosable ?? true,
+      className: `modal-static-overlay ${className}`,
+      children: /* @__PURE__ */ jsxs("div", { className: "modal-static-body", children: [
+        icon !== false && /* @__PURE__ */ jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsx(Icon, { name: staticIconName[kind], size: 20 }) }),
+        /* @__PURE__ */ jsx("div", { className: "modal-static-content", children: content ?? children })
+      ] })
+    }
+  );
+};
+var createStaticModal = (kind, config) => {
+  if (typeof document === "undefined") {
+    return { destroy: () => {
+    }, update: () => {
+    } };
+  }
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+  let root = createRoot(div);
+  let current = { ...config };
+  let open = true;
+  const render = () => {
+    root?.render(
+      /* @__PURE__ */ jsx(
+        StaticModalHost,
+        {
+          kind,
+          config: current,
+          open,
+          destroy: handle.destroy
+        }
+      )
+    );
+  };
+  const handle = {
+    destroy: () => {
+      if (!root) return;
+      open = false;
+      render();
+      staticHandles.delete(handle);
+      window.setTimeout(() => {
+        root?.unmount();
+        root = null;
+        div.remove();
+      }, ANIM_MS);
+    },
+    update: (next) => {
+      if (!root) return;
+      current = {
+        ...current,
+        ...typeof next === "function" ? next(current) : next
+      };
+      render();
+    }
+  };
+  staticHandles.add(handle);
+  render();
+  return handle;
+};
+var Modal = ModalBase;
+Modal.confirm = (config) => createStaticModal("confirm", config);
+Modal.info = (config) => createStaticModal("info", config);
+Modal.success = (config) => createStaticModal("success", config);
+Modal.warning = (config) => createStaticModal("warning", config);
+Modal.warn = Modal.warning;
+Modal.error = (config) => createStaticModal("error", config);
+Modal.destroyAll = () => {
+  Array.from(staticHandles).forEach((handle) => handle.destroy());
+};
+
+export { Modal };

package/dist/{chunk-73RQBWWW.js → chunk-AAGF7K3L.js}

@@ -1,5 +1,5 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import { Input } from './chunk-DPNDHNKK.js';
+import { Input } from './chunk-UKS23N3L.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './AutoComplete-P5KZMZO5.css';
@@ -158,7 +158,7 @@ var AutoComplete = React.forwardRef(
           disabled,
           allowClear,
           autoFocus,
-          onChange: handleInput,
+          onValueChange: handleInput,
           onFocus: (event) => {
             onFocus?.(event);
             if (!disabled) setOpen(true);

package/dist/chunk-AXZ7ELMA.js

@@ -0,0 +1,41 @@
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Card-6RMVIHWX.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Card/Card.tsx
+var Card = React.forwardRef(
+  ({
+    variant = "raised",
+    padding = "md",
+    hoverable,
+    title,
+    description,
+    actions,
+    className = "",
+    children,
+    ...rest
+  }, ref) => {
+    const cls = [
+      "card",
+      variant,
+      padding !== "md" && `pad-${padding}`,
+      hoverable && "hoverable",
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs("div", { ref, className: cls, ...rest, children: [
+      (title || description || actions) && /* @__PURE__ */ jsxs("div", { className: "card-head", children: [
+        /* @__PURE__ */ jsxs("div", { className: "card-titles", children: [
+          title && /* @__PURE__ */ jsx("div", { className: "card-title", children: title }),
+          description && /* @__PURE__ */ jsx("div", { className: "card-desc", children: description })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "card-actions", children: actions })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "card-body", children })
+    ] });
+  }
+);
+Card.displayName = "Card";
+
+export { Card };

package/dist/{chunk-R6BIF3FF.js → chunk-BPOOVO5T.js}

@@ -1,10 +1,10 @@
-import { Pagination } from './chunk-UXH5PH3S.js';
-import { Checkbox } from './chunk-TGHBKKSS.js';
+import { Pagination } from './chunk-CETNCRZ4.js';
+import { Checkbox } from './chunk-GIZU3H6H.js';
 import { useFloating } from './chunk-DUFRASGO.js';
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Icon } from './chunk-47VG2P34.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Table-2LPTOUIR.css';
+import './Table-ATJJQLKU.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -465,23 +465,5 @@ function ColumnFilterButton({
     )
   ] });
 }
-function TablePro({
-  toolbar,
-  actions,
-  footer,
-  title,
-  className = "",
-  ...tableProps
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: `table-card ${className}`, children: [
-    (title || toolbar || actions) && /* @__PURE__ */ jsxs("div", { className: "table-toolbar", children: [
-      title && /* @__PURE__ */ jsx("div", { className: "table-title", children: title }),
-      /* @__PURE__ */ jsx("div", { className: "table-toolbar-main", children: toolbar }),
-      actions && /* @__PURE__ */ jsx("div", { className: "table-toolbar-actions", children: actions })
-    ] }),
-    /* @__PURE__ */ jsx(Table, { ...tableProps, className: "joined" }),
-    footer && /* @__PURE__ */ jsx("div", { className: "table-footer", children: footer })
-  ] });
-}
 
-export { Table, TablePro };
+export { Table };

package/dist/{chunk-OI3CWXT3.js → chunk-BVQ77VRY.js}

@@ -1,5 +1,5 @@
-import { Input } from './chunk-DPNDHNKK.js';
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Input } from './chunk-UKS23N3L.js';
+import { Icon } from './chunk-47VG2P34.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './InputNumber-VXQIWLQC.css';
@@ -132,7 +132,7 @@ var InputNumber = React.forwardRef(
         suffix: finalSuffix,
         className: `input-number ${className}`,
         inputMode: "decimal",
-        onChange: handleInput,
+        onValueChange: handleInput,
         onKeyDown: handleKeyDown,
         onBlur: handleBlur,
         onFocus

package/dist/{chunk-UXH5PH3S.js → chunk-CETNCRZ4.js}

@@ -1,5 +1,5 @@
-import { Select } from './chunk-RPFMQZA5.js';
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Select } from './chunk-FBYUZOZP.js';
+import { Icon } from './chunk-47VG2P34.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Pagination-YIRYJUXP.css';

package/dist/chunk-DG5VQ6BO.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunkXSN4TLN5_cjs = require('./chunk-XSN4TLN5.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./TablePro-3XVHYLSL.css');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TablePro({
+  toolbar,
+  actions,
+  footer,
+  title,
+  className = "",
+  ...tableProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `table-card ${className}`, children: [
+    (title || toolbar || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "table-toolbar", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-main", children: toolbar }),
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkXSN4TLN5_cjs.Table, { ...tableProps, className: "joined" }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer", children: footer })
+  ] });
+}
+
+exports.TablePro = TablePro;