@fangxinyan/lumina 0.6.18 → 0.8.0

package/dist/{chunk-T2O4DTDE.cjs → chunk-GTFP7HA3.cjs}

@@ -1,13 +1,16 @@
 'use strict';
 
 var chunk35RCCUGO_cjs = require('./chunk-35RCCUGO.cjs');
-var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
-var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
-var chunk4KDABJSY_cjs = require('./chunk-4KDABJSY.cjs');
-require('./tokens-RYJ3DFTU.css');
+var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
+var chunkSTQDKMS5_cjs = require('./chunk-STQDKMS5.cjs');
+var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
+var chunkT4RR6NVU_cjs = require('./chunk-T4RR6NVU.cjs');
+var chunkQNQSNVCU_cjs = require('./chunk-QNQSNVCU.cjs');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
+require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
-require('./DatePicker-VDVSIARF.css');
+require('./DatePicker-ZSFDXAYD.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -59,12 +62,13 @@ var parseDateInput = (input) => {
   }
   return date;
 };
-var DatePicker = React__namespace.forwardRef(
+var DatePickerBase = React__namespace.forwardRef(
   ({
     value,
     defaultValue = null,
     onChange,
     format = "YYYY-MM-DD",
+    parse,
     placeholder = "\u8BF7\u9009\u62E9\u65E5\u671F",
     disabled,
     readOnly,
@@ -82,6 +86,12 @@ var DatePicker = React__namespace.forwardRef(
     dropdownClassName = "",
     className = "",
     onKeyDown,
+    id: fieldId,
+    "aria-invalid": ariaInvalid,
+    "aria-describedby": ariaDescribedBy,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-required": ariaRequired,
+    "aria-label": ariaLabel,
     ...rest
   }, ref) => {
     const controlled = value !== void 0;
@@ -116,13 +126,23 @@ var DatePicker = React__namespace.forwardRef(
       setOpen
     });
     const rootRef = React__namespace.useRef(null);
-    const panelRef = React__namespace.useRef(null);
-    const { triggerRef, floatingStyle } = chunkYB3IWIOJ_cjs.useFloating({
+    const panelId = React__namespace.useId();
+    const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
+    const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("DatePicker");
+    const { triggerRef, floatingRef: panelRef, floatingStyle, zIndex: panelZIndex } = chunkFJB3243S_cjs.useFloating({
       open,
       placement,
       panelWidth: 344,
       panelHeight: 404
     });
+    chunkHSDMJUB6_cjs.useOverlayLayer({
+      open: open && !disabled && !readOnly && portalContainer != null,
+      containerRef: panelRef,
+      ownerRef: triggerRef,
+      zIndex: panelZIndex,
+      onEscape: () => setOpen(false),
+      restoreFocus: true
+    });
     const setRootRef = React__namespace.useCallback(
       (node) => {
         rootRef.current = node;
@@ -170,14 +190,9 @@ var DatePicker = React__namespace.forwardRef(
         if (panelRef.current?.contains(target)) return;
         setOpen(false);
       };
-      const onDocKey = (event) => {
-        if (event.key === "Escape") setOpen(false);
-      };
       document.addEventListener("mousedown", onDown);
-      document.addEventListener("keydown", onDocKey);
       return () => {
         document.removeEventListener("mousedown", onDown);
-        document.removeEventListener("keydown", onDocKey);
       };
     }, [open, setOpen]);
     const handleInputChange = (next) => {
@@ -189,12 +204,8 @@ var DatePicker = React__namespace.forwardRef(
         setDraft(formattedCurrent);
         return;
       }
-      if (typeof format === "function") {
-        setDraft(formattedCurrent);
-        return;
-      }
-      const parsed = parseDateInput(draft);
-      if (!parsed || isDisabledDate(parsed)) {
+      const parsed = parse ? parse(draft) : typeof format === "function" ? null : parseDateInput(draft);
+      if (!isValidDate(parsed) || isDisabledDate(parsed)) {
         setDraft(formattedCurrent);
         return;
       }
@@ -224,10 +235,16 @@ var DatePicker = React__namespace.forwardRef(
       invalid && "invalid",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setRootRef, className: rootClassName, onKeyDown: handleRootKeyDown, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setRootRef, className: rootClassName, onKeyDown: handleRootKeyDown, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: ["Input", "Calendar", "Button"], children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkVS3I5OKA_cjs.Input,
+        chunkSTQDKMS5_cjs.Input,
         {
+          id: fieldId,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          "aria-invalid": ariaInvalid,
+          "aria-required": ariaRequired,
+          "aria-describedby": ariaDescribedBy,
           value: draft,
           size,
           placeholder,
@@ -241,20 +258,24 @@ var DatePicker = React__namespace.forwardRef(
           onBlur: handleInputBlur,
           inputMode: "numeric",
           "aria-expanded": open,
-          "aria-haspopup": "dialog"
+          "aria-haspopup": "dialog",
+          "aria-controls": open ? panelId : void 0
         }
       ),
-      open && !disabled && !readOnly && typeof document !== "undefined" && reactDom.createPortal(
+      open && !disabled && !readOnly && portalContainer && reactDom.createPortal(
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             ref: panelRef,
+            id: panelId,
             className: `date-picker-panel ${mergedPanelClassName}`,
             role: "dialog",
-            style: floatingStyle,
+            "aria-label": "\u9009\u62E9\u65E5\u671F",
+            ...portalTheme.dataAttributes,
+            style: { ...floatingStyle, ...portalTheme.style, ...portalTheme.styles.popup },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk4KDABJSY_cjs.Calendar,
+                chunkQNQSNVCU_cjs.Calendar,
                 {
                   value: calendarValue,
                   min: normalizedMin,
@@ -265,7 +286,7 @@ var DatePicker = React__namespace.forwardRef(
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "date-picker-footer", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkSW2HMNCA_cjs.Button,
+                  chunkT4RR6NVU_cjs.Button,
                   {
                     size: "sm",
                     variant: "ghost",
@@ -276,7 +297,7 @@ var DatePicker = React__namespace.forwardRef(
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "date-picker-footer-spacer" }),
                 allowClear && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkSW2HMNCA_cjs.Button,
+                  chunkT4RR6NVU_cjs.Button,
                   {
                     size: "sm",
                     variant: "ghost",
@@ -284,16 +305,21 @@ var DatePicker = React__namespace.forwardRef(
                     children: "\u6E05\u7A7A"
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { size: "sm", variant: "primary", onClick: () => setOpen(false), children: "\u786E\u5B9A" })
+                /* @__PURE__ */ jsxRuntime.jsx(chunkT4RR6NVU_cjs.Button, { size: "sm", variant: "primary", onClick: () => setOpen(false), children: "\u786E\u5B9A" })
               ] })
             ]
           }
         ),
-        document.body
+        portalContainer
       )
-    ] });
+    ] }) });
   }
 );
