@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/{chunk-FIO65XYG.cjs → chunk-X5GCOMC3.cjs}

@@ -1,11 +1,12 @@
 'use strict';
 
-var chunkLZU33BX6_cjs = require('./chunk-LZU33BX6.cjs');
+var chunk5DKRY67M_cjs = require('./chunk-5DKRY67M.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkHKF2V5MM_cjs = require('./chunk-HKF2V5MM.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Select-J3CCVFJ7.css');
+require('./Select-Z5VYPEEY.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -32,9 +33,10 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var isGroup = (it) => Array.isArray(it.options);
 var flatten = (items) => items.flatMap((it) => isGroup(it) ? it.options : [it]);
-var defaultFilter = (input, opt) => {
+var defaultFilter = (input, opt, optionFilterProp) => {
   const q = input.toLowerCase();
-  const txt = opt.text ?? (typeof opt.label === "string" ? opt.label : String(opt.value));
+  const propValue = optionFilterProp ? opt[optionFilterProp] : void 0;
+  const txt = propValue != null ? String(propValue) : opt.text ?? (typeof opt.label === "string" ? opt.label : String(opt.value));
   return txt.toLowerCase().includes(q);
 };
 var SelectInner = (props, forwardedRef) => {
@@ -45,8 +47,11 @@ var SelectInner = (props, forwardedRef) => {
     size = "md",
     invalid,
     clearable,
+    allowClear,
     searchable,
+    showSearch,
     filterOption,
+    optionFilterProp,
     loading,
     emptyContent,
     open: openProp,
@@ -54,6 +59,8 @@ var SelectInner = (props, forwardedRef) => {
     onOpenChange,
     className = "",
     menuClassName = "",
+    popupClassName = "",
+    dropdownClassName = "",
     onKeyDown: onRootKeyDown,
     multiple,
     value: _value,
@@ -64,6 +71,9 @@ var SelectInner = (props, forwardedRef) => {
     ...rest
   } = props;
   const isMulti = multiple === true;
+  const mergedClearable = clearable ?? !!allowClear;
+  const mergedSearchable = searchable ?? !!showSearch;
+  const mergedMenuClassName = [menuClassName, popupClassName, dropdownClassName].filter(Boolean).join(" ");
   const [innerSingle, setInnerSingle] = React__namespace.useState(
     !isMulti ? props.defaultValue : void 0
   );
@@ -111,17 +121,18 @@ var SelectInner = (props, forwardedRef) => {
     return () => document.removeEventListener("mousedown", h);
   }, [open]);
   React__namespace.useEffect(() => {
-    if (open && searchable) {
+    if (open && mergedSearchable) {
       requestAnimationFrame(() => searchRef.current?.focus());
     }
     if (!open) setActiveIdx(-1);
-  }, [open, searchable]);
+  }, [open, mergedSearchable]);
   const allFlat = React__namespace.useMemo(() => flatten(options), [options]);
   const filteredFlat = React__namespace.useMemo(() => {
     if (!query.trim()) return allFlat;
-    const f = filterOption ?? defaultFilter;
+    if (filterOption === false) return allFlat;
+    const f = typeof filterOption === "function" ? filterOption : (input, option) => defaultFilter(input, option, optionFilterProp);
     return allFlat.filter((o) => f(query, o));
-  }, [allFlat, query, filterOption]);
+  }, [allFlat, query, filterOption, optionFilterProp]);
   const filteredItems = React__namespace.useMemo(() => {
     if (!query.trim()) return options;
     return options.map((it) => {
@@ -153,8 +164,10 @@ var SelectInner = (props, forwardedRef) => {
     if (isMulti) {
       if (!multiControlled) setInnerMulti([]);
       props.onChange?.([]);
+      props.onClear?.();
     } else {
       if (!singleControlled) setInnerSingle(void 0);
+      props.onChange?.(void 0);
       props.onClear?.();
     }
   };
@@ -203,7 +216,7 @@ var SelectInner = (props, forwardedRef) => {
       }
       return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", children: [
         shown.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLZU33BX6_cjs.Tag,
+          chunk5DKRY67M_cjs.Tag,
           {
             tone: "accent",
             removable: !disabled,
@@ -218,7 +231,7 @@ var SelectInner = (props, forwardedRef) => {
           },
           String(o.value)
         )),
-        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkLZU33BX6_cjs.Tag, { tone: "neutral", children: [
+        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunk5DKRY67M_cjs.Tag, { tone: "neutral", children: [
           "+",
           overflow
         ] })
@@ -227,12 +240,12 @@ var SelectInner = (props, forwardedRef) => {
     const current = allFlat.find((o) => o.value === singleValue);
     if (!current) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder", children: placeholder });
     return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-value", children: [
-      current.icon && /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: current.icon, size: 14 }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: current.label })
+      chunkV272XR3F_cjs.renderIconSlot(current.icon, { size: 14, className: "select-icon" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-value-label", children: current.label })
     ] });
   };
   const hasSelection = isMulti ? (multiValue?.length ?? 0) > 0 : singleValue !== void 0;
-  const showClear = clearable && hasSelection && !disabled;
+  const showClear = mergedClearable && hasSelection && !disabled;
   let renderIdx = -1;
   const renderOption = (o) => {
     renderIdx += 1;
@@ -250,13 +263,13 @@ var SelectInner = (props, forwardedRef) => {
         onMouseEnter: () => setActiveIdx(idx),
         onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
         children: [
-          isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
-          o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: o.icon, size: 14 }),
+          isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
+          chunkV272XR3F_cjs.renderIconSlot(o.icon, { size: 14, className: "menu-item-icon" }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "menu-item-body", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-label", children: o.label }),
             o.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-desc", children: o.description })
           ] }),
-          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
+          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
         ]
       },
       String(o.value)
