@expcat/tigercat-react 0.4.2 → 1.0.0

package/dist/{chunk-RCNTRSUA.mjs → chunk-INBSKSZG.mjs}

@@ -1,5 +1,5 @@
 import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { clampValue, formatPrecision, stepValue, isAtMin, isAtMax, classNames, getInputNumberWrapperClasses, getInputNumberStatusClasses, getInputNumberSizeClasses, getInputNumberFocusRingColor, getInputNumberInputClasses, getInputNumberSideButtonClasses, inputNumberMinusIconPathD, inputNumberPlusIconPathD, inputNumberControlsRightClasses, getInputNumberStepButtonClasses, inputNumberUpIconPathD, inputNumberDownIconPathD } from '@expcat/tigercat-core';
+import { isAtMin, isAtMax, classNames, getInputNumberWrapperClasses, getInputNumberStatusClasses, getInputNumberSizeClasses, getInputNumberFocusRingColor, getInputNumberInputClasses, getInputNumberSideButtonClasses, inputNumberMinusIconPathD, inputNumberPlusIconPathD, inputNumberControlsRightClasses, getInputNumberStepButtonClasses, inputNumberUpIconPathD, inputNumberDownIconPathD, stepValue, clampValue, formatPrecision } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/InputNumber.tsx
@@ -45,15 +45,12 @@ var InputNumber = ({
     },
     [formatter, precision]
   );