-DatePicker.displayName = "DatePicker";
+DatePickerBase.displayName = "DatePicker";
+var DatePicker = chunkNRJXZPZR_cjs.withComponentTheme(
+  DatePickerBase,
+  "DatePicker",
+  ["date-picker", "calendar", "input", "button"]
+);
 
 exports.DatePicker = DatePicker;

package/dist/chunk-HQFKXTX6.js

@@ -0,0 +1,60 @@
+import { withComponentTheme } from './chunk-DRDDQCDD.js';
+import './tokens-CEJVVA3G.css';
+import './shared-NJHRNLRH.css';
+import './Progress-33WE2NI7.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ProgressBase = React.forwardRef(({
+  value,
+  max = 100,
+  label,
+  showValue,
+  tone = "accent",
+  color,
+  size = "md",
+  indeterminate = false,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;
+  const safeValue = Number.isFinite(value) ? value : 0;
+  const normalizedValue = Math.max(0, Math.min(safeMax, safeValue));
+  const pct = normalizedValue / safeMax * 100;
+  const rootStyle = {
+    ...color ? {
+      ["--progress-fill"]: color,
+      ["--progress-fill-glow"]: `color-mix(in oklch, ${color} 35%, transparent)`
+    } : null,
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: `progress ${size} ${tone} ${indeterminate ? "indeterminate" : ""} ${className}`,
+      style: rootStyle,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": safeMax,
+      "aria-valuenow": indeterminate ? void 0 : normalizedValue,
+      "aria-valuetext": indeterminate ? "\u52A0\u8F7D\u4E2D" : void 0,
+      ...rest,
+      children: [
+        (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "progress-label", children: [
+          label ? /* @__PURE__ */ jsx("span", { children: label }) : /* @__PURE__ */ jsx("span", {}),
+          showValue && !indeterminate && /* @__PURE__ */ jsxs("span", { className: "v", children: [
+            Math.round(pct),
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "progress-track", children: /* @__PURE__ */ jsx("div", { className: "progress-bar", style: { width: indeterminate ? "35%" : `${pct}%` } }) })
+      ]
+    }
+  );
+});
+ProgressBase.displayName = "Progress";
+var Progress = withComponentTheme(ProgressBase, "Progress", "progress");
+
+export { Progress };

