@expcat/tigercat-react 2.1.0 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -897,7 +897,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.1.0"
+    "@expcat/tigercat-core": "2.1.2"
   },
   "devDependencies": {
     "@types/node": "^26.1.1",

package/dist/chunk-CB4SK5AU.mjs

@@ -1,235 +0,0 @@
-import {
-  ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
-
-// src/components/Gantt.tsx
-import { useMemo, useState } from "react";
-import {
-  classNames,
-  computeGanttLayout,
-  ganttAxisTextClasses,
-  ganttDependencyClasses,
-  ganttLabelClasses,
-  ganttProgressClasses,
-  ganttRowClasses,
-  ganttTodayLineClasses,
-  getChartInnerRect,
-  getGanttTaskAriaLabel,
-  getGanttTaskClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Gantt({
-  data,
-  width = 760,
-  height = 360,
-  padding = 24,
-  scale = "week",
-  rowHeight = 40,
-  barHeight = 18,
-  taskLabelWidth = 140,
-  timelineHeight = 36,
-  minDate,
-  maxDate,
-  minBarWidth = 6,
-  showToday = false,
-  showProgress = true,
-  showDependencies = true,
-  hoverable = false,
-  selectable = false,
-  selectedId,
-  activeOpacity = 1,
-  inactiveOpacity = 0.35,
-  dateFormatter,
-  colors,
-  title,
-  desc,
-  ariaLabel = "Gantt chart",
-  className,
-  onTaskClick,
-  onTaskHover,
-  onSelectedIdChange
-}) {
-  const [innerSelectedId, setInnerSelectedId] = useState(null);
-  const [hoveredId, setHoveredId] = useState(null);
-  const resolvedSelectedId = selectedId === void 0 ? innerSelectedId : selectedId;
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [height, padding, width]
-  );
-  const layout = useMemo(
-    () => computeGanttLayout(data, {
-      width: innerRect.width,
-      rowHeight,
-      barHeight,
-      taskLabelWidth,
-      timelineHeight,
-      minDate,
-      maxDate,
-      minBarWidth,
-      scale,
-      colors,
-      today: showToday ? /* @__PURE__ */ new Date() : void 0,
-      dateFormatter
-    }),
-    [
-      barHeight,
-      colors,
-      data,
-      dateFormatter,
-      innerRect.width,
-      maxDate,
-      minBarWidth,
-      minDate,
-      rowHeight,
-      scale,
-      showToday,
-      taskLabelWidth,
-      timelineHeight
-    ]
-  );
-  const activeId = resolvedSelectedId ?? hoveredId;
-  const selectTask = (task) => {
-    if (selectable && !task.task.disabled) {
-      const nextId = resolvedSelectedId === task.id ? null : task.id;
-      if (selectedId === void 0) setInnerSelectedId(nextId);
-      onSelectedIdChange?.(nextId);
-    }
-    onTaskClick?.(task.task);
-  };
-  const setHoveredTask = (task) => {
-    if (!hoverable) return;
-    setHoveredId(task?.id ?? null);
-    onTaskHover?.(task?.task ?? null);
-  };
-  const getTaskOpacity = (task) => {
-    if (activeId === null) return activeOpacity;
-    return activeId === task.id ? activeOpacity : inactiveOpacity;
-  };
-  return /* @__PURE__ */ jsx(
-    ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: classNames(className),
-      role: "img",
-      "aria-label": ariaLabel,
-      children: /* @__PURE__ */ jsxs("g", { "data-series-type": "gantt", children: [
-        /* @__PURE__ */ jsxs("g", { "data-gantt-axis": "true", children: [
-          /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: taskLabelWidth,
-              x2: layout.width,
-              y1: timelineHeight - 1,
-              y2: timelineHeight - 1,
-              stroke: "var(--tiger-border,#d1d5db)"
-            }
-          ),
-          layout.ticks.map((tick) => /* @__PURE__ */ jsxs("g", { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: tick.x,
-                x2: tick.x,
-                y1: 0,
-                y2: layout.height,
-                stroke: "var(--tiger-border,#e5e7eb)"
-              }
-            ),
-            /* @__PURE__ */ jsx("text", { x: tick.x + 4, y: 16, className: ganttAxisTextClasses, children: tick.label })
-          ] }, `${tick.label}-${tick.x}`))
-        ] }),
-        /* @__PURE__ */ jsx("g", { "data-gantt-rows": "true", children: layout.tasks.map((task) => /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: 0,
-            y: timelineHeight + task.index * rowHeight,
-            width: layout.width,
-            height: rowHeight,
-            className: task.index % 2 === 0 ? ganttRowClasses : void 0,
-            opacity: task.index % 2 === 0 ? 0.75 : 0
-          },
-          `row-${task.id}`
-        )) }),
-        showToday && layout.todayX !== null ? /* @__PURE__ */ jsx(
-          "line",
-          {
-            x1: layout.todayX,
-            x2: layout.todayX,
-            y1: 0,
-            y2: layout.height,
-            className: ganttTodayLineClasses,
-            "data-gantt-today": "true"
-          }
-        ) : null,
-        showDependencies ? /* @__PURE__ */ jsx("g", { "data-gantt-dependencies": "true", children: layout.dependencies.map((dependency) => /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: dependency.path,
-            className: ganttDependencyClasses
-          },
-          `${dependency.sourceId}-${dependency.targetId}`
-        )) }) : null,
-        /* @__PURE__ */ jsx("g", { "data-gantt-tasks": "true", children: layout.tasks.map((task) => {
-          const selected = resolvedSelectedId === task.id;
-          const interactive = (hoverable || selectable) && !task.task.disabled;
-          return /* @__PURE__ */ jsxs("g", { opacity: getTaskOpacity(task), children: [
-            /* @__PURE__ */ jsx("text", { x: 0, y: task.y + task.height / 2 + 4, className: ganttLabelClasses, children: task.task.label }),
-            /* @__PURE__ */ jsxs(
-              "g",
-              {
-                className: getGanttTaskClasses(interactive, selected),
-                role: interactive ? "button" : "group",
-                tabIndex: interactive ? 0 : void 0,
-                "aria-label": getGanttTaskAriaLabel(task.task),
-                onMouseEnter: () => setHoveredTask(task),
-                onMouseLeave: () => setHoveredTask(null),
-                onClick: () => selectTask(task),
-                onKeyDown: (event) => {
-                  if (event.key === "Enter" || event.key === " ") {
-                    event.preventDefault();
-                    selectTask(task);
-                  }
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      x: task.x,
-                      y: task.y,
-                      width: task.width,
-                      height: task.height,
-                      rx: 4,
-                      fill: task.color,
-                      stroke: selected ? "var(--tiger-text,#111827)" : void 0,
-                      strokeWidth: selected ? 2 : void 0
-                    }
-                  ),
-                  showProgress && task.progressWidth > 0 ? /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      x: task.x,
-                      y: task.y,
-                      width: task.progressWidth,
-                      height: task.height,
-                      rx: 4,
-                      className: ganttProgressClasses
-                    }
-                  ) : null
-                ]
-              }
-            )
-          ] }, task.id);
-        }) })
-      ] })
-    }
-  );
-}
-Gantt.displayName = "Gantt";
-
-export {
-  Gantt
-};

