@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-JLRRXRZO.js

@@ -1,12 +1,13 @@
-'use strict';
+"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; }
 
-var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
 
-var CheckboxGroupContextProvider = react.createContext(null);
+// src/components/CheckboxGroup.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var CheckboxGroupContextProvider = _react.createContext.call(void 0, null);
 var useCheckboxGroup = () => {
-  return react.useContext(CheckboxGroupContextProvider);
+  return _react.useContext.call(void 0, CheckboxGroupContextProvider);
 };
 var CheckboxGroup = ({
   value: controlledValue,
@@ -18,7 +19,7 @@ var CheckboxGroup = ({
   className,
   ...props
 }) => {
-  const [value, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(controlledValue, defaultValue);
+  const [value, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, controlledValue, defaultValue);
   const updateValue = (val, checked) => {
     if (disabled) return;
     const currentValue = [...value];
@@ -31,7 +32,7 @@ var CheckboxGroup = ({
     if (!isControlled) {
       setInternalValue(currentValue);
     }
-    onChange?.(currentValue);
+    _optionalChain([onChange, 'optionalCall', _ => _(currentValue)]);
   };
   const context = {
     value,
@@ -39,8 +40,10 @@ var CheckboxGroup = ({
     size,
     updateValue
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxGroupContextProvider.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxGroupContextProvider.Provider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...props, className, children }) });
 };
 
-exports.CheckboxGroup = CheckboxGroup;
-exports.useCheckboxGroup = useCheckboxGroup;
+
+
+
+exports.useCheckboxGroup = useCheckboxGroup; exports.CheckboxGroup = CheckboxGroup;

package/dist/chunk-JNRUOQNT.js

@@ -0,0 +1,222 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunk6HELKWFNjs = require('./chunk-6HELKWFN.js');
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/Popconfirm.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var createPopconfirmId = _tigercatcore.createFloatingIdFactory.call(void 0, "popconfirm");
+var PopconfirmIcon = ({ type }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: _tigercatcore.popconfirmIconViewBox,
+    strokeWidth: _tigercatcore.popconfirmIconStrokeWidth,
+    stroke: "currentColor",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        strokeLinecap: _tigercatcore.popconfirmIconPathStrokeLinecap,
+        strokeLinejoin: _tigercatcore.popconfirmIconPathStrokeLinejoin,
+        d: _tigercatcore.getPopconfirmIconPath.call(void 0, 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.call(void 0, 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
+  } = _chunk6HELKWFNjs.usePopup.call(void 0, {
+    open,
+    defaultOpen,
+    disabled,
+    placement: initialPlacement,
+    offset,
+    multiTrigger: false,
+    onOpenChange
+  });
+  const handleConfirm = () => {
+    _optionalChain([onConfirm, 'optionalCall', _ => _()]);
+    setVisible(false);
+  };
+  const handleCancel = () => {
+    _optionalChain([onCancel, 'optionalCall', _2 => _2()]);
+    setVisible(false);
+  };
+  const handleTriggerClick = () => {
+    if (disabled) return;
+    setVisible(!currentVisible);
+  };
+  const contentWrapperStyles = _react.useMemo.call(void 0, 
+    () => ({
+      position: "absolute",
+      left: baseFloatingStyles.left,
+      top: baseFloatingStyles.top,
+      transformOrigin: baseFloatingStyles.transformOrigin
+    }),
+    [baseFloatingStyles]
+  );
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getPopconfirmContainerClasses.call(void 0, ), className),
+    [className]
+  );
+  const triggerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmTriggerClasses.call(void 0, disabled), [disabled]);
+  const contentWrapperClasses = "absolute z-50";
+  const arrowClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmArrowClasses.call(void 0, actualPlacement), [actualPlacement]);
+  const contentClasses = _tigercatcore.getPopconfirmContentClasses.call(void 0, );
+  const titleClasses = _tigercatcore.getPopconfirmTitleClasses.call(void 0, );
+  const descriptionClasses = _tigercatcore.getPopconfirmDescriptionClasses.call(void 0, );
+  const iconClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmIconClasses.call(void 0, icon), [icon]);
+  const buttonsClasses = _tigercatcore.getPopconfirmButtonsClasses.call(void 0, );
+  const cancelButtonClasses = _tigercatcore.getPopconfirmCancelButtonClasses.call(void 0, );
+  const okButtonClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmOkButtonClasses.call(void 0, okType), [okType]);
+  if (!children) return null;
+  const mergedStyle = _tigercatcore.mergeStyleValues.call(void 0, style);
+  const triggerProps = {
+    className: triggerClasses,
+    onClick: (event) => {
+      const target = children;
+      if (_react2.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 (_react2.default.isValidElement(children)) {
+      return _react2.default.cloneElement(children, {
+        ...triggerProps,
+        className: _tigercatcore.classNames.call(void 0, children.props.className, triggerProps.className)
+      });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "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.call(void 0, "div", { ref: containerRef, className: containerClasses, style: mergedStyle, ...divProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: triggerRef, children: triggerNode }),
+    _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          ref: floatingRef,
+          className: contentWrapperClasses,
+          style: contentWrapperStyles,
+          hidden: !currentVisible,
+          "aria-hidden": !currentVisible,
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: arrowClasses, "aria-hidden": "true" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "div",
+              {
+                id: popconfirmId,
+                role: "dialog",
+                "aria-modal": "false",
+                "aria-labelledby": titleId,
+                "aria-describedby": describedBy,
+                className: contentClasses,
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start", children: [
+                    showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopconfirmIcon, { type: icon }) }),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: titleId, className: titleClasses, children: titleContent || title }),
+                      (description || descriptionContent) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: descriptionId, className: descriptionClasses, children: descriptionContent || description })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: buttonsClasses, children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: cancelButtonClasses, onClick: handleCancel, children: cancelText }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: okButtonClasses, onClick: handleConfirm, children: okText })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    )
+  ] });
+};
+
+
+
+exports.Popconfirm = Popconfirm;