@@ -283,8 +296,8 @@ var SelectInner = (props, forwardedRef) => {
             onClick: () => !disabled && setOpen(!open),
             children: [
               renderTrigger(),
-              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 12 }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
+              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 12 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }
         ),
@@ -293,35 +306,33 @@ var SelectInner = (props, forwardedRef) => {
             "div",
             {
               ref: menuRef,
-              className: `menu ${menuClassName}`,
+              className: `menu ${mergedMenuClassName}`,
               role: "listbox",
               "aria-multiselectable": isMulti || void 0,
               style: floatingStyle,
               children: [
-                searchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-search", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "search", size: 13 }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "input",
-                    {
-                      ref: searchRef,
-                      type: "text",
-                      value: query,
-                      placeholder: "\u641C\u7D22...",
-                      onChange: (e) => setQuery(e.target.value),
-                      onKeyDown: (e) => {
-                        if (e.key === "Escape" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter") {
-                          e.preventDefault();
-                          onKeyDown(e);
-                        }
+                mergedSearchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "menu-search", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkHKF2V5MM_cjs.Input,
+                  {
+                    ref: searchRef,
+                    size: "sm",
+                    leadingIcon: "search",
+                    value: query,
+                    placeholder: "\u641C\u7D22...",
+                    onValueChange: setQuery,
+                    onKeyDown: (e) => {
+                      if (e.key === "Escape" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter") {
+                        e.preventDefault();
+                        onKeyDown(e);
                       }
                     }
-                  )
-                ] }),
+                  }
+                ) }),
                 loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-state", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u52A0\u8F7D\u4E2D..." })
                 ] }) : filteredItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-state", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "search", size: 16 }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "search", size: 16 }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: emptyContent ?? "\u6682\u65E0\u5339\u914D\u9879" })
                 ] }) : filteredItems.map(
                   (it, gi) => isGroup(it) ? /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [

package/dist/{chunk-Y3ZSG3SJ.cjs → chunk-XSN4TLN5.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkEBNRZRWY_cjs = require('./chunk-EBNRZRWY.cjs');
-var chunkN57NXCNC_cjs = require('./chunk-N57NXCNC.cjs');
+var chunkP6EZG2R7_cjs = require('./chunk-P6EZG2R7.cjs');
+var chunk6HMTV6P4_cjs = require('./chunk-6HMTV6P4.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Table-2LPTOUIR.css');
+require('./Table-ATJJQLKU.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -251,7 +251,7 @@ var TableInner = ({
               /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
                 showExpandCol && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-expand", style: { width: 40 } }),
                 showSelCol && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-check", style: { width: 44 }, children: selectionType === "checkbox" && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkN57NXCNC_cjs.Checkbox,
+                  chunk6HMTV6P4_cjs.Checkbox,
                   {
                     checked: allSelectedOnPage,
                     indeterminate: someSelectedOnPage,
@@ -271,7 +271,7 @@ var TableInner = ({
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "th-label", children: c.title }),
                         c.sortable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          chunk2MNAZRWE_cjs.Icon,
+                          chunkV272XR3F_cjs.Icon,
                           {
                             name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
                             size: 10
@@ -324,7 +324,7 @@ var TableInner = ({
                                   e.stopPropagation();
                                   toggleExpand(row, k);
                                 },
-                                children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevRight", size: 12 })
+                                children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevRight", size: 12 })
                               }
                             )
                           }
@@ -351,7 +351,7 @@ var TableInner = ({
                                 }
                               }
                             ) : /* @__PURE__ */ jsxRuntime.jsx(
-                              chunkN57NXCNC_cjs.Checkbox,
+                              chunk6HMTV6P4_cjs.Checkbox,
                               {
                                 checked: isSel,
                                 disabled: selProps?.disabled,
@@ -376,7 +376,7 @@ var TableInner = ({
       }
     ),
     pagEnabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEBNRZRWY_cjs.Pagination,
+      chunkP6EZG2R7_cjs.Pagination,
       {
         total: totalCount,
         pageSize: curPageSize,
@@ -431,7 +431,7 @@ function ColumnFilterButton({
           e.stopPropagation();
           setOpen((o) => !o);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "filter", size: 10 })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "filter", size: 10 })
       }
     ),
     open && typeof document !== "undefined" && reactDom.createPortal(
@@ -445,7 +445,7 @@ function ColumnFilterButton({
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-filter-options", children: (column.filters ?? []).map((f) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "table-filter-item", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkN57NXCNC_cjs.Checkbox,
+                chunk6HMTV6P4_cjs.Checkbox,
                 {
                   checked: draft.includes(f.value),
                   onChange: () => toggle(f.value)
@@ -487,24 +487,5 @@ function ColumnFilterButton({
     )
   ] });
 }
-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(Table, { ...tableProps, className: "joined" }),
-    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer", children: footer })
-  ] });
-}
 
 exports.Table = Table;
