@expcat/tigercat-core 0.4.0 → 0.4.2

package/dist/index.js

@@ -1110,6 +1110,106 @@ function parseInputValue(target, type) {
   return target.value;
 }
 
+// src/utils/input-number-utils.ts
+function getInputNumberWrapperClasses(disabled) {
+  return classNames(
+    "inline-flex items-center relative w-full",
+    "border rounded-md shadow-sm",
+    "bg-[var(--tiger-surface,#ffffff)]",
+    "transition-colors",
+    disabled ? "bg-[var(--tiger-surface-muted,#f3f4f6)] cursor-not-allowed opacity-60" : "hover:border-[var(--tiger-primary,#2563eb)]"
+  );
+}
+var WRAPPER_STATUS_CLASSES = {
+  default: "border-[var(--tiger-border,#e5e7eb)]",
+  error: "border-red-500",
+  success: "border-green-500",
+  warning: "border-yellow-500"
+};
+var WRAPPER_FOCUS_STATUS_CLASSES = {
+  default: "ring-[var(--tiger-primary,#2563eb)]",
+  error: "ring-red-500",
+  success: "ring-green-500",
+  warning: "ring-yellow-500"
+};
+function getInputNumberStatusClasses(status = "default") {
+  return WRAPPER_STATUS_CLASSES[status];
+}
+function getInputNumberFocusRingColor(status = "default") {
+  return WRAPPER_FOCUS_STATUS_CLASSES[status];
+}
+var WRAPPER_SIZE_CLASSES = {
+  sm: "h-8",
+  md: "h-10",
+  lg: "h-12"
+};
+function getInputNumberSizeClasses(size = "md") {
+  return WRAPPER_SIZE_CLASSES[size];
+}
+var INPUT_SIZE_CLASSES2 = {
+  sm: "text-sm px-2",
+  md: "text-base px-3",
+  lg: "text-lg px-4"
+};
+function getInputNumberInputClasses(size = "md", hasControlsRight, hasControlsBoth) {
+  return classNames(
+    "w-full h-full bg-transparent border-0 outline-none",
+    "text-[var(--tiger-text,#111827)]",
+    "placeholder:text-[var(--tiger-text-muted,#6b7280)]",
+    "disabled:text-[var(--tiger-text-muted,#6b7280)] disabled:cursor-not-allowed",
+    "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+    INPUT_SIZE_CLASSES2[size],
+    hasControlsRight && "pr-8",
+    hasControlsBoth && "px-8 text-center"
+  );
+}
+function getInputNumberStepButtonClasses(position, disabled) {
+  return classNames(
+    "flex items-center justify-center",
+    "w-7 h-1/2",
+    "border-l border-[var(--tiger-border,#e5e7eb)]",
+    "text-[var(--tiger-text-muted,#6b7280)]",
+    "transition-colors cursor-pointer select-none",
+    position === "up" ? "border-b border-b-[var(--tiger-border,#e5e7eb)]" : "",
+    disabled ? "opacity-40 cursor-not-allowed" : "hover:text-[var(--tiger-primary,#2563eb)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+  );
+}
+function getInputNumberSideButtonClasses(position, disabled) {
+  return classNames(
+    "flex items-center justify-center",
+    "w-8 h-full",
+    "text-[var(--tiger-text-muted,#6b7280)]",
+    "transition-colors cursor-pointer select-none",
+    position === "left" ? "border-r border-r-[var(--tiger-border,#e5e7eb)] rounded-l-md" : "border-l border-l-[var(--tiger-border,#e5e7eb)] rounded-r-md",
+    disabled ? "opacity-40 cursor-not-allowed" : "hover:text-[var(--tiger-primary,#2563eb)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+  );
+}
+var inputNumberControlsRightClasses = "absolute right-0 top-0 h-full flex flex-col";
+var inputNumberUpIconPathD = "M7 10l5-5 5 5H7z";
+var inputNumberDownIconPathD = "M7 7l5 5 5-5H7z";
+var inputNumberMinusIconPathD = "M5 12h14";
+var inputNumberPlusIconPathD = "M12 5v14M5 12h14";
+function clampValue(value, min = -Infinity, max = Infinity) {
+  return Math.min(Math.max(value, min), max);
+}
+function stepValue(current, step, direction, min = -Infinity, max = Infinity, precision) {
+  const base = current ?? 0;
+  const raw = direction === "up" ? base + step : base - step;
+  const clamped = clampValue(raw, min, max);
+  return precision !== void 0 ? formatPrecision(clamped, precision) : clamped;
+}
+function formatPrecision(value, precision) {
+  return Number(value.toFixed(precision));
+}
+function isAtMin(value, min = -Infinity) {
+  if (value === null || value === void 0) return false;
+  return value <= min;
+}
+function isAtMax(value, max = Infinity) {
+  if (value === null || value === void 0) return false;
+  return value >= max;
+}
+
 // src/utils/form-item-styles.ts
 var FORM_ITEM_SPACING = {
   sm: "mb-3 last:mb-0",
@@ -1885,7 +1985,7 @@ function isValidTimeValue(value, min, max) {
 function validateStep(step) {
   return Math.max(1, Math.floor(step));
 }
-function clampValue(value, min, max) {
+function clampValue2(value, min, max) {
   return Math.max(min, Math.min(max, value));
 }
 function parseTime(timeString) {
@@ -1901,9 +2001,9 @@ function parseTime(timeString) {
   return { hours, minutes, seconds };
 }
 function formatTime(hours, minutes, seconds = 0, showSeconds = false) {
-  const h = clampValue(hours, 0, 23).toString().padStart(2, "0");
-  const m = clampValue(minutes, 0, 59).toString().padStart(2, "0");
-  const s = clampValue(seconds, 0, 59).toString().padStart(2, "0");
+  const h = clampValue2(hours, 0, 23).toString().padStart(2, "0");
+  const m = clampValue2(minutes, 0, 59).toString().padStart(2, "0");
+  const s = clampValue2(seconds, 0, 59).toString().padStart(2, "0");
   return showSeconds ? `${h}:${m}:${s}` : `${h}:${m}`;
 }
 function to12HourFormat(hours) {
@@ -1948,8 +2048,8 @@ function formatTimeDisplayWithLocale(hours, minutes, seconds = 0, format = "24",
   }
   const { hours: hours12, period } = to12HourFormat(hours);
   const h = hours12.toString().padStart(2, "0");
-  const m = clampValue(minutes, 0, 59).toString().padStart(2, "0");
-  const s = clampValue(seconds, 0, 59).toString().padStart(2, "0");
+  const m = clampValue2(minutes, 0, 59).toString().padStart(2, "0");
+  const s = clampValue2(seconds, 0, 59).toString().padStart(2, "0");
   const timeStr = showSeconds ? `${h}:${m}:${s}` : `${h}:${m}`;
   const labels = getTimePeriodLabels(locale);
   const suffix = period === "AM" ? labels.am : labels.pm;
@@ -2443,6 +2543,11 @@ function getDividerStyle(orientation, color, thickness) {
 var layoutRootClasses = "tiger-layout flex flex-col min-h-screen";
 var layoutHeaderClasses = "tiger-header bg-[var(--tiger-surface,#ffffff)] border-b border-[var(--tiger-border,#e5e7eb)]";
 var layoutSidebarClasses = "tiger-sidebar bg-[var(--tiger-surface,#ffffff)] border-r border-[var(--tiger-border,#e5e7eb)] overflow-hidden transition-all duration-300";
+var layoutSidebarCollapsedClasses = "tiger-sidebar-collapsed";
+function getSidebarStyle(collapsed, width = "256px", collapsedWidth = "64px") {
+  const w = collapsed ? collapsedWidth : width;
+  return { width: w, minWidth: w };
+}
 var layoutContentClasses = "tiger-content flex-1 bg-[var(--tiger-layout-content-bg,#f9fafb)] p-6";
 var layoutFooterClasses = "tiger-footer bg-[var(--tiger-surface,#ffffff)] border-t border-[var(--tiger-border,#e5e7eb)] p-4";
 
@@ -2616,6 +2721,14 @@ function getCheckboxCellClasses(size) {
   };
   return classNames("text-center", widthClasses[size]);
 }
+function getExpandCellClasses(size) {
+  return getCheckboxCellClasses(size);
+}
+var expandIconButtonClasses = "inline-flex items-center justify-center w-5 h-5 rounded cursor-pointer border-0 bg-transparent transition-transform duration-200 text-[var(--tiger-text-muted,#6b7280)] hover:text-[var(--tiger-text,#111827)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]";
+function getExpandIconRotationClasses(expanded) {
+  return expanded ? "rotate-90" : "rotate-0";
+}
+var expandedRowContentClasses = "bg-[var(--tiger-surface-muted,#f9fafb)] border-b border-[var(--tiger-border,#e5e7eb)]";
 function defaultSortFn(a, b) {
   if (a === null || a === void 0) return 1;
   if (b === null || b === void 0) return -1;
@@ -3530,12 +3643,16 @@ var submenuTitleClasses = "flex w-full items-center justify-between px-4 py-2 te
 var submenuExpandIconClasses = "ml-2 transition-transform duration-200";
 var submenuExpandIconExpandedClasses = "transform rotate-180";
 var submenuContentHorizontalClasses = "absolute left-0 top-full mt-0 min-w-[160px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg z-50";
+var submenuContentHorizontalNestedClasses = "absolute left-full top-0 ml-0 min-w-[160px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg z-50";
 var submenuContentPopupClasses = "absolute left-full top-0 ml-1 min-w-[180px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg z-50";
 var submenuContentVerticalClasses = "overflow-hidden pl-2";
 var submenuContentInlineClasses = "overflow-hidden";
 var menuItemGroupTitleClasses = "px-4 py-2 text-xs font-semibold text-[var(--tiger-text-muted,#6b7280)] uppercase tracking-wider";
 var menuCollapsedClasses = "min-w-[64px]";
 var menuCollapsedItemClasses = "justify-center px-2";
+function getSubmenuPopupZIndex(level) {
+  return { zIndex: 50 + level * 10 };
+}
 function getMenuClasses(mode, theme, collapsed) {
   const classes = [menuBaseClasses, menuModeClasses[mode]];
   if (theme === "dark") {
@@ -3607,7 +3724,11 @@ function replaceKeys(key, keys) {
 function getMenuButtons(container) {
   return Array.from(
     container.querySelectorAll('button[data-tiger-menuitem="true"]')
-  ).filter((el) => !el.disabled && !el.closest('[data-tiger-menu-hidden="true"]'));
+  ).filter((el) => {
+    if (el.disabled || el.closest('[data-tiger-menu-hidden="true"]')) return false;
+    const nearest = el.closest('ul[role="menu"]');
+    return nearest === container;
+  });
 }
 function moveFocusInMenu(current, delta) {
   const menuEl = current.closest('ul[role="menu"]');
@@ -6983,6 +7104,7 @@ export {
   clampPercentage,
   clampScale,
   clampSlideIndex,
+  clampValue,
   classNames,
   clearFieldErrors,
   clipCommentTreeDepth,
@@ -7085,6 +7207,8 @@ export {
   dotsVariantConfig,
   ensureBarMinHeight,
   errorCircleSolidIcon20PathD,
+  expandIconButtonClasses,
+  expandedRowContentClasses,
   fileToUploadFile,
   filterData,
   filterOptions,
@@ -7108,6 +7232,7 @@ export {
   formatMonthYear,
   formatPageAriaLabel,
   formatPaginationTotal,
+  formatPrecision,
   formatProgressText,
   formatTime,
   formatTimeDisplay,
@@ -7202,6 +7327,8 @@ export {
   getDropdownTriggerClasses,
   getElementOffsetTop,
   getErrorFields,
+  getExpandCellClasses,
+  getExpandIconRotationClasses,
   getFieldError,
   getFileListItemClasses,
   getFirstDayOfMonth,
@@ -7224,6 +7351,13 @@ export {
   getInputAffixClasses,
   getInputClasses,
   getInputErrorClasses,
+  getInputNumberFocusRingColor,
+  getInputNumberInputClasses,
+  getInputNumberSideButtonClasses,
+  getInputNumberSizeClasses,
+  getInputNumberStatusClasses,
+  getInputNumberStepButtonClasses,
+  getInputNumberWrapperClasses,
   getInputWrapperClasses,
   getJustifyClasses,
   getLeafKeys,
@@ -7317,6 +7451,7 @@ export {
   getSeparatorContent,
   getShortDayNames,
   getShortMonthNames,
+  getSidebarStyle,
   getSimplePaginationButtonClasses,
   getSimplePaginationButtonsWrapperClasses,
   getSimplePaginationContainerClasses,
@@ -7345,6 +7480,7 @@ export {
   getStepsContainerClasses,
   getSubMenuExpandIconClasses,
   getSubMenuTitleClasses,
+  getSubmenuPopupZIndex,
   getSvgDefaultAttrs,
   getSwitchClasses,
   getSwitchThumbClasses,
@@ -7430,9 +7566,16 @@ export {
   injectShakeStyle,
   injectSvgAnimationStyles,
   inputFocusClasses,
+  inputNumberControlsRightClasses,
+  inputNumberDownIconPathD,
+  inputNumberMinusIconPathD,
+  inputNumberPlusIconPathD,
+  inputNumberUpIconPathD,
   interactiveClasses,
   interpolateUploadLabel,
   isActivationKey,
+  isAtMax,
+  isAtMin,
   isBrowser,
   isDateInRange,
   isEnterKey,
@@ -7457,6 +7600,7 @@ export {
   layoutHeaderClasses,
   layoutRootClasses,
   layoutSidebarClasses,
+  layoutSidebarCollapsedClasses,
   linePointTransitionClasses,
   linkBaseClasses,
   linkDisabledClasses,
@@ -7645,7 +7789,9 @@ export {
   statusSuccessIconPath,
   statusWarningIconPath,
   stepFinishChar,
+  stepValue,
   submenuContentHorizontalClasses,
+  submenuContentHorizontalNestedClasses,
   submenuContentInlineClasses,
   submenuContentPopupClasses,
   submenuContentVerticalClasses,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-core",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "type": "module",
   "description": "Core utilities for Tigercat UI library",
   "license": "MIT",