package/dist/chunk-JVTAKNRO.mjs

@@ -1,8 +1,19 @@
-import { useMemo } from 'react';
-import { classNames, getTimelineContainerClasses, timelineListClasses, getTimelineItemClasses, getTimelineTailClasses, getTimelineHeadClasses, getTimelineContentClasses, timelineLabelClasses, timelineDescriptionClasses, getPendingDotClasses, getTimelineDotClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Timeline.tsx
+import { useMemo } from "react";
+import {
+  classNames,
+  getTimelineContainerClasses,
+  getTimelineItemClasses,
+  getTimelineTailClasses,
+  getTimelineHeadClasses,
+  getTimelineDotClasses,
+  getTimelineContentClasses,
+  getPendingDotClasses,
+  timelineListClasses,
+  timelineLabelClasses,
+  timelineDescriptionClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Timeline = ({
   items = [],
   mode = "left",
@@ -96,4 +107,6 @@ var Timeline = ({
   );
 };
 
-export { Timeline };
+export {
+  Timeline
+};

package/dist/{chunk-Z52PUIAH.js → chunk-K2TXT5HQ.js}

@@ -1,10 +1,15 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var chunkDBGPINKE_js = require('./chunk-DBGPINKE.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkBO45CU4Qjs = require('./chunk-BO45CU4Q.js');
 
+// src/components/DonutChart.tsx
+var _react = require('react');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var DONUT_PALETTE = [
   "var(--tiger-chart-1,#5470c6)",
   "var(--tiger-chart-2,#91cc75)",
@@ -66,41 +71,41 @@ var DonutChart = ({
   onSliceClick,
   onSliceHover
 }) => {
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
   );
-  const pad = react.useMemo(() => tigercatCore.normalizeChartPadding(padding), [padding]);
-  const resolvedOuterRadius = react.useMemo(() => {
+  const pad = _react.useMemo.call(void 0, () => _tigercatcore.normalizeChartPadding.call(void 0, padding), [padding]);
+  const resolvedOuterRadius = _react.useMemo.call(void 0, () => {
     if (typeof outerRadius === "number") return Math.max(0, outerRadius);
     return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
   }, [outerRadius, innerRect.width, innerRect.height]);
-  const resolvedInnerRadius = react.useMemo(() => {
+  const resolvedInnerRadius = _react.useMemo.call(void 0, () => {
     if (typeof innerRadius === "number") {
       return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
     }
-    const ratio = Math.min(Math.max(innerRadiusRatio ?? 0.62, 0), 1);
+    const ratio = Math.min(Math.max(_nullishCoalesce(innerRadiusRatio, () => ( 0.62)), 0), 1);
     return resolvedOuterRadius * ratio;
   }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
-  const resolvedColors = react.useMemo(
+  const resolvedColors = _react.useMemo.call(void 0, 
     () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
     [colors]
   );
-  const donutTooltipFormatter = react.useMemo(() => {
+  const donutTooltipFormatter = _react.useMemo.call(void 0, () => {
     if (tooltipFormatter) return tooltipFormatter;
     const total = data.reduce((s, d) => s + d.value, 0);
     return (datum, index) => {
       const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-      const label = datum.label ?? `#${index + 1}`;
+      const label = _nullishCoalesce(datum.label, () => ( `#${index + 1}`));
       return `${label}: ${datum.value} (${pct}%)`;
     };
   }, [tooltipFormatter, data]);
   const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
   const centerX = pad.left + innerRect.width / 2;
   const centerY = pad.top + innerRect.height / 2;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", "data-donut-chart": "true", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDBGPINKE_js.PieChart,
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", "data-donut-chart": "true", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO45CU4Qjs.PieChart,
       {
         width,
         height,
@@ -134,14 +139,14 @@ var DonutChart = ({
         tooltipFormatter: donutTooltipFormatter,
         title,
         desc,
-        className: tigercatCore.classNames(className),
+        className: _tigercatcore.classNames.call(void 0, className),
         onHoveredIndexChange,
         onSelectedIndexChange,
         onSliceClick,
         onSliceHover
       }
     ),
-    hasCenterContent && /* @__PURE__ */ jsxRuntime.jsxs(
+    hasCenterContent && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
         "data-donut-center": "true",
@@ -161,7 +166,7 @@ var DonutChart = ({
           WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
         },
         children: [
-          centerValue !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          centerValue !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
               className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
@@ -169,7 +174,7 @@ var DonutChart = ({
               children: `${centerValue}`
             }
           ),
-          centerLabel !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          centerLabel !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
               className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
@@ -184,5 +189,7 @@ var DonutChart = ({
 };
 var DonutChart_default = DonutChart;
 
-exports.DonutChart = DonutChart;
-exports.DonutChart_default = DonutChart_default;
+
+
+
+exports.DonutChart = DonutChart; exports.DonutChart_default = DonutChart_default;

package/dist/chunk-K6F6P66I.js

@@ -0,0 +1,163 @@
+"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; }
+
+var _chunkHU7AMIOCjs = require('./chunk-HU7AMIOC.js');
+
+
+var _chunkFI53LYZ6js = require('./chunk-FI53LYZ6.js');
+
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+// src/components/CropUpload.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var CropUpload = ({
+  accept = "image/*",
+  disabled = false,
+  maxSize,
+  cropperProps,
+  modalTitle = "\u88C1\u526A\u56FE\u7247",
+  modalWidth: _modalWidth = 520,
+  className,
+  children,
+  onCropComplete,
+  onError
+}) => {
+  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);
+  const [imageSrc, setImageSrc] = _react.useState.call(void 0, "");
+  const [cropping, setCropping] = _react.useState.call(void 0, false);
+  const handleTriggerClick = _react.useCallback.call(void 0, () => {
+    if (disabled) return;
+    _optionalChain([fileInputRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.click, 'call', _3 => _3()]);
+  }, [disabled]);
+  const handleFileChange = _react.useCallback.call(void 0, 
+    (e) => {
+      const file = _optionalChain([e, 'access', _4 => _4.target, 'access', _5 => _5.files, 'optionalAccess', _6 => _6[0]]);
+      if (!file) return;
+      const sizeError = _tigercatcore.validateUploadFile.call(void 0, file, maxSize);
+      if (sizeError) {
+        _optionalChain([onError, 'optionalCall', _7 => _7(sizeError)]);
+        e.target.value = "";
+        return;
+      }
+      _tigercatcore.readFileAsDataUrl.call(void 0, file).then((url) => {
+        setImageSrc(url);
+        setModalVisible(true);
+      }).catch((err) => _optionalChain([onError, 'optionalCall', _8 => _8(err)]));
+      e.target.value = "";
+    },
+    [maxSize, onError]
+  );
+  const handleConfirm = _react.useCallback.call(void 0, async () => {
+    if (!cropperRef.current) return;
+    setCropping(true);
+    try {
+      const result = await _tigercatcore.getCropperResult.call(void 0, 
+        cropperRef.current
+      );
+      if (result) {
+        _optionalChain([onCropComplete, 'optionalCall', _9 => _9(result)]);
+        setModalVisible(false);
+      }
+    } catch (err) {
+      _optionalChain([onError, 'optionalCall', _10 => _10(err)]);
+    } finally {
+      setCropping(false);
+    }
+  }, [onCropComplete, onError]);
+  const handleCancel = _react.useCallback.call(void 0, () => {
+    setModalVisible(false);
+    setImageSrc("");
+  }, []);
+  const triggerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, disabled ? _tigercatcore.cropUploadTriggerDisabledClasses : _tigercatcore.cropUploadTriggerClasses, className),
+    [disabled, className]
+  );
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (e) => {
+      if (_tigercatcore.isActivationKey.call(void 0, e)) {
+        e.preventDefault();
+        handleTriggerClick();
+      }
+    },
+    [handleTriggerClick]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tiger-crop-upload inline-block", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept,
+        style: { display: "none" },
+        onChange: handleFileChange
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: triggerClasses,
+        onClick: handleTriggerClick,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-label": "Select image to crop and upload",
+        "aria-disabled": disabled ? "true" : void 0,
+        onKeyDown: handleKeyDown,
+        children: children || /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "svg",
+            {
+              className: "w-5 h-5",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: _tigercatcore.uploadPlusIconPath
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "\u9009\u62E9\u56FE\u7247" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkHU7AMIOCjs.Modal,
+      {
+        open: modalVisible,
+        size: "lg",
+        title: modalTitle,
+        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, _chunkGRXBGL6Qjs.Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
+        ] }),
+        children: imageSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFI53LYZ6js.ImageCropper, { ref: cropperRef, src: imageSrc, ...cropperProps })
+      }
+    )
+  ] });
+};
+
+
+
+exports.CropUpload = CropUpload;