@fangxinyan/lumina 0.6.1 → 0.6.2

package/dist/{chunk-TWGQZX2R.js → chunk-DQTSTJ6O.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Icon } from './chunk-OF3SGLZY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Tag-FGDY3W7E.css';
+import './Tag-LB3OOJAO.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -44,20 +44,5 @@ var Tag = React.forwardRef(({
   ] });
 });
 Tag.displayName = "Tag";
-var Badge = React.forwardRef(({
-  count,
-  dot,
-  tone = "danger",
-  children,
-  className = "",
-  ...rest
-}, ref) => {
-  const show = dot || typeof count === "number" && count > 0;
-  return /* @__PURE__ */ jsxs("span", { ref, className: `badge-wrap ${className}`, ...rest, children: [
-    children,
-    show && /* @__PURE__ */ jsx("span", { className: `badge ${tone} ${dot ? "dot" : ""}`, children: !dot && (count > 99 ? "99+" : count) })
-  ] });
-});
-Badge.displayName = "Badge";
 
-export { Badge, Tag };
+export { Tag };

package/dist/chunk-EIY7KEJ3.cjs

@@ -0,0 +1,132 @@
+'use strict';
+
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Collapse-66U5YJFY.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 CollapsePanel = ({ open, children }) => {
+  const innerRef = React__namespace.useRef(null);
+  const [h, setH] = React__namespace.useState(0);
+  const [animated, setAnimated] = React__namespace.useState(false);
+  React__namespace.useLayoutEffect(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    setH(el.scrollHeight);
+    const ro = new ResizeObserver(() => setH(el.scrollHeight));
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  React__namespace.useEffect(() => {
+    const id = requestAnimationFrame(() => setAnimated(true));
+    return () => cancelAnimationFrame(id);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "collapse-body",
+      style: { maxHeight: open ? h : 0, transition: animated ? void 0 : "none" },
+      "aria-hidden": !open,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: innerRef, className: "collapse-body-inner", children })
+    }
+  );
+};
+var normalizeKeys = (value) => value == null ? [] : Array.isArray(value) ? value : [value];
+var Collapse = React__namespace.forwardRef(({
+  items,
+  accordion = false,
+  multiple = true,
+  collapsible = "header",
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  ghost = false,
+  size = "middle",
+  className = "",
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React__namespace.useState(() => normalizeKeys(defaultActiveKey));
+  const isControlled = activeKey !== void 0;
+  const keys = isControlled ? normalizeKeys(activeKey) : inner;
+  const singleOpen = accordion || !multiple;
+  const toggle = (k, itemDisabled) => {
+    if (collapsible === "disabled" || itemDisabled) return;
+    const next = keys.includes(k) ? keys.filter((x) => x !== k) : singleOpen ? [k] : [...keys, k];
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: `collapse ${ghost ? "ghost" : ""} ${size} ${className}`,
+      ...rest,
+      children: items.map((it) => {
+        const open = keys.includes(it.key);
+        const isDisabled = it.disabled || collapsible === "disabled";
+        const headerClickable = collapsible === "header" && !isDisabled;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: `collapse-item ${open ? "open" : ""} ${isDisabled ? "disabled" : ""} ${collapsible === "icon" ? "icon-only" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "collapse-head",
+                  disabled: isDisabled,
+                  onClick: () => headerClickable && toggle(it.key, it.disabled),
+                  "aria-expanded": open,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: it.label }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: `collapse-chev${collapsible === "icon" ? " clickable" : ""}`,
+                        onClick: (e) => {
+                          if (collapsible === "icon" && !isDisabled) {
+                            e.stopPropagation();
+                            toggle(it.key, it.disabled);
+                          }
+                        },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevDown", size: 16 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(CollapsePanel, { open, children: it.children })
+            ]
+          },
+          it.key
+        );
+      })
+    }
+  );
+});
+Collapse.displayName = "Collapse";
+
+exports.Collapse = Collapse;

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

@@ -1,5 +1,5 @@
-import { Input } from './chunk-DPNDHNKK.js';
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Input } from './chunk-XTIN5545.js';
+import { Icon } from './chunk-OF3SGLZY.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-ELNT3CFO.js

@@ -0,0 +1,64 @@
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Spin-3GJNMSIH.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Spin/Spin.tsx
+var SIZE_PX = {
+  small: 14,
+  default: 20,
+  large: 32
+};
+var resolveSize = (size) => typeof size === "number" ? size : SIZE_PX[size];
+var Spin = React.forwardRef(({
+  size = "default",
+  tone = "accent",
+  tip,
+  label,
+  variant = "ring",
+  spinning = true,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const text = label ?? tip;
+  const px = resolveSize(size);
+  const indicatorClass = `spin ${variant} ${tone}`;
+  const rootClass = text ? `spin-wrap ${className}`.trim() : `${indicatorClass} ${className}`.trim();
+  const indicatorStyle = variant === "dots" ? { fontSize: px } : { width: px, height: px };
+  if (!spinning && !text) return null;
+  const renderIndicator = (extraProps = {}) => {
+    if (!spinning) return null;
+    const {
+      className: extraClassName,
+      style: extraStyle,
+      ...indicatorRest
+    } = extraProps;
+    const finalClassName = extraClassName ?? indicatorClass;
+    const finalStyle = { ...indicatorStyle, ...extraStyle };
+    if (variant === "dots") {
+      return /* @__PURE__ */ jsxs("span", { className: finalClassName, style: finalStyle, "aria-label": "Loading", ...indicatorRest, children: [
+        /* @__PURE__ */ jsx("i", {}),
+        /* @__PURE__ */ jsx("i", {}),
+        /* @__PURE__ */ jsx("i", {})
+      ] });
+    }
+    return /* @__PURE__ */ jsx("span", { className: finalClassName, style: finalStyle, "aria-label": "Loading", ...indicatorRest });
+  };
+  if (!text) {
+    return renderIndicator({
+      ref,
+      className: rootClass,
+      style: { ...indicatorStyle, ...style },
+      ...rest
+    });
+  }
+  return /* @__PURE__ */ jsxs("span", { ref, className: rootClass, style, ...rest, children: [
+    renderIndicator(),
+    /* @__PURE__ */ jsx("span", { className: "spin-label", children: text })
+  ] });
+});
+Spin.displayName = "Spin";
+
+export { Spin };

package/dist/{chunk-TGHBKKSS.js → chunk-EQEJTN3V.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Icon } from './chunk-OF3SGLZY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Checkbox-SKJATVSN.css';
+import './Checkbox-U5EUDSYS.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -50,45 +50,5 @@ var Checkbox = React.forwardRef(({
   ] });
 });
 Checkbox.displayName = "Checkbox";
-var RadioGroupInner = ({
-  options,
-  value,
-  defaultValue,
-  onChange,
-  direction = "vertical",
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React.useState(defaultValue);
-  const isControlled = value !== void 0;
-  const current = isControlled ? value : inner;
-  const pick = (v) => {
-    if (!isControlled) setInner(v);
-    onChange?.(v);
-  };
-  return /* @__PURE__ */ jsx("div", { ref, className: `radio-group ${direction} ${className}`, ...rest, children: options.map((opt) => /* @__PURE__ */ jsxs(
-    "label",
-    {
-      className: `radio ${current === opt.value ? "checked" : ""} ${opt.disabled ? "disabled" : ""}`,
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "radio",
-            "aria-checked": current === opt.value,
-            disabled: opt.disabled,
-            onClick: () => pick(opt.value),
-            className: "radio-dot"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "radio-label", children: opt.label })
-      ]
-    },
-    String(opt.value)
-  )) });
-};
-var RadioGroup = React.forwardRef(RadioGroupInner);
-RadioGroup.displayName = "RadioGroup";
 
-export { Checkbox, RadioGroup };
+export { Checkbox };

package/dist/chunk-F6RYCBQG.js

@@ -0,0 +1,25 @@
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Badge-DPGLV3D3.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Badge/Badge.tsx
+var Badge = React.forwardRef(({
+  count,
+  max = 99,
+  dot,
+  tone = "danger",
+  children,
+  className = "",
+  ...rest
+}, ref) => {
+  const show = dot || typeof count === "number" && count > 0;
+  return /* @__PURE__ */ jsxs("span", { ref, className: `badge-wrap ${className}`, ...rest, children: [
+    children,
+    show && /* @__PURE__ */ jsx("span", { className: `badge ${tone} ${dot ? "dot" : ""}`, children: !dot && (count > max ? `${max}+` : count) })
+  ] });
+});
+Badge.displayName = "Badge";
+
+export { Badge };

package/dist/{chunk-N57NXCNC.cjs → chunk-FBVVRTX2.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Checkbox-SKJATVSN.css');
+require('./Checkbox-U5EUDSYS.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -65,53 +65,12 @@ var Checkbox = React__namespace.forwardRef(({
         onClick: toggle,
         id,
         className: "checkbox-box",
-        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "check", size: 11 }) : null
+        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "check", size: 11 }) : null
       }
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox-label", children: label })
   ] });
 });
 Checkbox.displayName = "Checkbox";
-var RadioGroupInner = ({
-  options,
-  value,
-  defaultValue,
-  onChange,
-  direction = "vertical",
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React__namespace.useState(defaultValue);
-  const isControlled = value !== void 0;
-  const current = isControlled ? value : inner;
-  const pick = (v) => {
-    if (!isControlled) setInner(v);
-    onChange?.(v);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `radio-group ${direction} ${className}`, ...rest, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "label",
-    {
-      className: `radio ${current === opt.value ? "checked" : ""} ${opt.disabled ? "disabled" : ""}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            role: "radio",
-            "aria-checked": current === opt.value,
-            disabled: opt.disabled,
-            onClick: () => pick(opt.value),
-            className: "radio-dot"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "radio-label", children: opt.label })
-      ]
-    },
-    String(opt.value)
-  )) });
-};
-var RadioGroup = React__namespace.forwardRef(RadioGroupInner);
-RadioGroup.displayName = "RadioGroup";
 
 exports.Checkbox = Checkbox;