-  const parseValue = useCallback(
-    (str) => {
-      if (str === "" || str === "-") return null;
-      if (parser) return parser(str);
-      const num = Number(str);
-      return Number.isNaN(num) ? null : num;
-    },
-    [parser]
-  );
+  const parseValue = (str) => {
+    if (str === "" || str === "-") return null;
+    if (parser) return parser(str);
+    const num = Number(str);
+    return Number.isNaN(num) ? null : num;
+  };
   useEffect(() => {
     if (!focused) {
       setDisplayValue(toDisplayValue(currentValue));
@@ -64,69 +61,54 @@ var InputNumber = ({
       inputRef.current.focus();
     }
   }, [autoFocus]);
-  const commitValue = useCallback(
-    (val) => {
-      let finalVal = val;
-      if (finalVal !== null) {
-        finalVal = clampValue(finalVal, min, max);
-        if (precision !== void 0) {
-          finalVal = formatPrecision(finalVal, precision);
-        }
-      }
-      if (!isControlled) {
-        setInternalValue(finalVal);
+  const commitValue = (val) => {
+    let finalVal = val;
+    if (finalVal !== null) {
+      finalVal = clampValue(finalVal, min, max);
+      if (precision !== void 0) {
+        finalVal = formatPrecision(finalVal, precision);
       }
-      onChange?.(finalVal);
-      setDisplayValue(toDisplayValue(finalVal));
-    },
-    [min, max, precision, isControlled, onChange, toDisplayValue]
-  );
-  const handleStep = useCallback(
-    (direction) => {
-      if (disabled || readonly) return;
-      const next = stepValue(currentValue, step, direction, min, max, precision);
-      commitValue(next);
-    },
-    [currentValue, step, min, max, precision, disabled, readonly, commitValue]
-  );
-  const handleInput = useCallback((e) => {
+    }
+    if (!isControlled) {
+      setInternalValue(finalVal);
+    }
+    onChange?.(finalVal);
+    setDisplayValue(toDisplayValue(finalVal));
+  };
+  const handleStep = (direction) => {
+    if (disabled || readonly) return;
+    const next = stepValue(currentValue, step, direction, min, max, precision);
+    commitValue(next);
+  };
+  const handleInput = (e) => {
     setDisplayValue(e.target.value);
-  }, []);
-  const handleBlur = useCallback(
-    (e) => {
-      setFocused(false);
+  };
+  const handleBlur = (e) => {
+    setFocused(false);
+    const parsed = parseValue(displayValue);
+    commitValue(parsed);
+    onBlur?.(e);
+  };
+  const handleFocus = (e) => {
+    setFocused(true);
+    if (formatter && currentValue !== null) {
+      setDisplayValue(String(currentValue));
+    }
+    onFocus?.(e);
+  };
+  const handleKeyDown = (e) => {
+    if (!keyboard || disabled || readonly) return;
+    if (e.key === "ArrowUp") {
+      e.preventDefault();
+      handleStep("up");
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      handleStep("down");
+    } else if (e.key === "Enter") {
       const parsed = parseValue(displayValue);
       commitValue(parsed);
-      onBlur?.(e);
-    },
-    [displayValue, parseValue, commitValue, onBlur]
-  );
-  const handleFocus = useCallback(
-    (e) => {
-      setFocused(true);
-      if (formatter && currentValue !== null) {
-        setDisplayValue(String(currentValue));
-      }
-      onFocus?.(e);
-    },
-    [formatter, currentValue, onFocus]
-  );
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (!keyboard || disabled || readonly) return;
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        handleStep("up");
-      } else if (e.key === "ArrowDown") {
-        e.preventDefault();
-        handleStep("down");
-      } else if (e.key === "Enter") {
-        const parsed = parseValue(displayValue);
-        commitValue(parsed);
-      }
-    },
-    [keyboard, disabled, readonly, handleStep, parseValue, displayValue, commitValue]
-  );
+    }
+  };
   const atMin = isAtMin(currentValue, min);
   const atMax = isAtMax(currentValue, max);
   const wrapperClasses = useMemo(

package/dist/chunk-IOHPB4CF.js

@@ -0,0 +1,148 @@
+'use strict';
+
+var chunkDUWAV47E_js = require('./chunk-DUWAV47E.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 GaugeChart = ({
+  width = 280,
+  height = 200,
+  padding = 24,
+  value,
+  min = 0,
+  max = 100,
+  startAngle = 135,
+  endAngle = 405,
+  arcWidth = 20,
+  showTicks = true,
+  tickCount = 5,
+  valueFormatter,
+  label,
+  segments,
+  trackColor = "var(--tiger-border,#e5e7eb)",
+  color = "var(--tiger-primary,#2563eb)",
+  title: chartTitle,
+  desc,
+  className
+}) => {
+  const innerRect = React.useMemo(
+    () => tigercatCore.getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const radius = React.useMemo(
+    () => Math.min(innerRect.width, innerRect.height) / 2 - 4,
+    [innerRect.width, innerRect.height]
+  );
+  const cx = innerRect.width / 2;
+  const cy = innerRect.height / 2;
+  const needleAngle = React.useMemo(
+    () => tigercatCore.valueToGaugeAngle(value, min, max, startAngle, endAngle),
+    [value, min, max, startAngle, endAngle]
+  );
+  const ticks = React.useMemo(
+    () => showTicks ? tigercatCore.computeGaugeTicks(cx, cy, radius, min, max, startAngle, endAngle, tickCount) : [],
+    [showTicks, cx, cy, radius, min, max, startAngle, endAngle, tickCount]
+  );
+  const trackPath = tigercatCore.createGaugeArcPath(cx, cy, radius, startAngle, endAngle, arcWidth);
+  const valuePath = needleAngle > startAngle ? tigercatCore.createGaugeArcPath(cx, cy, radius, startAngle, needleAngle, arcWidth) : null;
+  const needlePath = tigercatCore.createGaugeNeedlePath(cx, cy, radius - arcWidth - 6, needleAngle);
+  const formattedValue = valueFormatter ? valueFormatter(value) : `${value}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkDUWAV47E_js.ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title: chartTitle,
+      desc,
+      className: tigercatCore.classNames(className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: trackPath, fill: trackColor, strokeWidth: 0 }),
+        segments ? segments.map((seg, i) => {
+          const sStart = tigercatCore.valueToGaugeAngle(seg.range[0], min, max, startAngle, endAngle);
+          const sEnd = tigercatCore.valueToGaugeAngle(seg.range[1], min, max, startAngle, endAngle);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: tigercatCore.createGaugeArcPath(cx, cy, radius, sStart, sEnd, arcWidth),
+              fill: seg.color,
+              strokeWidth: 0
+            },
+            `seg-${i}`
+          );
+        }) : valuePath && /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: valuePath,
+            fill: color,
+            strokeWidth: 0,
+            style: { transition: "all 0.3s ease-out" }
+          }
+        ),
+        ticks.map((tick, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "line",
+            {
+              x1: tick.x1,
+              y1: tick.y1,
+              x2: tick.x2,
+              y2: tick.y2,
+              stroke: "var(--tiger-text-secondary,#6b7280)",
+              strokeWidth: 1
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "text",
+            {
+              x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
+              y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
+              className: tigercatCore.chartAxisTickTextClasses,
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              style: { fontSize: "10px" },
+              children: tick.label
+            }
+          )
+        ] }, `tick-${i}`)),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: needlePath,
+            fill: "var(--tiger-text,#374151)",
+            style: { transition: "all 0.3s ease-out" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: 5, fill: "var(--tiger-text,#374151)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: cx,
+            y: cy + radius * 0.35,
+            className: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold",
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            children: formattedValue
+          }
+        ),
+        label && /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: cx,
+            y: cy + radius * 0.35 + 20,
+            className: tigercatCore.chartAxisTickTextClasses,
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            children: label
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.GaugeChart = GaugeChart;

package/dist/{chunk-QIJG42YQ.mjs → chunk-IPLK4AIE.mjs}

@@ -1,4 +1,4 @@
-import { ImagePreview } from './chunk-5CLXOFRZ.mjs';
+import { ImagePreview } from './chunk-HLJQZUIY.mjs';
 import { createContext, useState, useRef, useCallback, useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -38,10 +38,10 @@ var ImageGroup = ({
     preview && /* @__PURE__ */ jsx(
       ImagePreview,
       {
-        visible: previewVisible,
+        open: previewVisible,
         images: imagesRef.current,
         currentIndex: previewIndex,
-        onVisibleChange: (val) => {
+        onOpenChange: (val) => {
           setPreviewVisible(val);
           if (!val) onPreviewVisibleChange?.(false);
         },

package/dist/{chunk-XWRJVNB6.js → chunk-IWP22YTF.js}

@@ -25,17 +25,22 @@ var Form = React.forwardRef(
     inlineMessage = true,
     showRequiredAsterisk = true,
     disabled = false,
+    loading = false,
     children,
     onSubmit,
     onValidate,
     onChange,
     className,
+    fieldDependencies,
+    undoable = false,
+    maxHistorySize = 50,
     ...props
   }, ref) => {
     const [errors, setErrors] = React.useState([]);
     const [formValues, setFormValues] = React.useState(model);
     const fieldRulesRef = React__default.default.useRef({});
     const formValuesRef = React__default.default.useRef(model);
+    const [historyState, setHistoryState] = React.useState(() => tigercatCore.createFormHistory(model, maxHistorySize));
     React__default.default.useEffect(() => {
       setFormValues(model);
     }, [model]);
@@ -80,24 +85,29 @@ var Form = React.forwardRef(
     const validateField = React.useCallback(
       async (fieldName, rulesOverride, trigger) => {
         const fieldRules = resolveFieldRules(fieldName, rulesOverride);
-        if (!fieldRules) {
-          return;
+        if (fieldRules) {
+          const error = await runFieldValidation(fieldName, rulesOverride, trigger);
+          setErrors((prevErrors) => {
+            const existing = prevErrors.find((e) => e.field === fieldName);
+            const existingMessage = existing?.message ?? null;
+            if (!error && !existingMessage) return prevErrors;
+            if (error && error === existingMessage) return prevErrors;
+            const filtered = prevErrors.filter((e) => e.field !== fieldName);
+            if (error) {
+              return [...filtered, { field: fieldName, message: error }];
+            }
+            return filtered;
+          });
+          onValidate?.(fieldName, !error, error);
         }
-        const error = await runFieldValidation(fieldName, rulesOverride, trigger);
-        setErrors((prevErrors) => {
-          const existing = prevErrors.find((e) => e.field === fieldName);
-          const existingMessage = existing?.message ?? null;
-          if (!error && !existingMessage) return prevErrors;
-          if (error && error === existingMessage) return prevErrors;
-          const filtered = prevErrors.filter((e) => e.field !== fieldName);
-          if (error) {
-            return [...filtered, { field: fieldName, message: error }];
+        if (fieldDependencies) {
+          const dependents = tigercatCore.getDependentFields(fieldName, fieldDependencies);
+          for (const dep of dependents) {
+            await validateField(dep);
           }
-          return filtered;
-        });
-        onValidate?.(fieldName, !error, error);
+        }
       },
-      [resolveFieldRules, runFieldValidation, onValidate]
+      [resolveFieldRules, runFieldValidation, onValidate, fieldDependencies]
     );
     const runValidation = React.useCallback(async () => {
       const effectiveRules = getEffectiveRules();
@@ -152,6 +162,29 @@ var Form = React.forwardRef(
       clearValidate();
       setFormValues(model);
     }, [model, clearValidate]);
+    const addField = React.useCallback(
+      (fieldName, defaultValue) => {
+        if (!fieldName) return;
+        setFormValues((prev) => {
+          const next = { ...prev, [fieldName]: defaultValue ?? null };
+          onChange?.(next);
+          return next;
+        });
+      },
+      [onChange]
+    );
+    const removeField = React.useCallback(
+      (fieldName) => {
+        if (!fieldName) return;
+        setFormValues((prev) => {
+          const { [fieldName]: _, ...next } = prev;
+          onChange?.(next);
+          return next;
+        });
+        clearValidate(fieldName);
+      },
+      [onChange, clearValidate]
+    );
     const updateValue = React.useCallback(
       (fieldName, value) => {
         const setValueByPath = (target, path, nextValue) => {
@@ -186,13 +219,44 @@ var Form = React.forwardRef(
       },
       [onChange]
     );
+    const snapshotHistory = React.useCallback(() => {
+      if (!undoable) return;
+      setHistoryState((prev) => tigercatCore.pushFormHistory(prev, formValuesRef.current));
+    }, [undoable]);
+    const undo = React.useCallback(() => {
+      if (!undoable) return;
+      setHistoryState((prev) => {
+        const result = tigercatCore.undoFormHistory(prev);
+        if (result) {
+          setFormValues(result.present);
+          formValuesRef.current = result.present;
+          onChange?.(result.present);
+          return result;
+        }
+        return prev;
+      });
+    }, [undoable, onChange]);
+    const redo = React.useCallback(() => {
+      if (!undoable) return;
+      setHistoryState((prev) => {
+        const result = tigercatCore.redoFormHistory(prev);
+        if (result) {
+          setFormValues(result.present);
+          formValuesRef.current = result.present;
+          onChange?.(result.present);
+          return result;
+        }
+        return prev;
+      });
+    }, [undoable, onChange]);
     const handleSubmit = React.useCallback(
       async (event) => {
         event.preventDefault();
+        if (loading) return;
         const result = await runValidation();
         onSubmit?.({ ...result, values: formValuesRef.current });
       },
-      [runValidation, onSubmit]
+      [runValidation, onSubmit, loading]
     );
     React.useImperativeHandle(
       ref,
@@ -201,9 +265,28 @@ var Form = React.forwardRef(
         validateFields,
         validateField,
         clearValidate,
-        resetFields
+        resetFields,
+        addField,
+        removeField,
+        undo,
+        redo,
+        snapshotHistory,
+        canUndo: tigercatCore.canUndo(historyState),
+        canRedo: tigercatCore.canRedo(historyState)
       }),
-      [validate, validateFields, validateField, clearValidate, resetFields]
+      [
+        validate,
+        validateFields,
+        validateField,
+        clearValidate,
+        resetFields,
+        addField,
+        removeField,
+        undo,
+        redo,
+        snapshotHistory,
+        historyState
+      ]
     );
     const contextValue = React.useMemo(
       () => ({
@@ -216,6 +299,7 @@ var Form = React.forwardRef(
         inlineMessage,
         showRequiredAsterisk,
         disabled,
+        loading,
         errors,
         registerFieldRules,
         validateField,
@@ -232,6 +316,7 @@ var Form = React.forwardRef(
         inlineMessage,
         showRequiredAsterisk,
         disabled,
+        loading,
         errors,
         registerFieldRules,
         validateField,
@@ -243,6 +328,7 @@ var Form = React.forwardRef(
       "tiger-form",
       `tiger-form--label-${labelPosition}`,
       disabled && "tiger-form--disabled",
+      loading && "tiger-form--loading",
       className
     );
     return /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("form", { className: formClasses, onSubmit: handleSubmit, ...props, children }) });

package/dist/{chunk-NJCKTIWB.mjs → chunk-IWTY32AW.mjs}

@@ -1,9 +1,9 @@
-import { Tabs, TabPane } from './chunk-6PXNWGR5.mjs';
-import { List } from './chunk-TGPQ4KET.mjs';
-import { Button } from './chunk-ENSLMM3L.mjs';
+import { Tabs, TabPane } from './chunk-6744DTEB.mjs';
+import { List } from './chunk-VAQDUVBP.mjs';
+import { Button } from './chunk-3KMKMAE3.mjs';
 import { Loading } from './chunk-AVUXDQYO.mjs';
-import { Text } from './chunk-LIV33O73.mjs';
-import { Card } from './chunk-3M2IG6IN.mjs';
+import { Text } from './chunk-HLS4CHWX.mjs';
+import { Card } from './chunk-P6E3DILH.mjs';
 import { useMemo, useState, useEffect } from 'react';
 import { buildNotificationGroups, classNames, formatActivityTime } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';