package/dist/{chunk-V5SQOZPF.js → chunk-HQNDVNTQ.js}

@@ -1,13 +1,16 @@
-import { Select } from './chunk-E22OIVYP.js';
-import { Icon } from './chunk-FDZG27IG.js';
-import './tokens-RYJ3DFTU.css';
+import { Select } from './chunk-DURKCGEM.js';
+import { Input } from './chunk-UE4HFGJ6.js';
+import { Icon } from './chunk-LQMOYVQF.js';
+import { InternalComponentThemePart, withComponentTheme } from './chunk-DRDDQCDD.js';
+import './tokens-CEJVVA3G.css';
 import './shared-NJHRNLRH.css';
-import './Pagination-YSZSNFHG.css';
+import './Pagination-POJTWMYR.css';
 import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var DEFAULT_SIZE_OPTIONS = [10, 20, 50, 100];
-var Pagination = React.forwardRef(({
+var clampPage = (value, pages) => Number.isFinite(value) ? Math.min(pages, Math.max(1, Math.trunc(value))) : 1;
+var PaginationBase = React.forwardRef(({
   total,
   pageSize = 10,
   page,
@@ -21,11 +24,17 @@ var Pagination = React.forwardRef(({
   className = "",
   ...rest
 }, ref) => {
+  const normalizedTotal = Number.isFinite(total) ? Math.max(0, Math.trunc(total)) : 0;
+  const normalizedPageSize = Number.isFinite(pageSize) && pageSize > 0 ? Math.max(1, Math.trunc(pageSize)) : 10;
+  const normalizedSiblings = Number.isFinite(siblings) ? Math.max(0, Math.trunc(siblings)) : 1;
+  const pages = Math.max(1, Math.ceil(normalizedTotal / normalizedPageSize));
   const [inner, setInner] = React.useState(defaultPage);
   const isControlled = page !== void 0;
-  const cur = isControlled ? page : inner;
-  const pages = Math.max(1, Math.ceil(total / pageSize));
+  const cur = clampPage(isControlled ? page : inner, pages);
   const [jumpDraft, setJumpDraft] = React.useState("");
+  React.useEffect(() => {
+    if (!isControlled && inner !== cur) setInner(cur);
+  }, [cur, inner, isControlled]);
   const go = (p) => {
     const next = Math.min(pages, Math.max(1, p));
     if (!isControlled) setInner(next);
@@ -49,8 +58,8 @@ var Pagination = React.forwardRef(({
   const range = () => {
     const out = [];
     const add = (n) => out.push(n);
-    const s = Math.max(2, cur - siblings);
-    const e = Math.min(pages - 1, cur + siblings);
+    const s = Math.max(2, cur - normalizedSiblings);
+    const e = Math.min(pages - 1, cur + normalizedSiblings);
     add(1);
     if (s > 2) add("...");
     for (let i = s; i <= e; i++) add(i);
@@ -58,10 +67,10 @@ var Pagination = React.forwardRef(({
     if (pages > 1) add(pages);
     return out;
   };
-  return /* @__PURE__ */ jsxs("div", { ref, className: `pagination ${className}`, ...rest, children: [
+  return /* @__PURE__ */ jsx("div", { ref, className: `pagination ${className}`, role: "navigation", "aria-label": "\u5206\u9875", ...rest, children: /* @__PURE__ */ jsxs(InternalComponentThemePart, { components: ["Select", "Input"], children: [
     /* @__PURE__ */ jsxs("span", { className: "pg-info", children: [
       "\u5171 ",
-      total,
+      normalizedTotal,
       " \u6761 \xB7 \u7B2C ",
       cur,
       " / ",
@@ -75,7 +84,8 @@ var Pagination = React.forwardRef(({
           type: "button",
           className: `pg ${cur === 1 ? "disabled" : ""}`,
           onClick: () => cur > 1 && go(cur - 1),
-          "aria-label": "Previous",
+          "aria-label": "\u4E0A\u4E00\u9875",
+          disabled: cur === 1,
           children: /* @__PURE__ */ jsx(Icon, { name: "chevLeft", size: 12 })
         }
       ),
@@ -86,6 +96,8 @@ var Pagination = React.forwardRef(({
             type: "button",
             className: `pg ${p === cur ? "active" : ""}`,
             onClick: () => go(p),
+            "aria-label": `\u7B2C ${p} \u9875`,
+            "aria-current": p === cur ? "page" : void 0,
             children: p
           },
           p
@@ -97,14 +109,15 @@ var Pagination = React.forwardRef(({
           type: "button",
           className: `pg ${cur === pages ? "disabled" : ""}`,
           onClick: () => cur < pages && go(cur + 1),
-          "aria-label": "Next",
+          "aria-label": "\u4E0B\u4E00\u9875",
+          disabled: cur === pages,
           children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 })
         }
       ),
       showSizeChanger && /* @__PURE__ */ jsx("div", { className: "pg-size-changer", children: /* @__PURE__ */ jsx(
         Select,
         {
-          value: pageSize,
+          value: normalizedPageSize,
           size: "sm",
           options: pageSizeOptions.map((n) => ({ value: n, label: `${n} \u6761/\u9875` })),
           onChange: handleSizeChange
@@ -113,13 +126,13 @@ var Pagination = React.forwardRef(({
       showQuickJumper && /* @__PURE__ */ jsxs("label", { className: "pg-jumper", children: [
         /* @__PURE__ */ jsx("span", { className: "pg-jumper-label", children: "\u8DF3\u81F3" }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
-            type: "text",
+            size: "sm",
             inputMode: "numeric",
             className: "pg-jumper-input",
             value: jumpDraft,
-            onChange: (e) => setJumpDraft(e.target.value.replace(/[^\d]/g, "")),
+            onValueChange: (value) => setJumpDraft(value.replace(/[^\d]/g, "")),
             onKeyDown: handleJump,
             "aria-label": "\u8DF3\u8F6C\u5230\u6307\u5B9A\u9875"
           }
@@ -127,8 +140,13 @@ var Pagination = React.forwardRef(({
         /* @__PURE__ */ jsx("span", { className: "pg-jumper-label", children: "\u9875" })
       ] })
     ] })
-  ] });
+  ] }) });
 });
-Pagination.displayName = "Pagination";
+PaginationBase.displayName = "Pagination";
+var Pagination = withComponentTheme(
+  PaginationBase,
+  "Pagination",
+  ["pagination", "select", "input"]
+);
 
 export { Pagination };