-exports.RadioGroup = RadioGroup;

package/dist/chunk-FFZ6OMZI.js

@@ -0,0 +1,110 @@
+import { Icon } from './chunk-OF3SGLZY.js';
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Collapse-66U5YJFY.css';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CollapsePanel = ({ open, children }) => {
+  const innerRef = React.useRef(null);
+  const [h, setH] = React.useState(0);
+  const [animated, setAnimated] = React.useState(false);
+  React.useLayoutEffect(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    setH(el.scrollHeight);
+    const ro = new ResizeObserver(() => setH(el.scrollHeight));
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  React.useEffect(() => {
+    const id = requestAnimationFrame(() => setAnimated(true));
+    return () => cancelAnimationFrame(id);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "collapse-body",
+      style: { maxHeight: open ? h : 0, transition: animated ? void 0 : "none" },
+      "aria-hidden": !open,
+      children: /* @__PURE__ */ jsx("div", { ref: innerRef, className: "collapse-body-inner", children })
+    }
+  );
+};
+var normalizeKeys = (value) => value == null ? [] : Array.isArray(value) ? value : [value];
+var Collapse = React.forwardRef(({
+  items,
+  accordion = false,
+  multiple = true,
+  collapsible = "header",
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  ghost = false,
+  size = "middle",
+  className = "",
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React.useState(() => normalizeKeys(defaultActiveKey));
+  const isControlled = activeKey !== void 0;
+  const keys = isControlled ? normalizeKeys(activeKey) : inner;
+  const singleOpen = accordion || !multiple;
+  const toggle = (k, itemDisabled) => {
+    if (collapsible === "disabled" || itemDisabled) return;
+    const next = keys.includes(k) ? keys.filter((x) => x !== k) : singleOpen ? [k] : [...keys, k];
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: `collapse ${ghost ? "ghost" : ""} ${size} ${className}`,
+      ...rest,
+      children: items.map((it) => {
+        const open = keys.includes(it.key);
+        const isDisabled = it.disabled || collapsible === "disabled";
+        const headerClickable = collapsible === "header" && !isDisabled;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `collapse-item ${open ? "open" : ""} ${isDisabled ? "disabled" : ""} ${collapsible === "icon" ? "icon-only" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "collapse-head",
+                  disabled: isDisabled,
+                  onClick: () => headerClickable && toggle(it.key, it.disabled),
+                  "aria-expanded": open,
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: it.label }),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: `collapse-chev${collapsible === "icon" ? " clickable" : ""}`,
+                        onClick: (e) => {
+                          if (collapsible === "icon" && !isDisabled) {
+                            e.stopPropagation();
+                            toggle(it.key, it.disabled);
+                          }
+                        },
+                        children: /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 16 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(CollapsePanel, { open, children: it.children })
+            ]
+          },
+          it.key
+        );
+      })
+    }
+  );
+});
+Collapse.displayName = "Collapse";
+
+export { Collapse };

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

@@ -1,5 +1,5 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import { Input } from './chunk-DPNDHNKK.js';
+import { Input } from './chunk-XTIN5545.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-GENABQYA.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Empty-DC2LPORC.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);
+
+// src/components/Empty/Empty.tsx
+var Empty = React__namespace.forwardRef(({
+  title = "\u6682\u65E0\u5185\u5BB9",
+  description,
+  icon,
+  action,
+  size = "md",
+  variant = "default",
+  className = "",
+  ...rest
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `empty ${size} ${variant} ${className}`, ...rest, children: [
+  icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-ico", children: icon }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-title", children: title }),
+  description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-desc", children: description }),
+  action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-action", children: action })
+] }));
+Empty.displayName = "Empty";
+
+exports.Empty = Empty;

package/dist/chunk-GMN74OEY.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Card-6RMVIHWX.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);
+
+// src/components/Card/Card.tsx
+var Card = React__namespace.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__ */ jsxRuntime.jsxs("div", { ref, className: cls, ...rest, children: [
+      (title || description || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "card-head", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "card-titles", children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card-title", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card-desc", children: description })
+        ] }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card-actions", children: actions })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card-body", children })
+    ] });
+  }
+);
+Card.displayName = "Card";
+
+exports.Card = Card;