@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/{chunk-GYQJJUJP.mjs → chunk-6CAKUMWV.mjs}

@@ -1,11 +1,22 @@
-import { Table } from './chunk-CBWRSICK.mjs';
-import { Select } from './chunk-UJ5NMLZN.mjs';
-import { Input } from './chunk-WNLUUD5N.mjs';
-import { Button } from './chunk-GKJNQUTW.mjs';
-import { useRef, useState, useEffect, useMemo } from 'react';
-import { classNames } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  Table
+} from "./chunk-T7ACOL7K.mjs";
+import {
+  Select
+} from "./chunk-T4OVGM4X.mjs";
+import {
+  Input
+} from "./chunk-WNLUUD5N.mjs";
+import {
+  Button
+} from "./chunk-USWK2S3Y.mjs";
 
+// src/components/DataTableWithToolbar.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  classNames
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var DataTableWithToolbar = ({
   toolbar,
   onSearchChange,
@@ -117,84 +128,92 @@ var DataTableWithToolbar = ({
   };
   const renderToolbar = () => {
     if (!hasSearch && !hasFilters && !hasBulkActions) return null;
-    return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap flex-1 min-w-0", children: [
-        hasSearch ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]", children: [
-          /* @__PURE__ */ jsx(
-            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__ */ jsx(
-            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__ */ jsx(
-            "div",
-            {
-              className: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
-              children: /* @__PURE__ */ jsx(
-                Select,
+    return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap flex-1 min-w-0", children: [
+            hasSearch ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]", children: [
+              /* @__PURE__ */ jsx(
+                Input,
                 {
+                  type: "search",
                   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);
+                  value: searchValue,
+                  placeholder: toolbar?.searchPlaceholder ?? "\u641C\u7D22",
+                  onChange: (event) => handleSearchChange(String(event.currentTarget.value)),
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                      handleSearchSubmit();
+                    }
                   }
                 }
-              )
-            },
-            filter.key
-          );
-        }) : null
-      ] }),
-      hasBulkActions ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap ml-auto shrink-0", children: [
-        selectedCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-[var(--tiger-text-muted,#6b7280)]", children: [
-          bulkLabel,
-          " ",
-          selectedCount,
-          " \u9879"
-        ] }) : null,
-        toolbar?.bulkActions?.map((action) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "sm",
-            variant: action.variant ?? "outline",
-            disabled: action.disabled || selectedCount === 0,
-            onClick: () => handleBulkAction(action),
-            children: action.label
-          },
-          action.key
-        ))
-      ] }) : null
-    ] });
+              ),
+              toolbar?.showSearchButton ?? true ? /* @__PURE__ */ jsx(
+                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__ */ jsx(
+                "div",
+                {
+                  className: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
+                  children: /* @__PURE__ */ jsx(
+                    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__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap ml-auto shrink-0", children: [
+            selectedCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-[var(--tiger-text-muted,#6b7280)]", children: [
+              bulkLabel,
+              " ",
+              selectedCount,
+              " \u9879"
+            ] }) : null,
+            toolbar?.bulkActions?.map((action) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: action.variant ?? "outline",
+                disabled: action.disabled || selectedCount === 0,
+                onClick: () => handleBulkAction(action),
+                children: action.label
+              },
+              action.key
+            ))
+          ] }) : null
+        ]
+      }
+    );
   };
   return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
     renderToolbar(),
