@fangxinyan/lumina 0.6.1 → 0.6.3

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-TGHBKKSS.js → chunk-GIZU3H6H.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Icon } from './chunk-47VG2P34.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-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;

package/dist/{chunk-Y47YTYQ3.cjs → chunk-H4LGWZMH.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunk62GU4OHH_cjs = require('./chunk-62GU4OHH.cjs');
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkTP567B3L_cjs = require('./chunk-TP567B3L.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Modal-XSDMU4XJ.css');
+require('./Modal-2QNDW4SO.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
+var client = require('react-dom/client');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -33,7 +34,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 
 var ANIM_MS = 280;
-var Modal = React__namespace.forwardRef(({
+var ModalBase = React__namespace.forwardRef(({
   open,
   onClose,
   onCancel,
@@ -91,9 +92,9 @@ var Modal = React__namespace.forwardRef(({
   if (!open && destroyOnClose) return null;
   const overlayStyle = zIndex != null ? { zIndex } : void 0;
   const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk62GU4OHH_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkTP567B3L_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk62GU4OHH_cjs.Button,
+      chunkTP567B3L_cjs.Button,
       {
         variant: "primary",
         loading: confirmLoading,
@@ -138,7 +139,7 @@ var Modal = React__namespace.forwardRef(({
                     className: "modal-close",
                     onClick: handleCancel,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] }),
@@ -152,6 +153,156 @@ var Modal = React__namespace.forwardRef(({
     document.body
   );
 });
-Modal.displayName = "Modal";
+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__namespace.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__namespace.useCallback(() => {
+    onCancel?.();
+    destroy();
+  }, [destroy, onCancel]);
+  const handleOk = React__namespace.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkTP567B3L_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkTP567B3L_cjs.Button,
+      {
+        variant: okVariant,
+        loading: loading || confirmLoading,
+        onClick: handleOk,
+        ...okButtonProps,
+        children: okText
+      }
+    )
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+    chunkTP567B3L_cjs.Button,
+    {
+      variant: okVariant,
+      loading: loading || confirmLoading,
+      onClick: handleOk,
+      ...okButtonProps,
+      children: okText
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ModalBase,
+    {
+      ...modalProps,
+      open,
+      onClose: close,
+      onCancel: close,
+      footer: mergedFooter,
+      maskClosable: maskClosable ?? false,
+      escClosable: escClosable ?? true,
+      className: `modal-static-overlay ${className}`,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-static-body", children: [
+        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
+        /* @__PURE__ */ jsxRuntime.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 = client.createRoot(div);
+  let current = { ...config };
+  let open = true;
+  const render = () => {
+    root?.render(
+      /* @__PURE__ */ jsxRuntime.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());
+};
 
 exports.Modal = Modal;

package/dist/chunk-HKF2V5MM.cjs

@@ -0,0 +1,214 @@
+'use strict';
+
+var chunkMPVCYU2K_cjs = require('./chunk-MPVCYU2K.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Input-HUBJ55OH.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 InputBase = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    onValueChange,
+    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 inputRef = React__namespace.useRef(null);
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const setInputRef = React__namespace.useCallback(
+      (node) => {
+        inputRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    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 renderAffixIcon = (icon, side, handler) => {
+      if (icon == null || icon === false) return null;
+      const className2 = `${side}${handler ? " interactive" : ""}`;
+      if (chunkV272XR3F_cjs.isIconName(icon)) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunkV272XR3F_cjs.Icon,
+          {
+            name: icon,
+            size: 14,
+            className: className2,
+            onClick: handleIconClick(handler)
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: className2,
+          onClick: handler ? (e) => {
+            e.stopPropagation();
+            if (!disabled) handler(e);
+          } : void 0,
+          children: chunkV272XR3F_cjs.renderIconSlot(icon)
+        }
+      );
+    };
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e);
+      onValueChange?.(e.target.value, e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      if (inputRef.current) inputRef.current.value = "";
+      const synthetic = {
+        ...e,
+        target: inputRef.current ?? { value: "" },
+        currentTarget: inputRef.current ?? { value: "" }
+      };
+      onChange?.(synthetic);
+      onValueChange?.("", synthetic);
+    };
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const inputElement = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapCls, children: [
+      renderAffixIcon(leadingIcon, "lead", onLeadingIconClick),
+      prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-affix prefix", children: prefix }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref: setInputRef,
+          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(chunkV272XR3F_cjs.Icon, { name: "x", size: 12 })
+        }
+      ),
+      renderAffixIcon(trailingIcon, "trail", 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}` })
+    ] });
+  }
+);
+InputBase.displayName = "Input";
+var InputPassword = React__namespace.forwardRef(
+  ({
+    visibilityToggle = true,
+    iconRender,
+    suffix,
+    onValueChange,
+    ...rest
+  }, ref) => {
+    const [visible, setVisible] = React__namespace.useState(false);
+    const renderedIcon = iconRender?.(visible);
+    const useCustomToggle = visibilityToggle !== false && !!renderedIcon;
+    const useDefaultToggle = visibilityToggle !== false && !renderedIcon;
+    const toggle = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setVisible((v) => !v);
+    };
+    const toggleNode = useCustomToggle ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "input-password-toggle",
+        tabIndex: -1,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: toggle,
+        "aria-label": visible ? "Hide password" : "Show password",
+        children: renderedIcon
+      }
+    ) : null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      InputBase,
+      {
+        ref,
+        ...rest,
+        type: visible ? "text" : "password",
+        suffix: toggleNode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          suffix,
+          toggleNode
+        ] }) : suffix,
+        trailingIcon: useDefaultToggle ? visible ? "eyeOff" : "eye" : void 0,
+        onTrailingIconClick: useDefaultToggle ? () => setVisible((v) => !v) : void 0,
+        onValueChange
+      }
+    );
+  }
+);
+InputPassword.displayName = "Input.Password";
+var Input = InputBase;
+Input.Password = InputPassword;
+Input.TextArea = chunkMPVCYU2K_cjs.Textarea;
+
+exports.Input = Input;
+exports.InputPassword = InputPassword;

package/dist/chunk-HLFH5HWR.js

@@ -0,0 +1,81 @@
+import { Icon } from './chunk-47VG2P34.js';
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Textarea-YNET7IBH.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Textarea = React.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    onValueChange,
+    invalid,
+    allowClear,
+    maxLength,
+    showCount,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React.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);
+      onValueChange?.(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);
+      onValueChange?.("", synthetic);
+    };
+    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const field = /* @__PURE__ */ jsxs("div", { className: "textarea-wrap", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref,
+          className: cls,
+          value: isControlled ? value : void 0,
+          defaultValue: isControlled ? void 0 : defaultValue,
+          onChange: handleChange,
+          maxLength,
+          ...rest
+        }
+      ),
+      showClear && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "textarea-clear",
+          role: "button",
+          "aria-label": "Clear",
+          tabIndex: -1,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
+        }
+      )
+    ] });
+    if (!showCount) return field;
+    return /* @__PURE__ */ jsxs("div", { className: "textarea-shell", children: [
+      field,
+      /* @__PURE__ */ jsx("div", { className: "textarea-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+var TextArea = Textarea;
+
+export { TextArea, Textarea };