@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/chunk-DOMYUGJY.js

@@ -1,132 +0,0 @@
-import { Button } from './chunk-YRZGXXWA.js';
-import { Icon } from './chunk-NJ6B22YJ.js';
-import './tokens-BIIUTPKN.css';
-import './shared-NJHRNLRH.css';
-import './Modal-XSDMU4XJ.css';
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var ANIM_MS = 280;
-var Modal = 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
-  );
-});
-Modal.displayName = "Modal";
-
-export { Modal };

package/dist/chunk-DPNDHNKK.js

@@ -1,185 +0,0 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
-import './tokens-BIIUTPKN.css';
-import './shared-NJHRNLRH.css';
-import './Input-33CAH4O6.css';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Input = React.forwardRef(
-  ({
-    value,
-    defaultValue,
-    onChange,
-    placeholder,
-    leadingIcon,
-    trailingIcon,
-    onLeadingIconClick,
-    onTrailingIconClick,
-    size = "md",
-    invalid,
-    disabled,
-    allowClear,
-    maxLength,
-    showCount,
-    prefix,
-    suffix,
-    className = "",
-    ...rest
-  }, ref) => {
-    const [inner, setInner] = React.useState(defaultValue ?? "");
-    const isControlled = value !== void 0;
-    const currentValue = isControlled ? value : inner;
-    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 handleChange = (e) => {
-      if (!isControlled) setInner(e.target.value);
-      onChange?.(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);
-    };
-    const showClear = !!allowClear && !!currentValue && !disabled;
-    const count = currentValue ? currentValue.length : 0;
-    const inputElement = /* @__PURE__ */ jsxs("div", { className: wrapCls, children: [
-      leadingIcon && /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: leadingIcon,
-          size: 14,
-          className: `lead${onLeadingIconClick ? " interactive" : ""}`,
-          onClick: handleIconClick(onLeadingIconClick)
-        }
-      ),
-      prefix && /* @__PURE__ */ jsx("span", { className: "input-affix prefix", children: prefix }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref,
-          className: "input",
-          value: isControlled ? value : void 0,
-          defaultValue: isControlled ? void 0 : defaultValue,
-          onChange: handleChange,
-          placeholder,
-          disabled,
-          maxLength,
-          ...rest
-        }
-      ),
-      suffix && /* @__PURE__ */ jsx("span", { className: "input-affix suffix", children: suffix }),
-      showClear && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "input-clear",
-          role: "button",
-          "aria-label": "Clear",
-          tabIndex: -1,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: handleClear,
-          children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
-        }
-      ),
-      trailingIcon && /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: trailingIcon,
-          size: 14,
-          className: `trail${onTrailingIconClick ? " interactive" : ""}`,
-          onClick: handleIconClick(onTrailingIconClick)
-        }
-      )
-    ] });
-    if (!showCount) return inputElement;
-    return /* @__PURE__ */ jsxs("div", { className: "input-shell", children: [
-      inputElement,
-      /* @__PURE__ */ jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
-    ] });
-  }
-);
-Input.displayName = "Input";
-var Textarea = React.forwardRef(
-  ({
-    value,
-    defaultValue,
-    onChange,
-    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.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);
-    };
-    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: "input-shell", children: [
-      field,
-      /* @__PURE__ */ jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-
-export { Input, Textarea };

package/dist/chunk-G2XK57I7.cjs

@@ -1,116 +0,0 @@
-'use strict';
-
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
-require('./tokens-BIIUTPKN.css');
-require('./shared-NJHRNLRH.css');
-require('./Image-4MN34O6P.css');
-var React = require('react');
-var ReactDOM = require('react-dom');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-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 ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
-var Image = React__namespace.forwardRef(({
-  src,
-  alt,
-  width = 200,
-  height = 140,
-  preview = true,
-  hover = true,
-  placeholder,
-  className = "",
-  style,
-  ...rest
-}, ref) => {
-  const [loaded, setLoaded] = React__namespace.useState(false);
-  const [err, setErr] = React__namespace.useState(false);
-  const [open, setOpen] = React__namespace.useState(false);
-  const canPreview = preview && loaded && !err;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: `n-image ${hover ? "hover" : ""} ${canPreview ? "clickable" : ""} ${className}`,
-        style: { width, ...style },
-        onClick: () => canPreview && setOpen(true),
-        ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "n-image-frame", style: { width: "100%", height }, children: [
-          !err && src && /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, onLoad: () => setLoaded(true), onError: () => setErr(true) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "image", size: 28 }) }),
-          canPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-hint", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "eye", size: 14 }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u70B9\u51FB\u67E5\u770B" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-actions", onClick: (e) => e.stopPropagation(), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "ia-btn",
-                  onClick: () => setOpen(true),
-                  "aria-label": "\u9884\u89C8",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "eye", size: 13 })
-                }
-              ),
-              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "download", size: 13 }) })
-            ] })
-          ] })
-        ] })
-      }
-    ),
-    open && typeof document !== "undefined" && ReactDOM__default.default.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "image-preview-overlay", onClick: () => setOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, onClick: (e) => e.stopPropagation() }) }),
-      document.body
-    )
-  ] });
-});
-Image.displayName = "Image";
-var ImageGrid = React__namespace.forwardRef(({
-  images,
-  columns,
-  itemHeight = 130,
-  className = "",
-  style,
-  ...rest
-}, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    className,
-    style: {
-      display: "grid",
-      gap: 14,
-      gridTemplateColumns: columns ? `repeat(${columns}, 1fr)` : "repeat(auto-fill, minmax(160px, 1fr))",
-      ...style
-    },
-    ...rest,
-    children: images.map((img, i) => /* @__PURE__ */ jsxRuntime.jsx(Image, { src: img.src, alt: img.alt, width: "100%", height: itemHeight }, i))
-  }
-));
-ImageGrid.displayName = "ImageGrid";
-
-exports.Image = Image;
-exports.ImageGrid = ImageGrid;