@@ -211,4 +230,7 @@ var DataTableWithToolbar = ({
 };
 var DataTableWithToolbar_default = DataTableWithToolbar;
 
-export { DataTableWithToolbar, DataTableWithToolbar_default };
+export {
+  DataTableWithToolbar,
+  DataTableWithToolbar_default
+};

package/dist/chunk-6CWZXS5B.js

@@ -0,0 +1,152 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Descriptions.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Descriptions = ({
+  title,
+  extra,
+  bordered = false,
+  column: columnProp = 3,
+  size = "md",
+  layout = "horizontal",
+  colon = true,
+  labelStyle,
+  contentStyle,
+  items = [],
+  className,
+  children,
+  ...props
+}) => {
+  const isResponsive = typeof columnProp === "object" && columnProp !== null;
+  const subscribe = _react.useMemo.call(void 0, () => {
+    if (!isResponsive) {
+      return () => () => {
+      };
+    }
+    return (cb) => {
+      window.addEventListener("resize", cb);
+      return () => window.removeEventListener("resize", cb);
+    };
+  }, [isResponsive]);
+  const getSnapshot = () => window.innerWidth;
+  const getServerSnapshot = () => 1024;
+  const windowWidth = _react.useSyncExternalStore.call(void 0, subscribe, getSnapshot, getServerSnapshot);
+  const column = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveResponsiveValue.call(void 0, columnProp, windowWidth, 3),
+    [columnProp, windowWidth]
+  );
+  const renderHeader = () => {
+    if (!title && !extra) return null;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.descriptionsHeaderClasses, children: [
+      title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.descriptionsTitleClasses, children: title }) : null,
+      extra ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.descriptionsExtraClasses, children: extra }) : null
+    ] });
+  };
+  const renderRow = (rowItems, rowIndex) => {
+    const cells = [];
+    rowItems.forEach((item, itemIndex) => {
+      const span = Math.min(item.span || 1, column);
+      const labelClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getDescriptionsLabelClasses.call(void 0, bordered, size, layout),
+        item.labelClassName
+      );
+      const contentClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getDescriptionsContentClasses.call(void 0, bordered, size, layout),
+        item.contentClassName
+      );
+      const key = `${rowIndex}-${itemIndex}`;
+      cells.push(
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "th", { className: labelClass, style: labelStyle, children: [
+          item.label,
+          colon ? ":" : ""
+        ] }, `${key}-label`)
+      );
+      cells.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "td",
+          {
+            className: contentClass,
+            style: contentStyle,
+            colSpan: span > 1 ? span * 2 - 1 : 1,
+            children: item.content
+          },
+          `${key}-content`
+        )
+      );
+    });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: cells }, rowIndex);
+  };
+  const renderHorizontalLayout = () => {
+    if (items.length === 0 && !children) {
+      return null;
+    }
+    const rows = _tigercatcore.groupItemsIntoRows.call(void 0, items, column);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: _tigercatcore.getDescriptionsTableClasses.call(void 0, bordered), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rows.map((row, index) => renderRow(row, index)) }) });
+  };
+  const renderVerticalItem = (item, index) => {
+    const labelClass = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.getDescriptionsLabelClasses.call(void 0, bordered, size, layout),
+      item.labelClassName
+    );
+    const contentClass = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.getDescriptionsContentClasses.call(void 0, bordered, size, layout),
+      item.contentClassName
+    );
+    if (bordered) {
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "th", { className: labelClass, style: labelStyle, children: [
+          item.label,
+          colon ? ":" : ""
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: contentClass, style: contentStyle, children: item.content })
+      ] }, index);
+    }
+    const itemClasses = _tigercatcore.getDescriptionsVerticalItemClasses.call(void 0, size);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: itemClasses, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "dt", { className: labelClass, style: labelStyle, children: [
+        item.label,
+        colon ? ":" : ""
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dd", { className: contentClass, style: contentStyle, children: item.content })
+    ] }, index);
+  };
+  const renderVerticalLayout = () => {
+    if (items.length === 0 && !children) {
+      return null;
+    }
+    if (bordered) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: _tigercatcore.getDescriptionsTableClasses.call(void 0, bordered), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: items.map((item, index) => renderVerticalItem(item, index)) }) });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "dl", { className: _tigercatcore.descriptionsVerticalWrapperClasses, children: items.map((item, index) => renderVerticalItem(item, index)) });
+  };
+  const descriptionsClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.descriptionsWrapperClasses,
+    _tigercatcore.getDescriptionsClasses.call(void 0, size),
+    className
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: descriptionsClasses, ...props, children: [
+    renderHeader(),
+    layout === "horizontal" ? renderHorizontalLayout() : renderVerticalLayout(),
+    children
+  ] });
+};
+var Descriptions_default = Descriptions;
+
+
+
+
+exports.Descriptions = Descriptions; exports.Descriptions_default = Descriptions_default;

package/dist/{chunk-IXJMMM26.mjs → chunk-6GIJ7NFV.mjs}

