@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-JKZ5ZRDG.js

@@ -1,10 +1,16 @@
-'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; }// src/components/Watermark.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Watermark.ts
-var Watermark = vue.defineComponent({
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Watermark = _vue.defineComponent.call(void 0, {
   name: "TigerWatermark",
   inheritAttrs: false,
   props: {
@@ -16,14 +22,14 @@ var Watermark = vue.defineComponent({
       type: String,
       default: void 0
     },
-    width: { type: Number, default: tigercatCore.watermarkDefaults.width },
-    height: { type: Number, default: tigercatCore.watermarkDefaults.height },
-    rotate: { type: Number, default: tigercatCore.watermarkDefaults.rotate },
-    zIndex: { type: Number, default: tigercatCore.watermarkDefaults.zIndex },
-    gapX: { type: Number, default: tigercatCore.watermarkDefaults.gapX },
-    gapY: { type: Number, default: tigercatCore.watermarkDefaults.gapY },
-    offsetX: { type: Number, default: tigercatCore.watermarkDefaults.offsetX },
-    offsetY: { type: Number, default: tigercatCore.watermarkDefaults.offsetY },
+    width: { type: Number, default: _tigercatcore.watermarkDefaults.width },
+    height: { type: Number, default: _tigercatcore.watermarkDefaults.height },
+    rotate: { type: Number, default: _tigercatcore.watermarkDefaults.rotate },
+    zIndex: { type: Number, default: _tigercatcore.watermarkDefaults.zIndex },
+    gapX: { type: Number, default: _tigercatcore.watermarkDefaults.gapX },
+    gapY: { type: Number, default: _tigercatcore.watermarkDefaults.gapY },
+    offsetX: { type: Number, default: _tigercatcore.watermarkDefaults.offsetX },
+    offsetY: { type: Number, default: _tigercatcore.watermarkDefaults.offsetY },
     font: {
       type: Object,
       default: void 0
@@ -35,16 +41,16 @@ var Watermark = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const base64 = vue.ref();
-    const wrapperRef = vue.ref(null);
+    const base64 = _vue.ref.call(void 0, );
+    const wrapperRef = _vue.ref.call(void 0, null);
     let renderController;
-    const resolvedFont = vue.computed(() => tigercatCore.resolveWatermarkFont(props.font));
+    const resolvedFont = _vue.computed.call(void 0, () => _tigercatcore.resolveWatermarkFont.call(void 0, props.font));
     const generate = () => {
-      renderController?.render();
+      _optionalChain([renderController, 'optionalAccess', _ => _.render, 'call', _2 => _2()]);
     };
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (!wrapperRef.value) return;
-      renderController = tigercatCore.createWatermarkRenderController({
+      renderController = _tigercatcore.createWatermarkRenderController.call(void 0, {
         getRenderOptions: () => ({
           content: props.content,
           image: props.image,
@@ -60,17 +66,17 @@ var Watermark = vue.defineComponent({
       renderController.observe(wrapperRef.value);
       renderController.render();
     });
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => [props.content, props.image, props.width, props.height, props.rotate, props.font],
       generate
     );
     let observer;
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (typeof MutationObserver === "undefined" || !wrapperRef.value) return;
       observer = new MutationObserver((mutations) => {
         for (const m of mutations) {
           for (const node of Array.from(m.removedNodes)) {
-            if (node.dataset?.watermark === "true") {
+            if (_optionalChain([node, 'access', _3 => _3.dataset, 'optionalAccess', _4 => _4.watermark]) === "true") {
               generate();
               return;
             }
@@ -79,13 +85,13 @@ var Watermark = vue.defineComponent({
       });
       observer.observe(wrapperRef.value, { childList: true });
     });
-    vue.onBeforeUnmount(() => {
-      observer?.disconnect();
-      renderController?.disconnect();
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([observer, 'optionalAccess', _5 => _5.disconnect, 'call', _6 => _6()]);
+      _optionalChain([renderController, 'optionalAccess', _7 => _7.disconnect, 'call', _8 => _8()]);
       renderController = void 0;
     });
-    const overlayStyle = vue.computed(
-      () => tigercatCore.getWatermarkOverlayStyle({
+    const overlayStyle = _vue.computed.call(void 0, 
+      () => _tigercatcore.getWatermarkOverlayStyle.call(void 0, {
         base64Url: base64.value,
         width: props.width,
         height: props.height,
@@ -98,21 +104,21 @@ var Watermark = vue.defineComponent({
     );
     return () => {
       const attrsRecord = attrs;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
           ref: wrapperRef,
-          class: tigercatCore.classNames(
-            tigercatCore.watermarkWrapperClasses,
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.watermarkWrapperClasses,
             props.className,
-            tigercatCore.coerceClassValue(attrsRecord.class)
+            _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
           ),
-          style: tigercatCore.mergeStyleValues(attrsRecord.style, props.style)
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style)
         },
         [
-          slots.default?.(),
-          vue.h("div", {
+          _optionalChain([slots, 'access', _9 => _9.default, 'optionalCall', _10 => _10()]),
+          _vue.h.call(void 0, "div", {
             "data-watermark": "true",
             "aria-hidden": "true",
             style: overlayStyle.value
@@ -124,5 +130,7 @@ var Watermark = vue.defineComponent({
 });
 var Watermark_default = Watermark;
 
-exports.Watermark = Watermark;
-exports.Watermark_default = Watermark_default;
+
+
+
+exports.Watermark = Watermark; exports.Watermark_default = Watermark_default;

package/dist/{chunk-MDPHUCVS.mjs → chunk-JL526HSV.mjs}

@@ -1,13 +1,42 @@
-import { Timeline } from './chunk-LBGTABIU.mjs';
-import { Link } from './chunk-4YHOD7LT.mjs';
-import { Loading } from './chunk-PCUUTKQZ.mjs';
-import { Tag } from './chunk-3G4VPV4D.mjs';
-import { Text } from './chunk-6V7XCCXN.mjs';
-import { Card } from './chunk-KOTSKHPQ.mjs';
-import { Avatar } from './chunk-COCECPMG.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { buildActivityGroups, classNames, coerceClassValue, mergeStyleValues, toActivityTimelineItems, formatActivityTime, activityItemClasses, activityItemLayoutClasses, activityItemBodyClasses, activityItemHeaderClasses, activityItemTitleGroupClasses, activityItemDescriptionClasses, activityItemActionsClasses } from '@expcat/tigercat-core';
+import {
+  Timeline
+} from "./chunk-LBGTABIU.mjs";
+import {
+  Loading
+} from "./chunk-PCUUTKQZ.mjs";
+import {
+  Link
+} from "./chunk-4YHOD7LT.mjs";
+import {
+  Tag
+} from "./chunk-3G4VPV4D.mjs";
+import {
+  Text
+} from "./chunk-6V7XCCXN.mjs";
+import {
+  Card
+} from "./chunk-KOTSKHPQ.mjs";
+import {
+  Avatar
+} from "./chunk-COCECPMG.mjs";
 
+// src/components/ActivityFeed.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  buildActivityGroups,
+  coerceClassValue,
+  formatActivityTime,
+  mergeStyleValues,
+  toActivityTimelineItems,
+  activityItemClasses,
+  activityItemLayoutClasses,
+  activityItemBodyClasses,
+  activityItemHeaderClasses,
+  activityItemTitleGroupClasses,
+  activityItemDescriptionClasses,
+  activityItemActionsClasses
+} from "@expcat/tigercat-core";
 var renderAction = (item, action, index) => {
   const key = action.key ?? `${item.id}-action-${index}`;
   return h(
@@ -150,7 +179,12 @@ var ActivityFeed = defineComponent({
               ]),
               descriptionText ? h(
                 Text,
-                { tag: "div", size: "sm", color: "muted", class: activityItemDescriptionClasses },
+                {
+                  tag: "div",
+                  size: "sm",
+                  color: "muted",
+                  class: activityItemDescriptionClasses
+                },
                 { default: () => descriptionText }
               ) : null,
               actionNodes?.length ? h("div", { class: activityItemActionsClasses }, actionNodes) : null
@@ -163,9 +197,7 @@ var ActivityFeed = defineComponent({
     const feedAriaLabel = computed(
       () => attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : "\u52A8\u6001")
     );
-    const feedAriaBusy = computed(
-      () => attrs["aria-busy"] ?? (props.loading ? "true" : void 0)
-    );
+    const feedAriaBusy = computed(() => attrs["aria-busy"] ?? (props.loading ? "true" : void 0));
     return () => {
       if (props.loading) {
         const loadingNode = slots.loading ? slots.loading() : h(Loading, { text: props.loadingText });
@@ -253,4 +285,7 @@ var ActivityFeed = defineComponent({
 });
 var ActivityFeed_default = ActivityFeed;
 
-export { ActivityFeed, ActivityFeed_default };
+export {
+  ActivityFeed,
+  ActivityFeed_default
+};

package/dist/{chunk-CODQKVQV.js → chunk-K2DJDJZR.js}

@@ -1,11 +1,14 @@
-'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; }// src/components/Collapse.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Collapse.ts
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var CollapseContextKey = /* @__PURE__ */ Symbol("CollapseContext");
-var Collapse = vue.defineComponent({
+var Collapse = _vue.defineComponent.call(void 0, {
   name: "TigerCollapse",
   props: {
     /**
@@ -71,14 +74,12 @@ var Collapse = vue.defineComponent({
   },
   emits: ["update:activeKey", "change"],
   setup(props, { slots, emit, attrs }) {
-    const internalActiveKeys = vue.ref(
-      tigercatCore.normalizeActiveKeys(props.defaultActiveKey)
-    );
-    const currentActiveKeys = vue.computed(() => {
-      return props.activeKey !== void 0 ? tigercatCore.normalizeActiveKeys(props.activeKey) : internalActiveKeys.value;
+    const internalActiveKeys = _vue.ref.call(void 0, _tigercatcore.normalizeActiveKeys.call(void 0, props.defaultActiveKey));
+    const currentActiveKeys = _vue.computed.call(void 0, () => {
+      return props.activeKey !== void 0 ? _tigercatcore.normalizeActiveKeys.call(void 0, props.activeKey) : internalActiveKeys.value;
     });
     const handlePanelClick = (key) => {
-      const newKeys = tigercatCore.togglePanelKey(key, currentActiveKeys.value, props.accordion);
+      const newKeys = _tigercatcore.togglePanelKey.call(void 0, key, currentActiveKeys.value, props.accordion);
       if (props.activeKey === void 0) {
         internalActiveKeys.value = newKeys;
       }
@@ -90,13 +91,13 @@ var Collapse = vue.defineComponent({
         emit("change", newKeys);
       }
     };
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getCollapseContainerClasses(props.bordered, props.ghost, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    const containerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getCollapseContainerClasses.call(void 0, props.bordered, props.ghost, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
-    const collapseContextValue = vue.reactive({
+    const collapseContextValue = _vue.reactive.call(void 0, {
       get activeKeys() {
         return currentActiveKeys.value;
       },
@@ -114,10 +115,10 @@ var Collapse = vue.defineComponent({
       },
       handlePanelClick
     });
-    vue.provide(CollapseContextKey, collapseContextValue);
+    _vue.provide.call(void 0, CollapseContextKey, collapseContextValue);
     return () => {
-      const children = slots.default?.() || [];
-      return vue.h(
+      const children = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]) || [];
+      return _vue.h.call(void 0, 
         "div",
         {
           class: containerClasses.value,
@@ -131,6 +132,8 @@ var Collapse = vue.defineComponent({
 });
 var Collapse_default = Collapse;
 
-exports.Collapse = Collapse;
-exports.CollapseContextKey = CollapseContextKey;
-exports.Collapse_default = Collapse_default;
+
+
+
+
+exports.CollapseContextKey = CollapseContextKey; exports.Collapse = Collapse; exports.Collapse_default = Collapse_default;

package/dist/chunk-K3CIXMN4.js

@@ -1,10 +1,16 @@
-'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; }// src/components/Splitter.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Splitter.ts
-var Splitter = vue.defineComponent({
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Splitter = _vue.defineComponent.call(void 0, {
   name: "TigerSplitter",
   props: {
     direction: {
@@ -42,13 +48,13 @@ var Splitter = vue.defineComponent({
   },
   emits: ["update:sizes", "resize-start", "resize", "resize-end"],
   setup(props, { slots, emit, attrs }) {
-    const containerRef = vue.ref(null);
-    const paneSizes = vue.ref([]);
-    const draggingIndex = vue.ref(-1);
-    const startPos = vue.ref(0);
-    const startSizes = vue.ref([]);
+    const containerRef = _vue.ref.call(void 0, null);
+    const paneSizes = _vue.ref.call(void 0, []);
+    const draggingIndex = _vue.ref.call(void 0, -1);
+    const startPos = _vue.ref.call(void 0, 0);
+    const startSizes = _vue.ref.call(void 0, []);
     let dragSession = null;
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.sizes,
       (newSizes) => {
         if (newSizes) paneSizes.value = [...newSizes];
@@ -62,7 +68,7 @@ var Splitter = vue.defineComponent({
       }
       const el = containerRef.value;
       if (!el) return;
-      const slotChildren = slots.default?.() || [];
+      const slotChildren = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]) || [];
       const paneCount = slotChildren.length;
       if (paneCount === 0) return;
       const totalGutter = (paneCount - 1) * props.gutterSize;
@@ -70,17 +76,17 @@ var Splitter = vue.defineComponent({
       const eachSize = total / paneCount;
       paneSizes.value = Array.from({ length: paneCount }, () => eachSize);
     };
-    vue.onMounted(initSizes);
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getSplitterContainerClasses(props.direction, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    _vue.onMounted.call(void 0, initSizes);
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getSplitterContainerClasses.call(void 0, props.direction, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
     const getMins = () => paneSizes.value.map(() => props.min);
     const getMaxes = () => paneSizes.value.map(() => props.max);
     const cleanupDragSession = () => {
-      dragSession?.dispose();
+      _optionalChain([dragSession, 'optionalAccess', _3 => _3.dispose, 'call', _4 => _4()]);
       dragSession = null;
     };
     const onMouseDown = (index, e) => {
@@ -91,10 +97,10 @@ var Splitter = vue.defineComponent({
       startPos.value = props.direction === "horizontal" ? e.clientX : e.clientY;
       startSizes.value = [...paneSizes.value];
       emit("resize-start", { index, sizes: [...paneSizes.value] });
-      dragSession = tigercatCore.createDocumentDragSession({
+      dragSession = _tigercatcore.createDocumentDragSession.call(void 0, {
         startX: e.clientX,
         startY: e.clientY,
-        ownerDocument: e.currentTarget?.ownerDocument,
+        ownerDocument: _optionalChain([e, 'access', _5 => _5.currentTarget, 'optionalAccess', _6 => _6.ownerDocument]),
         onMove: ({ currentX, currentY }) => {
           applyDragResize(currentX, currentY);
         },
@@ -115,7 +121,7 @@ var Splitter = vue.defineComponent({
       if (draggingIndex.value < 0) return;
       const currentPos = props.direction === "horizontal" ? currentX : currentY;
       const delta = currentPos - startPos.value;
-      const newSizes = tigercatCore.resizePanes(
+      const newSizes = _tigercatcore.resizePanes.call(void 0, 
         startSizes.value,
         draggingIndex.value,
         delta,
@@ -128,17 +134,17 @@ var Splitter = vue.defineComponent({
         emit("resize", { index: draggingIndex.value, sizes: newSizes });
       }
     };
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       cleanupDragSession();
     });
     return () => {
-      const children = slots.default?.() || [];
+      const children = _optionalChain([slots, 'access', _7 => _7.default, 'optionalCall', _8 => _8()]) || [];
       const nodes = [];
       children.forEach((child, i) => {
         const size = paneSizes.value[i];
-        const paneStyle = size != null ? tigercatCore.getPaneStyle(size, props.direction) : void 0;
+        const paneStyle = size != null ? _tigercatcore.getPaneStyle.call(void 0, size, props.direction) : void 0;
         nodes.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               class: "tiger-splitter-pane relative overflow-auto",
@@ -151,10 +157,10 @@ var Splitter = vue.defineComponent({
         if (i < children.length - 1) {
           const isDragging = draggingIndex.value === i;
           nodes.push(
-            vue.h(
+            _vue.h.call(void 0, 
               "div",
               {
-                class: tigercatCore.getSplitterGutterClasses(props.direction, isDragging, props.disabled),
+                class: _tigercatcore.getSplitterGutterClasses.call(void 0, props.direction, isDragging, props.disabled),
                 role: "separator",
                 "aria-orientation": props.direction === "horizontal" ? "vertical" : "horizontal",
                 tabindex: props.disabled ? -1 : 0,
@@ -171,7 +177,7 @@ var Splitter = vue.defineComponent({
                   }
                   if (delta !== 0) {
                     e.preventDefault();
-                    const newSizes = tigercatCore.resizePanes(paneSizes.value, i, delta, getMins(), getMaxes());
+                    const newSizes = _tigercatcore.resizePanes.call(void 0, paneSizes.value, i, delta, getMins(), getMaxes());
                     if (newSizes) {
                       paneSizes.value = newSizes;
                       emit("update:sizes", newSizes);
@@ -180,12 +186,12 @@ var Splitter = vue.defineComponent({
                   }
                 }
               },
-              [vue.h("div", { class: tigercatCore.getSplitterGutterHandleClasses(props.direction) })]
+              [_vue.h.call(void 0, "div", { class: _tigercatcore.getSplitterGutterHandleClasses.call(void 0, props.direction) })]
             )
           );
         }
       });
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ref: containerRef,
@@ -200,5 +206,7 @@ var Splitter = vue.defineComponent({
 });
 var Splitter_default = Splitter;
 
-exports.Splitter = Splitter;
-exports.Splitter_default = Splitter_default;
+
+
+
+exports.Splitter = Splitter; exports.Splitter_default = Splitter_default;

package/dist/{chunk-6EI23IND.mjs → chunk-K5ZZZ4TL.mjs}

@@ -1,11 +1,31 @@
-import { useChartInteraction } from './chunk-N4GS2LSN.mjs';
-import { ChartLegend } from './chunk-VVS2CQS4.mjs';
-import { ChartSeries } from './chunk-2ZUEXCVJ.mjs';
-import { ChartTooltip } from './chunk-OK4PVFQG.mjs';
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { getChartInnerRect, resolveChartPalette, getTreeMapGradientPrefix, computeTreeMapNodes, buildChartLegendItems, resolveChartTooltipContent, classNames, getChartElementOpacity } from '@expcat/tigercat-core';
+import {
+  useChartInteraction
+} from "./chunk-R2HO74FE.mjs";
+import {
+  ChartLegend
+} from "./chunk-VVS2CQS4.mjs";
+import {
+  ChartSeries
+} from "./chunk-2ZUEXCVJ.mjs";
+import {
+  ChartTooltip
+} from "./chunk-OK4PVFQG.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 
+// src/components/TreeMapChart.ts
+import { defineComponent, computed, h, useId } from "vue";
+import {
+  classNames,
+  computeTreeMapNodes,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getStableChartGradientPrefix,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
 var TreeMapChart = defineComponent({
   name: "TigerTreeMapChart",
   props: {
@@ -71,7 +91,7 @@ var TreeMapChart = defineComponent({
     });
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const palette = computed(() => resolveChartPalette(props.colors));
-    const gradientPrefix = getTreeMapGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("treemap", useId());
     const nodes = computed(
       () => computeTreeMapNodes(props.data, {
         width: innerRect.value.width,
@@ -161,7 +181,7 @@ var TreeMapChart = defineComponent({
                         opacity,
                         class: classNames(interactive && "cursor-pointer"),
                         style: {
-                          transition: "opacity 0.2s ease-out, filter 0.2s ease-out",
+                          transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                           rx: "var(--tiger-chart-block-radius, 2px)",
                           filter: activeIndex.value === node.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
                         },
@@ -227,4 +247,7 @@ var TreeMapChart = defineComponent({
 });
 var TreeMapChart_default = TreeMapChart;
 
-export { TreeMapChart, TreeMapChart_default };
+export {
+  TreeMapChart,
+  TreeMapChart_default
+};