package/dist/chunk-HBWO3QKW.js

@@ -1,74 +0,0 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
-import './tokens-BIIUTPKN.css';
-import './shared-NJHRNLRH.css';
-import './Toast-YSACW3EM.css';
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-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);
-    const root = ReactDOM.createRoot ? ReactDOM.createRoot(div) : null;
-    if (root) {
-      root.render(React.createElement(ToastContainer));
-    }
-  }
-  listeners.forEach((l) => l(items));
-}
-var toast = {
-  show(t) {
-    const id = ++uid;
-    items = [...items, { ...t, id, duration: t.duration ?? 3200 }];
-    emit();
-    if (items[items.length - 1].duration > 0) {
-      setTimeout(() => toast.dismiss(id), items[items.length - 1].duration);
-    }
-    return id;
-  },
-  info: (message, title) => toast.show({ type: "info", message, title }),
-  success: (message, title) => toast.show({ type: "success", message, title }),
-  warn: (message, title) => toast.show({ type: "warning", message, title }),
-  error: (message, title) => toast.show({ type: "danger", message, title }),
-  dismiss(id) {
-    items = items.filter((i) => i.id !== id);
-    emit();
-  },
-  clear() {
-    items = [];
-    emit();
-  }
-};
-var ToastContainer = React.forwardRef(({ placement = "top-right", className = "", ...rest }, ref) => {
-  const [list, setList] = React.useState(items);
-  React.useEffect(() => {
-    listeners.add(setList);
-    return () => {
-      listeners.delete(setList);
-    };
-  }, []);
-  if (typeof document === "undefined") return null;
-  return ReactDOM.createPortal(
-    /* @__PURE__ */ jsx("div", { ref, className: `toast-container ${placement} ${className}`, ...rest, children: list.map((t) => {
-      const iconName = t.type === "success" ? "check2" : t.type === "warning" ? "alert" : t.type === "danger" ? "alert" : "info";
-      return /* @__PURE__ */ jsxs("div", { className: `toast ${t.type}`, role: "status", children: [
-        /* @__PURE__ */ jsx(Icon, { name: iconName, size: 18, className: "toast-icon" }),
-        /* @__PURE__ */ jsxs("div", { className: "toast-body", children: [
-          t.title && /* @__PURE__ */ jsx("div", { className: "toast-title", children: t.title }),
-          t.message && /* @__PURE__ */ jsx("div", { className: "toast-msg", children: t.message })
-        ] }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "toast-close", onClick: () => toast.dismiss(t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 14 }) })
-      ] }, t.id);
-    }) }),
-    document.body
-  );
-});
-ToastContainer.displayName = "ToastContainer";
-
-export { ToastContainer, toast };

