@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-N2JYU4JI.js → chunk-SHU7L4NM.js}

@@ -15,7 +15,8 @@ var Segmented = ({
   size = "md",
   block = false,
   className,
-  onChange
+  onChange,
+  ...rest
 }) => {
   function handleSelect(opt) {
     if (opt.disabled || disabled) return;
@@ -23,12 +24,59 @@ var Segmented = ({
     _optionalChain([onChange, 'optionalCall', _ => _(opt.value)]);
   }
   const selectedIndex = options.findIndex((opt) => opt.value === value);
+  const firstEnabledIndex = options.findIndex((opt) => !opt.disabled);
+  const rovingIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
+  function focusOption(container, index) {
+    if (!container) return;
+    const els = container.querySelectorAll('[role="radio"]');
+    _optionalChain([els, 'access', _2 => _2[index], 'optionalAccess', _3 => _3.focus, 'call', _4 => _4()]);
+  }
+  function handleKeyDown(e, index) {
+    if (disabled) return;
+    const enabledIdxs = options.reduce((acc, opt, i) => {
+      if (!opt.disabled) acc.push(i);
+      return acc;
+    }, []);
+    if (enabledIdxs.length === 0) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handleSelect(options[index]);
+      return;
+    }
+    const pos = enabledIdxs.indexOf(index);
+    let target = null;
+    switch (e.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        target = enabledIdxs[(pos + 1 + enabledIdxs.length) % enabledIdxs.length];
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        target = enabledIdxs[(pos - 1 + enabledIdxs.length) % enabledIdxs.length];
+        break;
+      case "Home":
+        target = enabledIdxs[0];
+        break;
+      case "End":
+        target = enabledIdxs[enabledIdxs.length - 1];
+        break;
+      default:
+        return;
+    }
+    if (target == null) return;
+    e.preventDefault();
+    const container = e.currentTarget.closest('[role="radiogroup"]');
+    focusOption(container, target);
+    handleSelect(options[target]);
+  }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
+      ...rest,
       className: _tigercatcore.classNames.call(void 0, _tigercatcore.getSegmentedContainerClasses.call(void 0, size, block), className),
       style: _tigercatcore.getSegmentedContainerStyle.call(void 0, options.length),
       role: "radiogroup",
+      "aria-disabled": disabled || void 0,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
@@ -39,7 +87,7 @@ var Segmented = ({
             style: _tigercatcore.getSegmentedIndicatorStyle.call(void 0, selectedIndex, options.length, size)
           }
         ),
-        options.map((opt) => {
+        options.map((opt, index) => {
           const selected = opt.value === value;
           const isDisabled = !!opt.disabled || disabled;
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -52,7 +100,9 @@ var Segmented = ({
               role: "radio",
               "aria-checked": selected,
               "aria-disabled": isDisabled,
+              tabIndex: isDisabled ? -1 : index === rovingIndex ? 0 : -1,
               onClick: () => handleSelect(opt),
+              onKeyDown: (e) => handleKeyDown(e, index),
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: opt.label })
             },
             opt.value

package/dist/{chunk-I2AUOICV.mjs → chunk-SI3P3V75.mjs}

@@ -1,6 +1,3 @@
-import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
@@ -10,6 +7,9 @@ import {
   useEscapeKey,
   useFocusTrap
 } from "./chunk-SEWNVIHH.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/Modal.tsx
 import React, { useEffect, useMemo, useCallback, useRef, useId } from "react";
@@ -77,6 +77,8 @@ var Modal = ({
   );
   const [hasBeenOpened, setHasBeenOpened] = React.useState(open);
   const [dragOffset, setDragOffset] = React.useState({ x: 0, y: 0 });
+  const prevOpenRef = useRef(open);
+  const suppressNextCloseRef = useRef(false);
   useEffect(() => {
     if (open) {
       setHasBeenOpened(true);
@@ -106,20 +108,28 @@ var Modal = ({
     [isDraggable, dragOffset]
   );
   useEffect(() => {
-    onOpenChange?.(open);
-    if (!open && onClose) {
-      onClose();
+    if (prevOpenRef.current && !open) {
+      if (suppressNextCloseRef.current) {
+        suppressNextCloseRef.current = false;
+      } else {
+        onClose?.();
+      }
     }
-  }, [open, onOpenChange, onClose]);
+    prevOpenRef.current = open;
+  }, [open, onClose]);
   const shouldRender = destroyOnClose ? open : hasBeenOpened;
   const handleClose = useCallback(() => {
     onCancel?.();
     onOpenChange?.(false);
-  }, [onCancel, onOpenChange]);
+    suppressNextCloseRef.current = true;
+    onClose?.();
+  }, [onCancel, onOpenChange, onClose]);
   const handleOk = useCallback(() => {
     onOk?.();
     onOpenChange?.(false);
-  }, [onOk, onOpenChange]);
+    suppressNextCloseRef.current = true;
+    onClose?.();
+  }, [onOk, onOpenChange, onClose]);
   const handleMaskClick = useCallback(
     (event) => {
       if (shouldCloseOnMaskClick(event, maskClosable)) {

package/dist/{chunk-UVMQJOTX.js → chunk-SK7PXSVE.js}

@@ -1,6 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ChartTooltip.tsx
 var _react = require('react');
 var _reactdom = require('react-dom');
+
+
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var ChartTooltip = ({
@@ -14,24 +19,28 @@ var ChartTooltip = ({
   const [adjustedPosition, setAdjustedPosition] = _react.useState.call(void 0, { x, y });
   _react.useEffect.call(void 0, () => {
     if (!visible) return;
-    let newX = x + 12;
-    let newY = y - 8;
+    const initialPosition = _tigercatcore.resolveChartTooltipPosition.call(void 0, {
+      x,
+      y,
+      rect: { width: 0, height: 0 },
+      viewport: {
+        width: typeof window === "undefined" ? 0 : window.innerWidth,
+        height: typeof window === "undefined" ? 0 : window.innerHeight
+      }
+    });
     const frameHandle = requestAnimationFrame(() => {
       if (!tooltipRef.current) return;
       const rect = tooltipRef.current.getBoundingClientRect();
-      const viewportWidth = window.innerWidth;
-      const viewportHeight = window.innerHeight;
-      if (newX + rect.width > viewportWidth - 8) {
-        newX = x - rect.width - 12;
-      }
-      if (newY + rect.height > viewportHeight - 8) {
-        newY = y - rect.height - 8;
-      }
-      newX = Math.max(8, newX);
-      newY = Math.max(8, newY);
-      setAdjustedPosition({ x: newX, y: newY });
+      setAdjustedPosition(
+        _tigercatcore.resolveChartTooltipPosition.call(void 0, {
+          x,
+          y,
+          rect,
+          viewport: { width: window.innerWidth, height: window.innerHeight }
+        })
+      );
     });
-    setAdjustedPosition({ x: newX, y: newY });
+    setAdjustedPosition(initialPosition);
     return () => cancelAnimationFrame(frameHandle);
   }, [x, y, visible]);
   const tooltipClasses = _react.useMemo.call(void 0, 

package/dist/{chunk-U356F7GU.js → chunk-SO2ADQTB.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/AutoComplete.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/AutoComplete.tsx
 var _react = require('react');
 
 
@@ -16,6 +20,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var AUTOCOMPLETE_KEYS = /* @__PURE__ */ new Set([
@@ -29,6 +35,7 @@ var AUTOCOMPLETE_KEYS = /* @__PURE__ */ new Set([
   "filterOption",
   "defaultActiveFirstOption",
   "allowFreeInput",
+  "locale",
   "onChange",
   "onSelect",
   "onSearch"
@@ -41,15 +48,27 @@ var AutoComplete = (props) => {
     size = "md",
     disabled = false,
     clearable = false,
-    notFoundText = "No matches found",
+    notFoundText,
     filterOption = true,
     defaultActiveFirstOption = true,
+    allowFreeInput = true,
+    locale,
     className,
     onChange,
     onSelect,
     onSearch,
     ...rest
   } = props;
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const resolvedNotFoundText = _tigercatcore.resolveLocaleText.call(void 0, 
+    "No matches found",
+    notFoundText,
+    _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.emptyText])
+  );
   const divProps = {};
   for (const key of Object.keys(rest)) {
     if (!AUTOCOMPLETE_KEYS.has(key)) {
@@ -80,11 +99,28 @@ var AutoComplete = (props) => {
     setIsOpen(false);
     setActiveIndex(-1);
   }
+  function constrainToOption() {
+    if (allowFreeInput) return;
+    const match = options.find((o) => !o.disabled && o.label === inputValue);
+    if (match) {
+      if (String(match.value) !== String(value)) {
+        _optionalChain([onChange, 'optionalCall', _3 => _3(match.value)]);
+        _optionalChain([onSelect, 'optionalCall', _4 => _4(match.value, match)]);
+      }
+      return;
+    }
+    const current = options.find((o) => String(o.value) === String(value));
+    const revertLabel = current ? current.label : "";
+    if (revertLabel !== inputValue) {
+      setInputValue(revertLabel);
+      _optionalChain([onChange, 'optionalCall', _5 => _5(current ? current.value : "")]);
+    }
+  }
   function handleInput(e) {
     const val = e.target.value;
     setInputValue(val);
-    _optionalChain([onChange, 'optionalCall', _ => _(val)]);
-    _optionalChain([onSearch, 'optionalCall', _2 => _2(val)]);
+    _optionalChain([onChange, 'optionalCall', _6 => _6(val)]);
+    _optionalChain([onSearch, 'optionalCall', _7 => _7(val)]);
     if (!isOpen) {
       setIsOpen(true);
     }
@@ -96,15 +132,15 @@ var AutoComplete = (props) => {
   function handleSelect(option) {
     if (option.disabled) return;
     setInputValue(option.label);
-    _optionalChain([onChange, 'optionalCall', _3 => _3(option.value)]);
-    _optionalChain([onSelect, 'optionalCall', _4 => _4(option.value, option)]);
+    _optionalChain([onChange, 'optionalCall', _8 => _8(option.value)]);
+    _optionalChain([onSelect, 'optionalCall', _9 => _9(option.value, option)]);
     closeDropdown();
   }
   function handleClear(e) {
     e.stopPropagation();
     setInputValue("");
-    _optionalChain([onChange, 'optionalCall', _5 => _5("")]);
-    requestAnimationFrame(() => _optionalChain([inputRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.focus, 'call', _8 => _8()]));
+    _optionalChain([onChange, 'optionalCall', _10 => _10("")]);
+    requestAnimationFrame(() => _optionalChain([inputRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()]));
   }
   function handleKeyDown(e) {
     if (!isOpen) {
@@ -126,6 +162,9 @@ var AutoComplete = (props) => {
         e.preventDefault();
         if (activeIndex >= 0 && activeIndex < filteredOptions.length) {
           handleSelect(filteredOptions[activeIndex]);
+        } else {
+          constrainToOption();
+          closeDropdown();
         }
         break;
       case "Escape":
@@ -159,7 +198,8 @@ var AutoComplete = (props) => {
         autoComplete: "off",
         onChange: handleInput,
         onFocus: openDropdown,
-        onKeyDown: handleKeyDown
+        onKeyDown: handleKeyDown,
+        onBlur: constrainToOption
       }
     ),
     showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -167,7 +207,7 @@ var AutoComplete = (props) => {
       {
         type: "button",
         className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-autocomplete-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-autocomplete-clear-hover,var(--tiger-text,#111827))] transition-colors",
-        "aria-label": "Clear",
+        "aria-label": _tigercatcore.resolveLocaleText.call(void 0, "Clear", _optionalChain([mergedLocale, 'optionalAccess', _14 => _14.common, 'optionalAccess', _15 => _15.clearText])),
         onClick: handleClear,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "svg",
@@ -194,13 +234,14 @@ var AutoComplete = (props) => {
           !!option.disabled,
           size
         ),
+        onMouseDown: (e) => e.preventDefault(),
         onClick: () => handleSelect(option),
         onMouseEnter: () => setActiveIndex(index),
         children: option.label
       },
       String(option.value)
     )) }),
-    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.autoCompleteDropdownClasses, _tigercatcore.autoCompleteEmptyStateClasses), children: notFoundText })
+    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.autoCompleteDropdownClasses, _tigercatcore.autoCompleteEmptyStateClasses), children: resolvedNotFoundText })
   ] });
 };
 

package/dist/{chunk-NKKIJQMV.mjs → chunk-SPIPFOGD.mjs}

@@ -9,7 +9,8 @@ import {
   getSliderTooltipClasses,
   sliderGetPercentage,
   sliderGetValueFromPosition,
-  sliderGetKeyboardValue
+  sliderGetKeyboardValue,
+  sliderResolveMarks
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Thumb = memo(
@@ -216,7 +217,8 @@ var Slider = ({
   const tooltipClasses = useMemo(() => getSliderTooltipClasses(size), [size]);
   const renderMarks = () => {
     if (!marks) return null;
-    const marksObj = typeof marks === "boolean" ? {} : marks;
+    const marksObj = sliderResolveMarks(marks, min, max);
+    if (Object.keys(marksObj).length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "absolute w-full top-full mt-2", children: Object.entries(marksObj).map(([key, label]) => {
       const value = Number(key);
       const left = getPercentage(value);

package/dist/{chunk-JLRRXRZO.js → chunk-SQONS5PH.js}

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/CheckboxGroup.tsx
 var _react = require('react');
@@ -19,7 +19,7 @@ var CheckboxGroup = ({
   className,
   ...props
 }) => {
-  const [value, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, controlledValue, defaultValue);
+  const [value, setValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, controlledValue, defaultValue, onChange);
   const updateValue = (val, checked) => {
     if (disabled) return;
     const currentValue = [...value];
@@ -29,10 +29,7 @@ var CheckboxGroup = ({
     } else if (!checked && index !== -1) {
       currentValue.splice(index, 1);
     }
-    if (!isControlled) {
-      setInternalValue(currentValue);
-    }
-    _optionalChain([onChange, 'optionalCall', _ => _(currentValue)]);
+    setValue(currentValue);
   };
   const context = {
     value,

package/dist/{chunk-NQNHM4OL.mjs → chunk-SRC7JHME.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";

package/dist/{chunk-EEWHWEYO.js → chunk-SXTMVZ4W.js}

@@ -1,13 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkOZD75CLTjs = require('./chunk-OZD75CLT.js');
+var _chunkCXXOZLP4js = require('./chunk-CXXOZLP4.js');
 
 
-var _chunkFI53LYZ6js = require('./chunk-FI53LYZ6.js');
+var _chunk5UREMEDSjs = require('./chunk-5UREMEDS.js');
 
 
 var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/CropUpload.tsx
 var _react = require('react');
 
@@ -19,20 +22,29 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var CropUpload = ({
+  locale,
   accept = "image/*",
   disabled = false,
   maxSize,
   cropperProps,
-  modalTitle = "\u88C1\u526A\u56FE\u7247",
-  modalWidth: _modalWidth = 520,
+  modalTitle,
+  modalWidth = 520,
   className,
   children,
   onCropComplete,
   onError
 }) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getImageEditorLabels.call(void 0, mergedLocale), [mergedLocale]);
   const fileInputRef = _react.useRef.call(void 0, null);
   const cropperRef = _react.useRef.call(void 0, null);
   const [modalVisible, setModalVisible] = _react.useState.call(void 0, false);
@@ -112,7 +124,7 @@ var CropUpload = ({
         onClick: handleTriggerClick,
         role: "button",
         tabIndex: disabled ? -1 : 0,
-        "aria-label": "Select image to crop and upload",
+        "aria-label": labels.selectImageAriaLabel,
         "aria-disabled": disabled ? "true" : void 0,
         onKeyDown: handleKeyDown,
         children: children || /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -135,25 +147,26 @@ var CropUpload = ({
               )
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "\u9009\u62E9\u56FE\u7247" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: labels.selectImageText })
         ] })
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOZD75CLTjs.Modal,
+      _chunkCXXOZLP4js.Modal,
       {
         open: modalVisible,
         size: "lg",
-        title: modalTitle,
+        width: modalWidth,
+        title: _nullishCoalesce(modalTitle, () => ( labels.cropModalTitle)),
         className: "tiger-crop-upload-modal",
         closable: true,
         maskClosable: false,
         onClose: handleCancel,
         footer: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleCancel, children: labels.cropCancelText }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleConfirm, loading: cropping, children: labels.cropConfirmText })
         ] }),
-        children: imageSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFI53LYZ6js.ImageCropper, { ref: cropperRef, src: imageSrc, ...cropperProps })
+        children: imageSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5UREMEDSjs.ImageCropper, { ref: cropperRef, src: imageSrc, locale, ...cropperProps })
       }
     )
   ] });

package/dist/{chunk-LMTUM3J3.js → chunk-SYJJKI7U.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
 var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
@@ -23,17 +23,23 @@ var _reactdom = require('react-dom');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
+var MESSAGE_POSITIONS = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+];
 var messageInstances = [];
-var instanceIdCounter = 0;
 var containerRoot = null;
 var updateCallback = null;
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = _tigercatcore.createInstanceCounter.call(void 0, );
 var MessageItem = ({ message, onClose }) => {
   const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
@@ -93,17 +99,12 @@ var MessageItem = ({ message, onClose }) => {
     }
   );
 };
-var MessageContainer = ({ position = "top" }) => {
-  const [messages, setMessages] = _react.useState.call(void 0, () => [...messageInstances]);
-  _react.useEffect.call(void 0, () => {
-    updateCallback = () => {
-      setMessages([...messageInstances]);
-    };
-    return () => {
-      updateCallback = null;
-    };
-  }, []);
+var MessageContainer = ({
+  position = "top",
+  messages = messageInstances.filter((message) => message.position === position)
+}) => {
   const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.messageContainerBaseClasses, _tigercatcore.messagePositionClasses[position]);
+  const containerId = position === "top" ? MESSAGE_CONTAINER_ID : `${MESSAGE_CONTAINER_ID}-${position}`;
   const handleRemove = _react.useCallback.call(void 0, (id) => {
     removeMessage(id);
   }, []);
@@ -111,14 +112,31 @@ var MessageContainer = ({ position = "top" }) => {
     "div",
     {
       className: containerClasses,
-      id: MESSAGE_CONTAINER_ID,
+      id: containerId,
       "aria-live": "polite",
       "aria-relevant": "additions",
+      "data-tiger-message-position": position,
       "data-tiger-message-container": true,
       children: messages.map((message) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageItem, { message, onClose: handleRemove }, message.id))
     }
   );
 };
+var MessageHost = () => {
+  const [messages, setMessages] = _react.useState.call(void 0, () => [...messageInstances]);
+  _react.useEffect.call(void 0, () => {
+    updateCallback = () => {
+      setMessages([...messageInstances]);
+    };
+    return () => {
+      updateCallback = null;
+    };
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: MESSAGE_POSITIONS.map((position) => {
+    const positionedMessages = messages.filter((message) => message.position === position);
+    if (positionedMessages.length === 0) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContainer, { position, messages: positionedMessages }, position);
+  }) });
+};
 function ensureContainer() {
   if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
@@ -140,7 +158,7 @@ function ensureContainer() {
   }
   containerRoot = _client.createRoot.call(void 0, rootEl);
   _reactdom.flushSync.call(void 0, () => {
-    _optionalChain([containerRoot, 'optionalAccess', _ => _.render, 'call', _2 => _2(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContainer, {}))]);
+    _optionalChain([containerRoot, 'optionalAccess', _ => _.render, 'call', _2 => _2(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageHost, {}))]);
   });
 }
 function addMessage(config) {
@@ -153,7 +171,8 @@ function addMessage(config) {
     closable: config.closable || false,
     onClose: config.onClose,
     icon: config.icon,
-    className: config.className
+    className: config.className,
+    position: _nullishCoalesce(config.position, () => ( "top"))
   };
   messageInstances.push(instance);
   const rootId = `${MESSAGE_CONTAINER_ID}-root`;

package/dist/{chunk-3QPCQH62.mjs → chunk-SYVMCKPR.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-6GYT3EZD.mjs";
+} from "./chunk-P2WQIVXD.mjs";
 
 // src/components/ImageGroup.tsx
 import { useState, useCallback, useMemo, createContext, useRef } from "react";