@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/{chunk-EVOXC3CD.js → chunk-V6YR7CPK.js}

@@ -1,13 +1,31 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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 chunkWU2KCS6H_js = require('./chunk-WU2KCS6H.js');
-var chunkOZYJ3U4H_js = require('./chunk-OZYJ3U4H.js');
-var chunkBYNMOQBB_js = require('./chunk-BYNMOQBB.js');
-var chunk5436FG3B_js = require('./chunk-5436FG3B.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkOW5D4LU6js = require('./chunk-OW5D4LU6.js');
 
-var DataTableWithToolbar = vue.defineComponent({
+
+var _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
+
+
+var _chunkBYNMOQBBjs = require('./chunk-BYNMOQBB.js');
+
+
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+
+// src/components/DataTableWithToolbar.ts
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
   name: "TigerDataTableWithToolbar",
   inheritAttrs: false,
   props: {
@@ -114,85 +132,85 @@ var DataTableWithToolbar = vue.defineComponent({
     "page-size-change": (_current, _pageSize) => true
   },
   setup(props, { attrs, emit }) {
-    const internalSearch = vue.ref(props.toolbar?.defaultSearchValue ?? "");
-    const internalFilters = vue.ref({});
-    const previousPageSize = vue.ref(
-      props.pagination && typeof props.pagination === "object" ? props.pagination.pageSize ?? props.pagination.defaultPageSize ?? 10 : void 0
+    const internalSearch = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _ => _.toolbar, 'optionalAccess', _2 => _2.defaultSearchValue]), () => ( "")));
+    const internalFilters = _vue.ref.call(void 0, {});
+    const previousPageSize = _vue.ref.call(void 0, 
+      props.pagination && typeof props.pagination === "object" ? _nullishCoalesce(_nullishCoalesce(props.pagination.pageSize, () => ( props.pagination.defaultPageSize)), () => ( 10)) : void 0
     );
-    const vnodeProps = vue.getCurrentInstance()?.vnode.props ?? {};
+    const vnodeProps = _nullishCoalesce(_optionalChain([_vue.getCurrentInstance.call(void 0, ), 'optionalAccess', _3 => _3.vnode, 'access', _4 => _4.props]), () => ( {}));
     const hasSearchListener = Boolean(vnodeProps.onSearch || vnodeProps.onSearchChange);
-    vue.watch(
-      () => props.toolbar?.searchValue,
+    _vue.watch.call(void 0, 
+      () => _optionalChain([props, 'access', _5 => _5.toolbar, 'optionalAccess', _6 => _6.searchValue]),
       (nextValue) => {
         if (nextValue !== void 0) {
-          internalSearch.value = nextValue ?? "";
+          internalSearch.value = _nullishCoalesce(nextValue, () => ( ""));
         }
       }
     );
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.pagination,
       (nextValue) => {
         if (nextValue && typeof nextValue === "object") {
-          previousPageSize.value = nextValue.pageSize ?? nextValue.defaultPageSize ?? 10;
+          previousPageSize.value = _nullishCoalesce(_nullishCoalesce(nextValue.pageSize, () => ( nextValue.defaultPageSize)), () => ( 10));
         }
       }
     );
-    vue.watch(
-      () => props.toolbar?.filters,
+    _vue.watch.call(void 0, 
+      () => _optionalChain([props, 'access', _7 => _7.toolbar, 'optionalAccess', _8 => _8.filters]),
       (filters) => {
         if (!filters) return;
         const next = { ...internalFilters.value };
         filters.forEach((filter) => {
           if (filter.value === void 0 && !(filter.key in next)) {
-            next[filter.key] = filter.defaultValue ?? null;
+            next[filter.key] = _nullishCoalesce(filter.defaultValue, () => ( null));
           }
         });
         internalFilters.value = next;
       },
       { immediate: true, deep: true }
     );
-    const searchValue = vue.computed(
-      () => props.toolbar?.searchValue !== void 0 ? props.toolbar.searchValue : internalSearch.value
+    const searchValue = _vue.computed.call(void 0, 
+      () => _optionalChain([props, 'access', _9 => _9.toolbar, 'optionalAccess', _10 => _10.searchValue]) !== void 0 ? props.toolbar.searchValue : internalSearch.value
     );
-    const resolvedFilters = vue.computed(() => {
+    const resolvedFilters = _vue.computed.call(void 0, () => {
       const next = {};
-      props.toolbar?.filters?.forEach((filter) => {
-        next[filter.key] = filter.value !== void 0 ? filter.value : internalFilters.value[filter.key] ?? filter.defaultValue ?? null;
-      });
+      _optionalChain([props, 'access', _11 => _11.toolbar, 'optionalAccess', _12 => _12.filters, 'optionalAccess', _13 => _13.forEach, 'call', _14 => _14((filter) => {
+        next[filter.key] = filter.value !== void 0 ? filter.value : _nullishCoalesce(_nullishCoalesce(internalFilters.value[filter.key], () => ( filter.defaultValue)), () => ( null));
+      })]);
       return next;
     });
-    const hasSearch = vue.computed(() => {
+    const hasSearch = _vue.computed.call(void 0, () => {
       if (!props.toolbar) return hasSearchListener;
       return Boolean(
         props.toolbar.searchPlaceholder || props.toolbar.searchValue !== void 0 || props.toolbar.defaultSearchValue !== void 0 || props.toolbar.showSearchButton || hasSearchListener
       );
     });
-    const hasFilters = vue.computed(() => Boolean(props.toolbar?.filters?.length));
-    const hasBulkActions = vue.computed(() => Boolean(props.toolbar?.bulkActions?.length));
-    const canSearch = vue.computed(() => Boolean(vnodeProps.onSearch));
-    const selectedKeys = vue.computed(
-      () => props.toolbar?.selectedKeys ?? props.rowSelection?.selectedRowKeys ?? []
+    const hasFilters = _vue.computed.call(void 0, () => Boolean(_optionalChain([props, 'access', _15 => _15.toolbar, 'optionalAccess', _16 => _16.filters, 'optionalAccess', _17 => _17.length])));
+    const hasBulkActions = _vue.computed.call(void 0, () => Boolean(_optionalChain([props, 'access', _18 => _18.toolbar, 'optionalAccess', _19 => _19.bulkActions, 'optionalAccess', _20 => _20.length])));
+    const canSearch = _vue.computed.call(void 0, () => Boolean(vnodeProps.onSearch));
+    const selectedKeys = _vue.computed.call(void 0, 
+      () => _nullishCoalesce(_nullishCoalesce(_optionalChain([props, 'access', _21 => _21.toolbar, 'optionalAccess', _22 => _22.selectedKeys]), () => ( _optionalChain([props, 'access', _23 => _23.rowSelection, 'optionalAccess', _24 => _24.selectedRowKeys]))), () => ( []))
     );
-    const selectedCount = vue.computed(
-      () => props.toolbar?.selectedCount !== void 0 ? props.toolbar.selectedCount : selectedKeys.value.length
+    const selectedCount = _vue.computed.call(void 0, 
+      () => _optionalChain([props, 'access', _25 => _25.toolbar, 'optionalAccess', _26 => _26.selectedCount]) !== void 0 ? props.toolbar.selectedCount : selectedKeys.value.length
     );
-    const bulkLabel = vue.computed(() => props.toolbar?.bulkActionsLabel ?? "\u5DF2\u9009\u62E9");
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
+    const bulkLabel = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([props, 'access', _27 => _27.toolbar, 'optionalAccess', _28 => _28.bulkActionsLabel]), () => ( "\u5DF2\u9009\u62E9")));
+    const wrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
         "tiger-data-table-with-toolbar flex flex-col gap-3",
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const wrapperStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
+    const wrapperStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
     const handleSearchChange = (value) => {
-      if (props.toolbar?.searchValue === void 0) {
+      if (_optionalChain([props, 'access', _29 => _29.toolbar, 'optionalAccess', _30 => _30.searchValue]) === void 0) {
         internalSearch.value = value;
       }
       emit("search-change", value);
     };
     const handleSearchSubmit = () => {
-      emit("search", searchValue.value ?? "");
+      emit("search", _nullishCoalesce(searchValue.value, () => ( "")));
     };
     const handleFilterSelect = (filter, value) => {
       const nextFilters = {
@@ -208,8 +226,8 @@ var DataTableWithToolbar = vue.defineComponent({
       emit("filters-change", nextFilters);
     };
     const handleBulkAction = (action) => {
-      const keys = selectedKeys.value ?? [];
-      action.onClick?.(keys);
+      const keys = _nullishCoalesce(selectedKeys.value, () => ( []));
+      _optionalChain([action, 'access', _31 => _31.onClick, 'optionalCall', _32 => _32(keys)]);
       emit("bulk-action", action, keys);
     };
     const handleTablePageChange = ({
@@ -226,26 +244,26 @@ var DataTableWithToolbar = vue.defineComponent({
       if (!hasSearch.value && !hasFilters.value && !hasBulkActions.value) return null;
       const leftNodes = [];
       if (hasSearch.value) {
-        const showButton = props.toolbar?.showSearchButton ?? true;
+        const showButton = _nullishCoalesce(_optionalChain([props, 'access', _33 => _33.toolbar, 'optionalAccess', _34 => _34.showSearchButton]), () => ( true));
         leftNodes.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             { class: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]" },
             [
-              vue.h(chunkBYNMOQBB_js.Input, {
+              _vue.h.call(void 0, _chunkBYNMOQBBjs.Input, {
                 type: "search",
                 size: "sm",
                 modelValue: searchValue.value,
-                placeholder: props.toolbar?.searchPlaceholder ?? "\u641C\u7D22",
-                "onUpdate:modelValue": (value) => handleSearchChange(String(value ?? "")),
+                placeholder: _nullishCoalesce(_optionalChain([props, 'access', _35 => _35.toolbar, 'optionalAccess', _36 => _36.searchPlaceholder]), () => ( "\u641C\u7D22")),
+                "onUpdate:modelValue": (value) => handleSearchChange(String(_nullishCoalesce(value, () => ( "")))),
                 onKeydown: (event) => {
                   if (event.key === "Enter") {
                     handleSearchSubmit();
                   }
                 }
               }),
-              showButton ? vue.h(
-                chunk5436FG3B_js.Button,
+              showButton ? _vue.h.call(void 0, 
+                _chunk4VLNT2EDjs.Button,
                 {
                   size: "sm",
                   variant: "primary",
@@ -253,54 +271,55 @@ var DataTableWithToolbar = vue.defineComponent({
                   onClick: handleSearchSubmit,
                   disabled: !canSearch.value
                 },
-                { default: () => props.toolbar?.searchButtonText ?? "\u641C\u7D22" }
+                { default: () => _nullishCoalesce(_optionalChain([props, 'access', _37 => _37.toolbar, 'optionalAccess', _38 => _38.searchButtonText]), () => ( "\u641C\u7D22")) }
               ) : null
             ]
           )
         );
       }
       if (hasFilters.value) {
-        props.toolbar?.filters?.forEach((filter) => {
+        _optionalChain([props, 'access', _39 => _39.toolbar, 'optionalAccess', _40 => _40.filters, 'optionalAccess', _41 => _41.forEach, 'call', _42 => _42((filter) => {
           const currentValue = resolvedFilters.value[filter.key];
           const clearable = filter.clearable !== false;
           leftNodes.push(
-            vue.h("div", { class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
-              vue.h(chunkOZYJ3U4H_js.Select, {
+            _vue.h.call(void 0, "div", { class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
+              _vue.h.call(void 0, _chunkBGMAWKWVjs.Select, {
                 size: "sm",
                 options: filter.options.map((opt) => ({
                   label: opt.label,
                   value: opt.value
                 })),
-                modelValue: currentValue ?? void 0,
-                placeholder: filter.placeholder ?? filter.label,
+                modelValue: _nullishCoalesce(currentValue, () => ( void 0)),
+                placeholder: _nullishCoalesce(filter.placeholder, () => ( filter.label)),
                 clearable,
                 "onUpdate:modelValue": (value) => {
-                  handleFilterSelect(filter, value ?? null);
+                  handleFilterSelect(filter, _nullishCoalesce(value, () => ( null)));
                 }
               })
             ])
           );
-        });
+        })]);
       }
       const bulkChildren = [];
       if (hasBulkActions.value) {
         if (selectedCount.value > 0) {
           bulkChildren.push(
-            vue.h(
+            _vue.h.call(void 0, 
               "span",
               { class: "text-sm text-[var(--tiger-text-muted,#6b7280)]" },
               `${bulkLabel.value} ${selectedCount.value} \u9879`
             )
           );
         }
-        (props.toolbar?.bulkActions ?? []).forEach((action) => {
+        ;
+        (_nullishCoalesce(_optionalChain([props, 'access', _43 => _43.toolbar, 'optionalAccess', _44 => _44.bulkActions]), () => ( []))).forEach((action) => {
           bulkChildren.push(
-            vue.h(
-              chunk5436FG3B_js.Button,
+            _vue.h.call(void 0, 
+              _chunk4VLNT2EDjs.Button,
               {
                 key: action.key,
                 size: "sm",
-                variant: action.variant ?? "outline",
+                variant: _nullishCoalesce(action.variant, () => ( "outline")),
                 disabled: action.disabled || selectedCount.value === 0,
                 onClick: () => handleBulkAction(action)
               },
@@ -309,7 +328,7 @@ var DataTableWithToolbar = vue.defineComponent({
           );
         });
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: "tiger-data-table-toolbar flex flex-wrap items-center gap-2 pb-3",
@@ -317,8 +336,8 @@ var DataTableWithToolbar = vue.defineComponent({
           "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F"
         },
         [
-          vue.h("div", { class: "flex items-center gap-2 flex-wrap flex-1 min-w-0" }, leftNodes),
-          hasBulkActions.value ? vue.h(
+          _vue.h.call(void 0, "div", { class: "flex items-center gap-2 flex-wrap flex-1 min-w-0" }, leftNodes),
+          hasBulkActions.value ? _vue.h.call(void 0, 
             "div",
             { class: "flex items-center gap-2 flex-wrap ml-auto shrink-0" },
             bulkChildren
@@ -353,23 +372,21 @@ var DataTableWithToolbar = vue.defineComponent({
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
       };
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: wrapperClasses.value,
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [
-          renderToolbar(),
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          vue.h(chunkWU2KCS6H_js.Table, tableProps)
-        ]
+        [renderToolbar(), _vue.h.call(void 0, _chunkOW5D4LU6js.Table, tableProps)]
       );
     };
   }
 });
 var DataTableWithToolbar_default = DataTableWithToolbar;
 
-exports.DataTableWithToolbar = DataTableWithToolbar;
-exports.DataTableWithToolbar_default = DataTableWithToolbar_default;
+
+
+
+exports.DataTableWithToolbar = DataTableWithToolbar; exports.DataTableWithToolbar_default = DataTableWithToolbar_default;

package/dist/{chunk-XOLTA3IE.js → chunk-VAXO5NEM.js}

@@ -1,12 +1,26 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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 chunkGZK6R2E3_js = require('./chunk-GZK6R2E3.js');
-var chunkZOUJFFG4_js = require('./chunk-ZOUJFFG4.js');
-var chunkUHVUKLHF_js = require('./chunk-UHVUKLHF.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
-var HeatmapChart = vue.defineComponent({
+
+var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+
+
+var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
+
+// src/components/HeatmapChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var HeatmapChart = _vue.defineComponent.call(void 0, {
   name: "TigerHeatmapChart",
   props: {
     width: { type: Number, default: 400 },
@@ -43,7 +57,7 @@ var HeatmapChart = vue.defineComponent({
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "cell-click", "cell-hover"],
   setup(props, { emit }) {
-    const canvasRef = vue.ref(null);
+    const canvasRef = _vue.ref.call(void 0, null);
     const {
       tooltipPosition,
       resolvedHoveredIndex,
@@ -53,20 +67,20 @@ var HeatmapChart = vue.defineComponent({
       handleMouseLeave,
       handleClick,
       wrapperClasses: _wrapperClasses
-    } = chunkGZK6R2E3_js.useChartInteraction({
-      hoverable: vue.computed(() => props.hoverable),
+    } = _chunk2VOZFFW6js.useChartInteraction.call(void 0, {
+      hoverable: _vue.computed.call(void 0, () => props.hoverable),
       hoveredIndexProp: () => props.hoveredIndex,
-      selectable: vue.computed(() => props.selectable),
+      selectable: _vue.computed.call(void 0, () => props.selectable),
       selectedIndexProp: () => props.selectedIndex,
-      activeOpacity: vue.computed(() => props.activeOpacity),
-      inactiveOpacity: vue.computed(() => props.inactiveOpacity),
+      activeOpacity: _vue.computed.call(void 0, () => props.activeOpacity),
+      inactiveOpacity: _vue.computed.call(void 0, () => props.inactiveOpacity),
       emit,
       getData: (index) => props.data[index],
       eventNames: { hover: "cell-hover", click: "cell-click" }
     });
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const cells = vue.computed(
-      () => tigercatCore.computeHeatmapCells(props.data, {
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const cells = _vue.computed.call(void 0, 
+      () => _tigercatcore.computeHeatmapCells.call(void 0, props.data, {
         xLabels: props.xLabels,
         yLabels: props.yLabels,
         width: innerRect.value.width,
@@ -77,20 +91,20 @@ var HeatmapChart = vue.defineComponent({
         colorSpace: props.colorSpace
       })
     );
-    const tooltipContent = vue.computed(
-      () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex.value, cells.value, void 0, (cell) => {
+    const tooltipContent = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex.value, cells.value, void 0, (cell) => {
         const val = props.valueFormatter ? props.valueFormatter(cell.value) : `${cell.value}`;
         return `${cell.xLabel} \xD7 ${cell.yLabel}: ${val}`;
       })
     );
-    const resolvedRenderMode = vue.computed(
-      () => tigercatCore.resolveHeatmapRenderMode(cells.value.length, {
+    const resolvedRenderMode = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveHeatmapRenderMode.call(void 0, cells.value.length, {
         renderMode: props.renderMode,
         canvasThreshold: props.canvasThreshold
       })
     );
-    const shouldRenderCanvas = vue.computed(() => resolvedRenderMode.value === "canvas");
-    vue.watchEffect(() => {
+    const shouldRenderCanvas = _vue.computed.call(void 0, () => resolvedRenderMode.value === "canvas");
+    _vue.watchEffect.call(void 0, () => {
       if (!shouldRenderCanvas.value) return;
       const rect = innerRect.value;
       const cellList = cells.value;
@@ -100,19 +114,19 @@ var HeatmapChart = vue.defineComponent({
       const currentCellRadius = props.cellRadius;
       const currentShowValues = props.showValues;
       const formatter = props.valueFormatter;
-      vue.nextTick(() => {
+      _vue.nextTick.call(void 0, () => {
         const canvas = canvasRef.value;
-        const context = canvas?.getContext("2d");
+        const context = _optionalChain([canvas, 'optionalAccess', _ => _.getContext, 'call', _2 => _2("2d")]);
         if (!canvas || !context) return;
         context.clearRect(0, 0, rect.width, rect.height);
         context.textAlign = "center";
         context.textBaseline = "middle";
         context.font = "10px sans-serif";
         cellList.forEach((cell, idx) => {
-          context.globalAlpha = tigercatCore.getChartElementOpacity(idx, currentActiveIndex, {
+          context.globalAlpha = _nullishCoalesce(_tigercatcore.getChartElementOpacity.call(void 0, idx, currentActiveIndex, {
             activeOpacity: currentActiveOpacity,
             inactiveOpacity: currentInactiveOpacity
-          }) ?? 1;
+          }), () => ( 1));
           context.fillStyle = cell.fill;
           const radius = Math.max(0, Math.min(currentCellRadius, cell.w / 2, cell.h / 2));
           if (radius > 0) {
@@ -161,7 +175,7 @@ var HeatmapChart = vue.defineComponent({
     };
     const handleCanvasMouseMove = (event) => {
       const point = getCanvasPoint(event);
-      const index = tigercatCore.getHeatmapCellIndexAtPoint(cells.value, point.x, point.y);
+      const index = _tigercatcore.getHeatmapCellIndexAtPoint.call(void 0, cells.value, point.x, point.y);
       if (index === null) {
         handleMouseLeave();
         return;
@@ -171,7 +185,7 @@ var HeatmapChart = vue.defineComponent({
     };
     const handleCanvasClick = (event) => {
       const point = getCanvasPoint(event);
-      const index = tigercatCore.getHeatmapCellIndexAtPoint(cells.value, point.x, point.y);
+      const index = _tigercatcore.getHeatmapCellIndexAtPoint.call(void 0, cells.value, point.x, point.y);
       if (index !== null) {
         handleClick(index);
       }
@@ -179,27 +193,27 @@ var HeatmapChart = vue.defineComponent({
     return () => {
       const interactive = props.hoverable || props.selectable;
       const rect = innerRect.value;
-      const chart = vue.h(
-        chunkUHVUKLHF_js.ChartCanvas,
+      const chart = _vue.h.call(void 0, 
+        _chunkUHVUKLHFjs.ChartCanvas,
         {
           width: props.width,
           height: props.height,
           padding: props.padding,
           title: props.title,
           desc: props.desc,
-          className: tigercatCore.classNames(props.className)
+          className: _tigercatcore.classNames.call(void 0, props.className)
         },
         {
           default: () => {
             const xAxisLabels = props.xLabels.map((label, i) => {
               const cellW = (rect.width - props.cellGap * (props.xLabels.length - 1)) / props.xLabels.length;
-              return vue.h(
+              return _vue.h.call(void 0, 
                 "text",
                 {
                   key: `x-${i}`,
                   x: i * (cellW + props.cellGap) + cellW / 2,
                   y: rect.height + 16,
-                  class: tigercatCore.chartAxisTickTextClasses,
+                  class: _tigercatcore.chartAxisTickTextClasses,
                   "text-anchor": "middle"
                 },
                 label
@@ -207,13 +221,13 @@ var HeatmapChart = vue.defineComponent({
             });
             const yAxisLabels = props.yLabels.map((label, i) => {
               const cellH = (rect.height - props.cellGap * (props.yLabels.length - 1)) / props.yLabels.length;
-              return vue.h(
+              return _vue.h.call(void 0, 
                 "text",
                 {
                   key: `y-${i}`,
                   x: -8,
                   y: i * (cellH + props.cellGap) + cellH / 2,
-                  class: tigercatCore.chartAxisTickTextClasses,
+                  class: _tigercatcore.chartAxisTickTextClasses,
                   "text-anchor": "end",
                   "dominant-baseline": "middle"
                 },
@@ -221,12 +235,12 @@ var HeatmapChart = vue.defineComponent({
               );
             });
             const cellElems = shouldRenderCanvas.value ? [] : cells.value.map((cell, idx) => {
-              const opacity = tigercatCore.getChartElementOpacity(idx, activeIndex.value, {
+              const opacity = _tigercatcore.getChartElementOpacity.call(void 0, idx, activeIndex.value, {
                 activeOpacity: props.activeOpacity,
                 inactiveOpacity: props.inactiveOpacity
               });
               const elems = [
-                vue.h("rect", {
+                _vue.h.call(void 0, "rect", {
                   key: `cell-${idx}`,
                   x: cell.x,
                   y: cell.y,
@@ -235,9 +249,9 @@ var HeatmapChart = vue.defineComponent({
                   rx: props.cellRadius,
                   fill: cell.fill,
                   opacity,
-                  class: tigercatCore.classNames(interactive && "cursor-pointer"),
+                  class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
                   style: {
-                    transition: "opacity 0.2s ease-out",
+                    transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                     rx: `var(--tiger-chart-block-radius, ${props.cellRadius}px)`
                   },
                   onMouseenter: (e) => handleMouseEnter(idx, e),
@@ -249,7 +263,7 @@ var HeatmapChart = vue.defineComponent({
               if (props.showValues) {
                 const val = props.valueFormatter ? props.valueFormatter(cell.value) : `${cell.value}`;
                 elems.push(
-                  vue.h(
+                  _vue.h.call(void 0, 
                     "text",
                     {
                       key: `val-${idx}`,
@@ -269,17 +283,17 @@ var HeatmapChart = vue.defineComponent({
           }
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? vue.h(chunkZOUJFFG4_js.ChartTooltip, {
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
         content: tooltipContent.value,
         visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;
-      const canvas = shouldRenderCanvas.value ? vue.h("canvas", {
+      const canvas = shouldRenderCanvas.value ? _vue.h.call(void 0, "canvas", {
         ref: canvasRef,
         width: rect.width,
         height: rect.height,
-        class: tigercatCore.classNames(interactive && "cursor-pointer"),
+        class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
         style: {
           position: "absolute",
           left: `${rect.x}px`,
@@ -294,11 +308,13 @@ var HeatmapChart = vue.defineComponent({
         onMouseleave: interactive ? handleMouseLeave : void 0,
         onClick: interactive ? handleCanvasClick : void 0
       }) : null;
-      return vue.h("div", { class: "inline-block relative" }, [chart, canvas, tooltip]);
+      return _vue.h.call(void 0, "div", { class: "inline-block relative" }, [chart, canvas, tooltip]);
     };
   }
 });
 var HeatmapChart_default = HeatmapChart;
 
-exports.HeatmapChart = HeatmapChart;
-exports.HeatmapChart_default = HeatmapChart_default;
+
+
+
+exports.HeatmapChart = HeatmapChart; exports.HeatmapChart_default = HeatmapChart_default;