package/dist/chunk-JVS5ZALZ.js

@@ -1,123 +0,0 @@
-import { useFloating } from './chunk-DUFRASGO.js';
-import { Icon } from './chunk-NJ6B22YJ.js';
-import './tokens-BIIUTPKN.css';
-import './shared-NJHRNLRH.css';
-import './Cascader-VSYEKQCG.css';
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Cascader = React.forwardRef(({
-  options,
-  value,
-  defaultValue = [],
-  onChange,
-  placeholder = "\u8BF7\u9009\u62E9",
-  disabled,
-  className = "",
-  ...rest
-}, ref) => {
-  const [inner, setInner] = React.useState(defaultValue);
-  const isControlled = value !== void 0;
-  const cur = isControlled ? value : inner;
-  const [open, setOpen] = React.useState(false);
-  const [path, setPath] = React.useState(cur);
-  const panelRef = React.useRef(null);
-  const { triggerRef, floatingStyle } = useFloating({
-    open,
-    placement: "bottom",
-    panelWidth: 520,
-    panelHeight: 260
-  });
-  const setTriggerRef = React.useCallback(
-    (node) => {
-      triggerRef.current = node;
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
-    },
-    [ref, triggerRef]
-  );
-  React.useEffect(() => {
-    const h = (e) => {
-      const t = e.target;
-      if (triggerRef.current?.contains(t)) return;
-      if (panelRef.current?.contains(t)) return;
-      setOpen(false);
-    };
-    document.addEventListener("mousedown", h);
-    return () => document.removeEventListener("mousedown", h);
-  }, []);
-  React.useEffect(() => {
-    if (open) setPath(cur);
-  }, [open, cur]);
-  const columns = [options];
-  let cursor = options;
-  for (const v of path) {
-    const match = cursor.find((o) => o.value === v);
-    if (match && match.children) {
-      cursor = match.children;
-      columns.push(cursor);
-    } else break;
-  }
-  const pick = (depth, val, hasChildren) => {
-    const np = [...path.slice(0, depth), val];
-    setPath(np);
-    if (!hasChildren) {
-      if (!isControlled) setInner(np);
-      onChange?.(np);
-      setOpen(false);
-    }
-  };
-  const labels = [];
-  let list = options;
-  for (const v of cur) {
-    const m = list.find((o) => o.value === v);
-    if (!m) break;
-    labels.push(m.label);
-    if (!m.children) break;
-    list = m.children;
-  }
-  return /* @__PURE__ */ jsxs("div", { ref: setTriggerRef, className: `cascader ${open ? "open" : ""} ${className}`, ...rest, children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: `cascader-trigger ${labels.length === 0 ? "placeholder" : ""}`,
-        disabled,
-        onClick: () => !disabled && setOpen((o) => !o),
-        children: [
-          /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: labels.length ? labels.map((l, i) => /* @__PURE__ */ jsxs("span", { children: [
-            i > 0 && " / ",
-            l
-          ] }, i)) : placeholder }),
-          /* @__PURE__ */ jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 14 }) })
-        ]
-      }
-    ),
-    open && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx("div", { ref: panelRef, className: "cascader-panel", style: floatingStyle, children: columns.map((col, depth) => /* @__PURE__ */ jsx("div", { className: "cascader-col", children: col.map((o) => {
-        const isActive = path[depth] === o.value;
-        const hasChildren = !!(o.children && o.children.length);
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: `cascader-item ${isActive ? "active" : ""}`,
-            disabled: o.disabled,
-            onClick: () => pick(depth, o.value, hasChildren),
-            children: [
-              o.icon && /* @__PURE__ */ jsx(Icon, { name: o.icon, size: 13 }),
-              /* @__PURE__ */ jsx("span", { children: o.label }),
-              hasChildren && /* @__PURE__ */ jsx("span", { className: "chev", children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 }) })
-            ]
-          },
-          o.value
-        );
-      }) }, depth)) }),
-      document.body
-    )
-  ] });
-});
-Cascader.displayName = "Cascader";
-
-export { Cascader };