@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-MPO7Y76D.js

@@ -1,120 +0,0 @@
-'use strict';
-
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var Loading = ({
-  variant = "spinner",
-  size = "md",
-  color = "primary",
-  text,
-  fullscreen = false,
-  delay = 0,
-  background = "rgba(255, 255, 255, 0.9)",
-  customColor,
-  lockScroll = true,
-  className,
-  style,
-  ...props
-}) => {
-  const [visible, setVisible] = react.useState(delay <= 0);
-  react.useEffect(() => {
-    tigercatCore.injectLoadingAnimationStyles();
-  }, []);
-  chunkPGBKMW4Q_js.useBodyScrollLock({ enabled: fullscreen && visible && lockScroll });
-  react.useEffect(() => {
-    if (delay <= 0) {
-      setVisible(true);
-      return;
-    }
-    setVisible(false);
-    const timer = setTimeout(() => setVisible(true), delay);
-    return () => clearTimeout(timer);
-  }, [delay]);
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      fullscreen ? tigercatCore.loadingFullscreenBaseClasses : tigercatCore.loadingContainerBaseClasses,
-      className
-    ),
-    [fullscreen, className]
-  );
-  const mergedStyle = react.useMemo(
-    () => ({
-      ...customColor ? { color: customColor } : null,
-      ...fullscreen ? { backgroundColor: background } : null,
-      ...style
-    }),
-    [customColor, fullscreen, background, style]
-  );
-  const renderSpinner = () => {
-    const svg = tigercatCore.getSpinnerSVG(variant);
-    const spinnerClasses = tigercatCore.getLoadingClasses(variant, size, color, customColor);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        className: spinnerClasses,
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: svg.viewBox,
-        children: svg.elements.map((el, index) => {
-          if (el.type === "circle") {
-            return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-          } else if (el.type === "path") {
-            return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-          }
-          return null;
-        })
-      }
-    );
-  };
-  const renderDots = () => {
-    const colorClass = customColor ? "" : tigercatCore.loadingColorClasses[color];
-    const steps = [0, 1, 2];
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingDotsWrapperClasses(size), children: steps.map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingDotClasses(size, i, colorClass) }, i)) });
-  };
-  const renderBars = () => {
-    const colorClass = customColor ? "" : tigercatCore.loadingColorClasses[color];
-    const steps = [0, 1, 2];
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingBarsWrapperClasses(size), children: steps.map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingBarClasses(size, i, colorClass) }, i)) });
-  };
-  const renderIndicator = () => {
-    switch (variant) {
-      case "dots":
-        return renderDots();
-      case "bars":
-        return renderBars();
-      case "spinner":
-      case "ring":
-      case "pulse":
-      default:
-        return renderSpinner();
-    }
-  };
-  if (!visible) {
-    return null;
-  }
-  const loadingNode = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: containerClasses,
-      style: mergedStyle,
-      role: "status",
-      "aria-label": text || "Loading",
-      "aria-live": "polite",
-      "aria-busy": true,
-      ...props,
-      children: [
-        renderIndicator(),
-        text && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingTextClasses(size, color, customColor), children: text })
-      ]
-    }
-  );
-  if (fullscreen) {
-    return chunkPGBKMW4Q_js.renderBodyPortal(loadingNode);
-  }
-  return loadingNode;
-};
-
-exports.Loading = Loading;

package/dist/chunk-MU6Z5DCI.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var chunkJFOSDCCG_js = require('./chunk-JFOSDCCG.js');
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var createTooltipId = tigercatCore.createFloatingIdFactory("tooltip");
-var Tooltip = ({
-  open,
-  defaultOpen = false,
-  content,
-  trigger = "hover",
-  placement = "top",
-  disabled = false,
-  offset = 8,
-  className,
-  style,
-  children,
-  onOpenChange,
-  ...divProps
-}) => {
-  const tooltipIdRef = react.useRef(null);
-  if (!tooltipIdRef.current) tooltipIdRef.current = createTooltipId();
-  const tooltipId = tooltipIdRef.current;
-  const describedBy = content != null ? tooltipId : void 0;
-  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = chunkJFOSDCCG_js.usePopup({ open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getTooltipContainerClasses(), className),
-    [className]
-  );
-  const triggerClasses = react.useMemo(() => tigercatCore.getTooltipTriggerClasses(disabled), [disabled]);
-  const contentClasses = react.useMemo(() => tigercatCore.getTooltipContentClasses(), []);
-  if (!children) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        "aria-describedby": describedBy,
-        ...triggerHandlers,
-        children
-      }
-    ),
-    currentVisible && chunkPGBKMW4Q_js.renderBodyPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: tooltipId, role: "tooltip", className: contentClasses, children: content }) })
-    )
-  ] });
-};
-
-exports.Tooltip = Tooltip;