package/dist/chunk-KPACLRQH.mjs

@@ -1,55 +0,0 @@
-// src/components/Code.tsx
-import { useEffect, useState } from "react";
-import {
-  codeBlockPreClasses,
-  copyTextToClipboard,
-  getCodeBlockContainerClasses,
-  getCodeBlockCopyButtonClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Code = ({
-  code,
-  copyable = true,
-  copyLabel = "\u590D\u5236",
-  copiedLabel = "\u5DF2\u590D\u5236",
-  onCopy,
-  className,
-  ...props
-}) => {
-  const [isCopied, setIsCopied] = useState(false);
-  useEffect(() => {
-    if (!isCopied) return;
-    const timer = window.setTimeout(() => {
-      setIsCopied(false);
-    }, 1500);
-    return () => window.clearTimeout(timer);
-  }, [isCopied]);
-  const handleCopy = async () => {
-    if (!copyable) return;
-    const ok = await copyTextToClipboard(code);
-    if (!ok) return;
-    setIsCopied(true);
-    onCopy?.(code);
-  };
-  const containerClasses = getCodeBlockContainerClasses(className);
-  const copyButtonClasses = getCodeBlockCopyButtonClasses(isCopied);
-  return /* @__PURE__ */ jsxs("div", { className: containerClasses, ...props, children: [
-    /* @__PURE__ */ jsx("pre", { className: codeBlockPreClasses, children: /* @__PURE__ */ jsx("code", { className: "block", children: code }) }),
-    copyable && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: copyButtonClasses,
-        onClick: handleCopy,
-        "aria-label": isCopied ? copiedLabel : copyLabel,
-        children: isCopied ? copiedLabel : copyLabel
-      }
-    )
-  ] });
-};
-var Code_default = Code;
-
-export {
-  Code,
-  Code_default
-};