-exports.TablePro = TablePro;

package/dist/chunk-ZKE73UQF.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Message-2MZ3LFPU.css');
+var React = require('react');
+var reactDom = require('react-dom');
+var client = require('react-dom/client');
+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 listeners = /* @__PURE__ */ new Set();
+var items = [];
+var uid = 0;
+var autoMounted = false;
+function emit() {
+  if (listeners.size === 0 && !autoMounted && typeof document !== "undefined") {
+    autoMounted = true;
+    const div = document.createElement("div");
+    document.body.appendChild(div);
+    client.createRoot(div).render(React__namespace.createElement(MessageContainer));
+  }
+  listeners.forEach((l) => l(items));
+}
+var normalizeConfig = (type, content, durationOrTitle, onClose) => {
+  if (content && typeof content === "object" && !React__namespace.isValidElement(content) && ("content" in content || "message" in content || "type" in content)) {
+    return { type, ...content };
+  }
+  const node = content;
+  if (typeof durationOrTitle === "number") {
+    return { type, content: node, duration: durationOrTitle, onClose };
+  }
+  return { type, content: node, title: durationOrTitle };
+};
+var message = {
+  open(config) {
+    const id = ++uid;
+    const next = {
+      id,
+      key: config.key,
+      type: config.type ?? "info",
+      title: config.title,
+      content: config.content ?? config.message,
+      duration: config.duration ?? 3200,
+      onClose: config.onClose
+    };
+    if (config.key != null) {
+      const existing = items.findIndex((item) => item.key === config.key);
+      if (existing >= 0) {
+        items = items.map((item, idx) => idx === existing ? { ...next, id: item.id } : item);
+        emit();
+        return items[existing]?.id ?? id;
+      }
+    }
+    items = [...items, next];
+    emit();
+    if (next.duration > 0 && typeof window !== "undefined") {
+      window.setTimeout(() => message.dismiss(config.key ?? id), next.duration);
+    }
+    return id;
+  },
+  show(config) {
+    return message.open(config);
+  },
+  info: (content, durationOrTitle, onClose) => message.open(normalizeConfig("info", content, durationOrTitle, onClose)),
+  success: (content, durationOrTitle, onClose) => message.open(normalizeConfig("success", content, durationOrTitle, onClose)),
+  warning: (content, durationOrTitle, onClose) => message.open(normalizeConfig("warning", content, durationOrTitle, onClose)),
+  warn: (content, durationOrTitle, onClose) => message.open(normalizeConfig("warning", content, durationOrTitle, onClose)),
+  error: (content, durationOrTitle, onClose) => message.open(normalizeConfig("error", content, durationOrTitle, onClose)),
+  dismiss(idOrKey) {
+    const removed = items.filter((i) => i.id === idOrKey || i.key === idOrKey);
+    items = items.filter((i) => i.id !== idOrKey && i.key !== idOrKey);
+    removed.forEach((item) => item.onClose?.());
+    emit();
+  },
+  destroy(idOrKey) {
+    if (idOrKey == null) message.clear();
+    else message.dismiss(idOrKey);
+  },
+  clear() {
+    const removed = items;
+    items = [];
+    removed.forEach((item) => item.onClose?.());
+    emit();
+  }
+};
+var MessageContainer = React__namespace.forwardRef(({ placement = "top-right", className = "", ...rest }, ref) => {
+  const [list, setList] = React__namespace.useState(items);
+  React__namespace.useEffect(() => {
+    listeners.add(setList);
+    return () => {
+      listeners.delete(setList);
+    };
+  }, []);
+  if (typeof document === "undefined") return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `message-container ${placement} ${className}`, ...rest, children: list.map((t) => {
+      const iconName = t.type === "success" ? "check2" : t.type === "warning" || t.type === "error" ? "alert" : "info";
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `message ${t.type}`, role: "status", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message-body", children: [
+          t.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-title", children: t.title }),
+          t.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: t.content })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 14 }) })
+      ] }, t.id);
+    }) }),
+    document.body
+  );
+});
+MessageContainer.displayName = "MessageContainer";
+var toast = message;
+var ToastContainer = MessageContainer;
+
+exports.MessageContainer = MessageContainer;
+exports.ToastContainer = ToastContainer;
+exports.message = message;
+exports.toast = toast;