package/dist/chunk-MUUOE2NT.js

@@ -1,217 +0,0 @@
-'use strict';
-
-var chunkL5HVRTUO_js = require('./chunk-L5HVRTUO.js');
-var chunk2HDQRMGU_js = require('./chunk-2HDQRMGU.js');
-var chunkZYJTHGQW_js = require('./chunk-ZYJTHGQW.js');
-var chunkGRXBGL6Q_js = require('./chunk-GRXBGL6Q.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var DataTableWithToolbar = ({
-  toolbar,
-  onSearchChange,
-  onSearch,
-  onFiltersChange,
-  onBulkAction,
-  pagination = false,
-  onPageChange,
-  onPageSizeChange,
-  className,
-  tableClassName,
-  ...tableProps
-}) => {
-  const previousPageSizeRef = react.useRef(
-    pagination && typeof pagination === "object" ? pagination.pageSize ?? pagination.defaultPageSize ?? 10 : void 0
-  );
-  const [internalSearch, setInternalSearch] = react.useState(toolbar?.defaultSearchValue ?? "");
-  const [internalFilters, setInternalFilters] = react.useState(
-    () => {
-      const initial = {};
-      toolbar?.filters?.forEach((filter) => {
-        if (filter.value === void 0) {
-          initial[filter.key] = filter.defaultValue ?? null;
-        }
-      });
-      return initial;
-    }
-  );
-  react.useEffect(() => {
-    if (toolbar?.searchValue !== void 0) {
-      setInternalSearch(toolbar.searchValue ?? "");
-    }
-  }, [toolbar?.searchValue]);
-  react.useEffect(() => {
-    if (pagination && typeof pagination === "object") {
-      previousPageSizeRef.current = pagination.pageSize ?? pagination.defaultPageSize ?? 10;
-    }
-  }, [pagination]);
-  react.useEffect(() => {
-    const filters = toolbar?.filters;
-    if (!filters) return;
-    setInternalFilters((prev) => {
-      const next = { ...prev };
-      filters.forEach((filter) => {
-        if (filter.value === void 0 && !(filter.key in next)) {
-          next[filter.key] = filter.defaultValue ?? null;
-        }
-      });
-      return next;
-    });
-  }, [toolbar?.filters]);
-  const searchValue = toolbar?.searchValue !== void 0 ? toolbar.searchValue : internalSearch;
-  const resolvedFilters = react.useMemo(() => {
-    const next = {};
-    toolbar?.filters?.forEach((filter) => {
-      next[filter.key] = filter.value !== void 0 ? filter.value : internalFilters[filter.key] ?? filter.defaultValue ?? null;
-    });
-    return next;
-  }, [toolbar?.filters, internalFilters]);
-  const hasSearch = Boolean(
-    toolbar && (toolbar.searchPlaceholder || toolbar.searchValue !== void 0 || toolbar.defaultSearchValue !== void 0 || toolbar.showSearchButton || toolbar.onSearchChange || toolbar.onSearch || onSearchChange || onSearch)
-  );
-  const hasFilters = Boolean(toolbar?.filters && toolbar.filters.length > 0);
-  const hasBulkActions = Boolean(toolbar?.bulkActions && toolbar.bulkActions.length > 0);
-  const selectedKeys = toolbar?.selectedKeys ?? tableProps.rowSelection?.selectedRowKeys ?? [];
-  const selectedCount = toolbar?.selectedCount ?? selectedKeys.length;
-  const bulkLabel = toolbar?.bulkActionsLabel ?? "\u5DF2\u9009\u62E9";
-  const wrapperClasses = react.useMemo(
-    () => tigercatCore.classNames("tiger-data-table-with-toolbar flex flex-col gap-3", className),
-    [className]
-  );
-  const handleSearchChange = (value) => {
-    if (toolbar?.searchValue === void 0) {
-      setInternalSearch(value);
-    }
-    onSearchChange?.(value);
-    toolbar?.onSearchChange?.(value);
-  };
-  const handleSearchSubmit = () => {
-    onSearch?.(searchValue ?? "");
-    toolbar?.onSearch?.(searchValue ?? "");
-  };
-  const handleFilterSelect = (filter, value) => {
-    const nextFilters = {
-      ...resolvedFilters,
-      [filter.key]: value
-    };
-    if (filter.value === void 0) {
-      setInternalFilters((prev) => ({
-        ...prev,
-        [filter.key]: value
-      }));
-    }
-    onFiltersChange?.(nextFilters);
-    toolbar?.onFiltersChange?.(nextFilters);
-  };
-  const handleBulkAction = (action) => {
-    const keys = selectedKeys ?? [];
-    action.onClick?.(keys);
-    onBulkAction?.(action, keys);
-    toolbar?.onBulkAction?.(action, keys);
-  };
-  const handleTablePageChange = ({ current, pageSize }) => {
-    onPageChange?.(current, pageSize);
-    if (previousPageSizeRef.current !== void 0 && previousPageSizeRef.current !== pageSize) {
-      onPageSizeChange?.(current, pageSize);
-    }
-    previousPageSizeRef.current = pageSize;
-  };
-  const renderToolbar = () => {
-    if (!hasSearch && !hasFilters && !hasBulkActions) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tiger-data-table-toolbar flex flex-wrap items-center gap-2 pb-3", role: "toolbar", "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap flex-1 min-w-0", children: [
-        hasSearch ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkZYJTHGQW_js.Input,
-            {
-              type: "search",
-              size: "sm",
-              value: searchValue,
-              placeholder: toolbar?.searchPlaceholder ?? "\u641C\u7D22",
-              onChange: (event) => handleSearchChange(String(event.currentTarget.value)),
-              onKeyDown: (event) => {
-                if (event.key === "Enter") {
-                  handleSearchSubmit();
-                }
-              }
-            }
-          ),
-          toolbar?.showSearchButton ?? true ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGRXBGL6Q_js.Button,
-            {
-              size: "sm",
-              variant: "primary",
-              className: "whitespace-nowrap shrink-0",
-              onClick: handleSearchSubmit,
-              disabled: !onSearch && !toolbar?.onSearch,
-              children: toolbar?.searchButtonText ?? "\u641C\u7D22"
-            }
-          ) : null
-        ] }) : null,
-        hasFilters ? toolbar?.filters?.map((filter) => {
-          const currentValue = resolvedFilters[filter.key];
-          const clearable = filter.clearable !== false;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunk2HDQRMGU_js.Select,
-                {
-                  size: "sm",
-                  options: filter.options.map((opt) => ({
-                    label: opt.label,
-                    value: opt.value
-                  })),
-                  value: currentValue ?? void 0,
-                  placeholder: filter.placeholder ?? filter.label,
-                  clearable,
-                  onChange: (value) => {
-                    handleFilterSelect(filter, value ?? null);
-                  }
-                }
-              )
-            },
-            filter.key
-          );
-        }) : null
-      ] }),
-      hasBulkActions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap ml-auto shrink-0", children: [
-        selectedCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-[var(--tiger-text-muted,#6b7280)]", children: [
-          bulkLabel,
-          " ",
-          selectedCount,
-          " \u9879"
-        ] }) : null,
-        toolbar?.bulkActions?.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunkGRXBGL6Q_js.Button,
-          {
-            size: "sm",
-            variant: action.variant ?? "outline",
-            disabled: action.disabled || selectedCount === 0,
-            onClick: () => handleBulkAction(action),
-            children: action.label
-          },
-          action.key
-        ))
-      ] }) : null
-    ] });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
-    renderToolbar(),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkL5HVRTUO_js.Table,
-      {
-        ...tableProps,
-        pagination,
-        className: tableClassName,
-        onPageChange: handleTablePageChange
-      }
-    )
-  ] });
-};
-var DataTableWithToolbar_default = DataTableWithToolbar;
-
-exports.DataTableWithToolbar = DataTableWithToolbar;
-exports.DataTableWithToolbar_default = DataTableWithToolbar_default;