@@ -1,10 +1,30 @@
-import { StatusIconWithLoading, StatusIcon } from './chunk-FLYJVZED.mjs';
-import { useState, useEffect, useCallback } from 'react';
-import { createRoot } from 'react-dom/client';
-import { flushSync } from 'react-dom';
-import { classNames, messageContainerBaseClasses, messagePositionClasses, getMessageTypeClasses, defaultMessageThemeColors, messageBaseClasses, getMessageIconPath, messageIconClasses, ANIMATION_DURATION_MS, messageLoadingSpinnerClasses, messageContentClasses, messageCloseButtonClasses, messageCloseIconPath, isBrowser, normalizeStringOption } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  StatusIcon,
+  StatusIconWithLoading
+} from "./chunk-FLYJVZED.mjs";
 
+// src/components/Message.tsx
+import { useState, useEffect, useCallback } from "react";
+import { createRoot } from "react-dom/client";
+import { flushSync } from "react-dom";
+import {
+  classNames,
+  getMessageTypeClasses,
+  defaultMessageThemeColors,
+  messageContainerBaseClasses,
+  messagePositionClasses,
+  messageBaseClasses,
+  messageIconClasses,
+  messageContentClasses,
+  messageCloseButtonClasses,
+  messageLoadingSpinnerClasses,
+  getMessageIconPath,
+  messageCloseIconPath,
+  isBrowser,
+  ANIMATION_DURATION_MS,
+  normalizeStringOption
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var messageInstances = [];
@@ -77,11 +97,8 @@ var MessageContainer = ({ position = "top" }) => {
   const [messages, setMessages] = useState(() => [...messageInstances]);
   useEffect(() => {
     updateCallback = () => {
-      flushSync(() => {
-        setMessages([...messageInstances]);
-      });
+      setMessages([...messageInstances]);
     };
-    updateCallback();
     return () => {
       updateCallback = null;
     };
@@ -139,8 +156,10 @@ function addMessage(config) {
     className: config.className
   };
   messageInstances.push(instance);
+  const rootId = `${MESSAGE_CONTAINER_ID}-root`;
+  const shouldUpdateExistingContainer = isBrowser() && containerRoot !== null && document.getElementById(rootId) !== null;
   ensureContainer();
-  if (updateCallback) {
+  if (shouldUpdateExistingContainer && updateCallback) {
     updateCallback();
   }
   if (instance.duration > 0) {
@@ -216,4 +235,8 @@ var Message = {
 };
 var Message_default = Message;
 
-export { Message, MessageContainer, Message_default };
+export {
+  MessageContainer,
+  Message,
+  Message_default
+};

package/dist/chunk-6GU5NH5F.mjs

@@ -1,8 +1,18 @@
-import React, { useState, useRef, useMemo, useCallback } from 'react';
-import { countLines, generateLineNumbers, getCodeEditorContainerClasses, handleTabKey, getLineNumberClasses, classNames, codeEditorHighlightClasses, codeEditorTextareaClasses, tokenizeLine, getTokenClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/CodeEditor.tsx
+import React, { useState, useRef, useMemo, useCallback } from "react";
+import {
+  classNames,
+  getCodeEditorContainerClasses,
+  getLineNumberClasses,
+  getTokenClasses,
+  tokenizeLine,
+  countLines,
+  generateLineNumbers,
+  handleTabKey,
+  codeEditorTextareaClasses,
+  codeEditorHighlightClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CodeEditor = ({
   value: controlledValue,
   defaultValue = "",
@@ -133,4 +143,7 @@ var CodeEditor = ({
 };
 var CodeEditor_default = CodeEditor;
 
-export { CodeEditor, CodeEditor_default };
+export {
+  CodeEditor,
+  CodeEditor_default
+};

package/dist/{chunk-WNX4TH7U.mjs → chunk-6GYT3EZD.mjs}

@@ -1,9 +1,39 @@
-import { useEscapeKey } from './chunk-XTSG362L.mjs';
-import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import { getPreviewNavState, clampScale, normalizeRotation, calculateTransform, imagePreviewWrapperClasses, imagePreviewMaskClasses, imagePreviewImgClasses, imagePreviewCloseBtnClasses, previewCloseIconPath, classNames, prevIconPath, imagePreviewNavBtnClasses, nextIconPath, imagePreviewToolbarClasses, imagePreviewToolbarBtnClasses, zoomOutIconPath, resetIconPath, zoomInIconPath, imageViewerIcons, imagePreviewCounterClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useEscapeKey
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/ImagePreview.tsx
+import { useState, useRef, useEffect, useMemo, useCallback } from "react";
+import { createPortal } from "react-dom";
+import {
+  classNames,
+  imagePreviewMaskClasses,
+  imagePreviewWrapperClasses,
+  imagePreviewImgClasses,
+  imagePreviewToolbarClasses,
+  imagePreviewToolbarBtnClasses,
+  imagePreviewNavBtnClasses,
+  imagePreviewCloseBtnClasses,
+  imagePreviewCounterClasses,
+  zoomInIconPath,
+  zoomOutIconPath,
+  resetIconPath,
+  prevIconPath,
+  nextIconPath,
+  previewCloseIconPath,
+  imageViewerIcons,
+  clampScale,
+  calculateTransform,
+  getPreviewNavState,
+  normalizeRotation,
+  createPanState,
+  startPan,
+  movePan,
+  createPinchState,
+  startPinch,
+  movePinch
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SvgIcon = ({ d, cls = "w-5 h-5" }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -28,7 +58,7 @@ var ImagePreview = ({
   onCurrentIndexChange,
   onScaleChange
 }) => {
-  const isOpen = open;
+  const isOpen = open ?? false;
   const [scale, setScale] = useState(1);
   const [rotation, setRotation] = useState(0);
   const [offsetX, setOffsetX] = useState(0);
@@ -36,11 +66,15 @@ var ImagePreview = ({
   const [index, setIndex] = useState(currentIndex);
   const draggingRef = useRef(false);
   const dragStartRef = useRef({ x: 0, y: 0, ox: 0, oy: 0 });
+  const panRef = useRef(createPanState());
+  const pinchRef = useRef(createPinchState());
   const resetTransform = useCallback(() => {
     setScale(1);
     setRotation(0);
     setOffsetX(0);
     setOffsetY(0);
+    panRef.current = createPanState();
+    pinchRef.current = createPinchState();
   }, []);
   useEffect(() => {
     setIndex(currentIndex);
@@ -141,6 +175,40 @@ var ImagePreview = ({
   const handleMouseUp = useCallback(() => {
     draggingRef.current = false;
   }, []);
+  const handleTouchStart = useCallback(
+    (e) => {
+      if (e.touches.length === 2) {
+        e.preventDefault();
+        pinchRef.current = startPinch(e.touches[0], e.touches[1], scale);
+        return;
+      }
+      if (e.touches.length === 1) {
+        panRef.current = startPan(e.touches[0].clientX, e.touches[0].clientY, offsetX, offsetY);
+      }
+    },
+    [offsetX, offsetY, scale]
+  );
+  const handleTouchMove = useCallback(
+    (e) => {
+      if (e.touches.length === 2 && pinchRef.current.isPinching) {
+        e.preventDefault();
+        const next = movePinch(pinchRef.current, e.touches[0], e.touches[1], minScale, maxScale);
+        setScale(next);
+        onScaleChange?.(next);
+        return;
+      }
+      if (e.touches.length === 1 && panRef.current.isPanning) {
+        const next = movePan(panRef.current, e.touches[0].clientX, e.touches[0].clientY);
+        setOffsetX(next.translateX);
+        setOffsetY(next.translateY);
+      }
+    },
+    [maxScale, minScale, onScaleChange]
+  );
+  const handleTouchEnd = useCallback(() => {
+    panRef.current = createPanState();
+    pinchRef.current = createPinchState();
+  }, []);
   const handleMaskClick = useCallback(
     (e) => {
       if (maskClosable && e.target === e.currentTarget) {
@@ -179,7 +247,11 @@ var ImagePreview = ({
               onMouseDown: handleMouseDown,
               onMouseMove: handleMouseMove,
               onMouseUp: handleMouseUp,
-              onMouseLeave: handleMouseUp
+              onMouseLeave: handleMouseUp,
+              onTouchStart: handleTouchStart,
+              onTouchMove: handleTouchMove,
+              onTouchEnd: handleTouchEnd,
+              onTouchCancel: handleTouchEnd
             }
           ),
           /* @__PURE__ */ jsx(
@@ -274,4 +346,6 @@ var ImagePreview = ({
   );
 };
 
-export { ImagePreview };
+export {
+  ImagePreview
+};