package/dist/chunk-NHBNPK5J.js

@@ -1,201 +0,0 @@
-'use strict';
-
-var chunkJFOSDCCG_js = require('./chunk-JFOSDCCG.js');
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var createPopconfirmId = tigercatCore.createFloatingIdFactory("popconfirm");
-var PopconfirmIcon = ({ type }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: tigercatCore.popconfirmIconViewBox,
-    strokeWidth: tigercatCore.popconfirmIconStrokeWidth,
-    stroke: "currentColor",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        strokeLinecap: tigercatCore.popconfirmIconPathStrokeLinecap,
-        strokeLinejoin: tigercatCore.popconfirmIconPathStrokeLinejoin,
-        d: tigercatCore.getPopconfirmIconPath(type)
-      }
-    )
-  }
-);
-var Popconfirm = ({
-  open,
-  defaultOpen = false,
-  title = "\u786E\u5B9A\u8981\u6267\u884C\u6B64\u64CD\u4F5C\u5417\uFF1F",
-  description,
-  icon = "warning",
-  showIcon = true,
-  okText = "\u786E\u5B9A",
-  cancelText = "\u53D6\u6D88",
-  okType = "primary",
-  placement: initialPlacement = "top",
-  offset = 8,
-  disabled = false,
-  className,
-  style,
-  children,
-  titleContent,
-  descriptionContent,
-  onOpenChange,
-  onConfirm,
-  onCancel,
-  ...divProps
-}) => {
-  const popconfirmIdRef = React.useRef(null);
-  if (!popconfirmIdRef.current) popconfirmIdRef.current = createPopconfirmId();
-  const popconfirmId = popconfirmIdRef.current;
-  const titleId = `${popconfirmId}-title`;
-  const descriptionId = `${popconfirmId}-description`;
-  const describedBy = description || descriptionContent ? descriptionId : void 0;
-  const {
-    currentVisible,
-    setVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    actualPlacement,
-    floatingStyles: baseFloatingStyles
-  } = chunkJFOSDCCG_js.usePopup({
-    open,
-    defaultOpen,
-    disabled,
-    placement: initialPlacement,
-    offset,
-    multiTrigger: false,
-    onOpenChange
-  });
-  const handleConfirm = () => {
-    onConfirm?.();
-    setVisible(false);
-  };
-  const handleCancel = () => {
-    onCancel?.();
-    setVisible(false);
-  };
-  const handleTriggerClick = () => {
-    if (disabled) return;
-    setVisible(!currentVisible);
-  };
-  const contentWrapperStyles = React.useMemo(
-    () => ({
-      position: "absolute",
-      left: baseFloatingStyles.left,
-      top: baseFloatingStyles.top,
-      transformOrigin: baseFloatingStyles.transformOrigin
-    }),
-    [baseFloatingStyles]
-  );
-  const containerClasses = React.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getPopconfirmContainerClasses(), className),
-    [className]
-  );
-  const triggerClasses = React.useMemo(() => tigercatCore.getPopconfirmTriggerClasses(disabled), [disabled]);
-  const contentWrapperClasses = "absolute z-50";
-  const arrowClasses = React.useMemo(() => tigercatCore.getPopconfirmArrowClasses(actualPlacement), [actualPlacement]);
-  const contentClasses = tigercatCore.getPopconfirmContentClasses();
-  const titleClasses = tigercatCore.getPopconfirmTitleClasses();
-  const descriptionClasses = tigercatCore.getPopconfirmDescriptionClasses();
-  const iconClasses = React.useMemo(() => tigercatCore.getPopconfirmIconClasses(icon), [icon]);
-  const buttonsClasses = tigercatCore.getPopconfirmButtonsClasses();
-  const cancelButtonClasses = tigercatCore.getPopconfirmCancelButtonClasses();
-  const okButtonClasses = React.useMemo(() => tigercatCore.getPopconfirmOkButtonClasses(okType), [okType]);
-  if (!children) return null;
-  const mergedStyle = tigercatCore.mergeStyleValues(style);
-  const triggerProps = {
-    className: triggerClasses,
-    onClick: (event) => {
-      const target = children;
-      if (React__default.default.isValidElement(target)) {
-        const onChildClick = target.props.onClick;
-        if (typeof onChildClick === "function") {
-          onChildClick(event);
-        }
-      }
-      if (event.defaultPrevented) return;
-      handleTriggerClick();
-    },
-    "aria-haspopup": "dialog",
-    "aria-expanded": Boolean(currentVisible),
-    "aria-controls": currentVisible ? popconfirmId : void 0
-  };
-  const triggerNode = (() => {
-    if (React__default.default.isValidElement(children)) {
-      return React__default.default.cloneElement(children, {
-        ...triggerProps,
-        className: tigercatCore.classNames(children.props.className, triggerProps.className)
-      });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ...triggerProps,
-        role: "button",
-        tabIndex: disabled ? -1 : 0,
-        "aria-disabled": disabled,
-        onKeyDown: (event) => {
-          if (disabled) return;
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            handleTriggerClick();
-          }
-        },
-        children
-      }
-    );
-  })();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style: mergedStyle, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: triggerRef, children: triggerNode }),
-    chunkPGBKMW4Q_js.renderBodyPortal(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref: floatingRef,
-          className: contentWrapperClasses,
-          style: contentWrapperStyles,
-          hidden: !currentVisible,
-          "aria-hidden": !currentVisible,
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: arrowClasses, "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                id: popconfirmId,
-                role: "dialog",
-                "aria-modal": "false",
-                "aria-labelledby": titleId,
-                "aria-describedby": describedBy,
-                className: contentClasses,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start", children: [
-                    showIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(PopconfirmIcon, { type: icon }) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: titleClasses, children: titleContent || title }),
-                      (description || descriptionContent) && /* @__PURE__ */ jsxRuntime.jsx("div", { id: descriptionId, className: descriptionClasses, children: descriptionContent || description })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: buttonsClasses, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cancelButtonClasses, onClick: handleCancel, children: cancelText }),
-                    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: okButtonClasses, onClick: handleConfirm, children: okText })
-                  ] })
-                ]
-              }
-            )
-          ] })
-        }
-      )
-    )
-  ] });
-};
-
-exports.Popconfirm = Popconfirm;