@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-BYNMOQBB.js

@@ -1,11 +1,21 @@
-'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; }// src/components/Input.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Input.ts
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var inputIdCounter = 0;
-var Input = vue.defineComponent({
+var Input = _vue.defineComponent.call(void 0, {
   name: "TigerInput",
   inheritAttrs: false,
   props: {
@@ -122,47 +132,47 @@ var Input = vue.defineComponent({
     clear: null
   },
   setup(props, { emit, attrs, slots }) {
-    tigercatCore.injectShakeStyle();
-    const inputRef = vue.ref(null);
-    const wrapperRef = vue.ref(null);
-    const localValue = vue.ref(props.modelValue ?? "");
-    const passwordVisible = vue.ref(false);
+    _tigercatcore.injectShakeStyle.call(void 0, );
+    const inputRef = _vue.ref.call(void 0, null);
+    const wrapperRef = _vue.ref.call(void 0, null);
+    const localValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( "")));
+    const passwordVisible = _vue.ref.call(void 0, false);
     const instanceId = ++inputIdCounter;
     const errorMsgId = `tiger-input-error-${instanceId}`;
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.modelValue,
       (newValue) => {
-        const next = newValue ?? "";
+        const next = _nullishCoalesce(newValue, () => ( ""));
         if (next !== localValue.value) {
           localValue.value = next;
         }
       }
     );
-    vue.watch([() => props.status, () => props._shakeTrigger], ([newStatus]) => {
+    _vue.watch.call(void 0, [() => props.status, () => props._shakeTrigger], ([newStatus]) => {
       if (newStatus === "error" && wrapperRef.value) {
         const el = wrapperRef.value;
-        el.classList.remove(tigercatCore.SHAKE_CLASS);
+        el.classList.remove(_tigercatcore.SHAKE_CLASS);
         void el.offsetWidth;
-        el.classList.add(tigercatCore.SHAKE_CLASS);
+        el.classList.add(_tigercatcore.SHAKE_CLASS);
       }
     });
     const handleAnimationEnd = () => {
-      wrapperRef.value?.classList.remove(tigercatCore.SHAKE_CLASS);
+      _optionalChain([wrapperRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.classList, 'access', _3 => _3.remove, 'call', _4 => _4(_tigercatcore.SHAKE_CLASS)]);
     };
-    const hasPrefix = vue.computed(() => !!slots.prefix || !!props.prefix);
-    const hasSuffix = vue.computed(
+    const hasPrefix = _vue.computed.call(void 0, () => !!slots.prefix || !!props.prefix);
+    const hasSuffix = _vue.computed.call(void 0, 
       () => !!slots.suffix || !!props.suffix || props.clearable || props.showPassword
     );
-    const activeError = vue.computed(() => props.status === "error" && !!props.errorMessage);
-    const inputClasses = vue.computed(
-      () => tigercatCore.getInputClasses({
+    const activeError = _vue.computed.call(void 0, () => props.status === "error" && !!props.errorMessage);
+    const inputClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.getInputClasses.call(void 0, {
         size: props.size,
         status: props.status,
         hasPrefix: hasPrefix.value,
         hasSuffix: hasSuffix.value
       })
     );
-    const effectiveType = vue.computed(() => {
+    const effectiveType = _vue.computed.call(void 0, () => {
       if (props.showPassword && props.type === "password") {
         return passwordVisible.value ? "text" : "password";
       }
@@ -170,7 +180,7 @@ var Input = vue.defineComponent({
     });
     const handleInput = (event) => {
       const target = event.target;
-      const value = tigercatCore.parseInputValue(target, props.type);
+      const value = _tigercatcore.parseInputValue.call(void 0, target, props.type);
       localValue.value = value;
       emit("update:modelValue", value);
       emit("input", event);
@@ -182,7 +192,7 @@ var Input = vue.defineComponent({
       localValue.value = "";
       emit("update:modelValue", "");
       emit("clear");
-      inputRef.value?.focus();
+      _optionalChain([inputRef, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.focus, 'call', _7 => _7()]);
     };
     const togglePasswordVisibility = () => {
       passwordVisible.value = !passwordVisible.value;
@@ -195,16 +205,16 @@ var Input = vue.defineComponent({
       const suffixNodes = [];
       if (activeError.value) {
         suffixNodes.push(
-          vue.h("div", { id: errorMsgId, class: tigercatCore.getInputErrorClasses(props.size) }, props.errorMessage)
+          _vue.h.call(void 0, "div", { id: errorMsgId, class: _tigercatcore.getInputErrorClasses.call(void 0, props.size) }, props.errorMessage)
         );
       } else {
         if (showClear) {
           suffixNodes.push(
-            vue.h(
+            _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
-                class: tigercatCore.getInputClearButtonClasses(props.size),
+                class: _tigercatcore.getInputClearButtonClasses.call(void 0, props.size),
                 onClick: handleClear,
                 "aria-label": "Clear input",
                 tabindex: -1
@@ -215,11 +225,11 @@ var Input = vue.defineComponent({
         }
         if (showPasswordToggle) {
           suffixNodes.push(
-            vue.h(
+            _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
-                class: tigercatCore.getInputPasswordToggleClasses(props.size),
+                class: _tigercatcore.getInputPasswordToggleClasses.call(void 0, props.size),
                 onClick: togglePasswordVisibility,
                 "aria-label": passwordVisible.value ? "Hide password" : "Show password",
                 tabindex: -1
@@ -230,21 +240,21 @@ var Input = vue.defineComponent({
         }
         if (!showClear && !showPasswordToggle && hasSuffix.value) {
           suffixNodes.push(
-            vue.h(
+            _vue.h.call(void 0, 
               "div",
-              { class: tigercatCore.getInputAffixClasses("suffix", props.size) },
+              { class: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", props.size) },
               slots.suffix ? slots.suffix() : props.suffix
             )
           );
         }
       }
       const wrapperChildren = [
-        hasPrefix.value && vue.h(
+        hasPrefix.value && _vue.h.call(void 0, 
           "div",
-          { class: tigercatCore.getInputAffixClasses("prefix", props.size) },
+          { class: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", props.size) },
           slots.prefix ? slots.prefix() : props.prefix
         ),
-        vue.h("input", {
+        _vue.h.call(void 0, "input", {
           ...restAttrs,
           ref: inputRef,
           class: inputClasses.value,
@@ -270,14 +280,14 @@ var Input = vue.defineComponent({
         ...suffixNodes
       ];
       const nodes = [
-        vue.h(
+        _vue.h.call(void 0, 
           "div",
           {
             ref: wrapperRef,
-            class: tigercatCore.classNames(
-              tigercatCore.getInputWrapperClasses(),
+            class: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.getInputWrapperClasses.call(void 0, ),
               props.className,
-              tigercatCore.coerceClassValue(attrClass)
+              _tigercatcore.coerceClassValue.call(void 0, attrClass)
             ),
             style: [attrStyle, props.style],
             onAnimationend: handleAnimationEnd
@@ -289,13 +299,15 @@ var Input = vue.defineComponent({
         const count = currentValStr.length;
         const isOver = props.maxLength !== void 0 && count > props.maxLength;
         const countText = props.maxLength !== void 0 ? `${count} / ${props.maxLength}` : `${count}`;
-        nodes.push(vue.h("div", { class: tigercatCore.getInputCountClasses(isOver) }, countText));
+        nodes.push(_vue.h.call(void 0, "div", { class: _tigercatcore.getInputCountClasses.call(void 0, isOver) }, countText));
       }
-      return nodes.length === 1 ? nodes[0] : vue.h("div", null, nodes);
+      return nodes.length === 1 ? nodes[0] : _vue.h.call(void 0, "div", null, nodes);
     };
   }
 });
 var Input_default = Input;
 
-exports.Input = Input;
-exports.Input_default = Input_default;
+
+
+
+exports.Input = Input; exports.Input_default = Input_default;

package/dist/chunk-BZBVSB43.js

@@ -1,10 +1,17 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Rate.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Rate.ts
-var Rate = vue.defineComponent({
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Rate = _vue.defineComponent.call(void 0, {
   name: "TigerRate",
   props: {
     modelValue: { type: Number, default: 0 },
@@ -17,8 +24,8 @@ var Rate = vue.defineComponent({
   },
   emits: ["update:modelValue", "change", "hover-change"],
   setup(props, { emit, attrs }) {
-    const hoverValue = vue.ref(0);
-    const displayValue = vue.computed(
+    const hoverValue = _vue.ref.call(void 0, 0);
+    const displayValue = _vue.computed.call(void 0, 
       () => hoverValue.value > 0 ? hoverValue.value : props.modelValue
     );
     function getStarValue(index, isHalf) {
@@ -57,58 +64,58 @@ var Rate = vue.defineComponent({
         const full = displayValue.value >= i + 1;
         const half = props.allowHalf && !full && displayValue.value >= i + 0.5;
         const isHovering = hoverValue.value > 0;
-        const colorClass = full || half ? isHovering ? tigercatCore.rateHoverColor : tigercatCore.rateActiveColor : tigercatCore.rateInactiveColor;
-        const starContent = isChar ? vue.h("span", null, props.character) : vue.h(
+        const colorClass = full || half ? isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor : _tigercatcore.rateInactiveColor;
+        const starContent = isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
           "svg",
           {
-            viewBox: tigercatCore.starViewBox,
+            viewBox: _tigercatcore.starViewBox,
             fill: "currentColor",
             class: "w-full h-full"
           },
-          [vue.h("path", { d: tigercatCore.starPathD })]
+          [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
         );
         const children = half ? [
           // Inactive background (full star)
-          vue.h("span", { class: tigercatCore.classNames("absolute inset-0", tigercatCore.rateInactiveColor) }, [
-            isChar ? vue.h("span", null, props.character) : vue.h(
+          _vue.h.call(void 0, "span", { class: _tigercatcore.classNames.call(void 0, "absolute inset-0", _tigercatcore.rateInactiveColor) }, [
+            isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
               "svg",
               {
-                viewBox: tigercatCore.starViewBox,
+                viewBox: _tigercatcore.starViewBox,
                 fill: "currentColor",
                 class: "w-full h-full"
               },
-              [vue.h("path", { d: tigercatCore.starPathD })]
+              [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
             )
           ]),
           // Active half (clipped left 50%)
-          vue.h(
+          _vue.h.call(void 0, 
             "span",
             {
-              class: tigercatCore.classNames(
+              class: _tigercatcore.classNames.call(void 0, 
                 "absolute inset-0 overflow-hidden",
-                isHovering ? tigercatCore.rateHoverColor : tigercatCore.rateActiveColor
+                isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor
               ),
               style: { width: "50%" }
             },
             [
-              isChar ? vue.h("span", null, props.character) : vue.h(
+              isChar ? _vue.h.call(void 0, "span", null, props.character) : _vue.h.call(void 0, 
                 "svg",
                 {
-                  viewBox: tigercatCore.starViewBox,
+                  viewBox: _tigercatcore.starViewBox,
                   fill: "currentColor",
                   class: "w-full h-full"
                 },
-                [vue.h("path", { d: tigercatCore.starPathD })]
+                [_vue.h.call(void 0, "path", { d: _tigercatcore.starPathD })]
               )
             ]
           )
-        ] : [vue.h("span", { class: colorClass }, [starContent])];
+        ] : [_vue.h.call(void 0, "span", { class: colorClass }, [starContent])];
         stars.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "span",
             {
               key: i,
-              class: tigercatCore.getRateStarClasses(props.size, isChar, props.disabled),
+              class: _tigercatcore.getRateStarClasses.call(void 0, props.size, isChar, props.disabled),
               role: "radio",
               "aria-checked": full || half,
               "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
@@ -120,10 +127,10 @@ var Rate = vue.defineComponent({
           )
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.classNames(tigercatCore.rateBaseClasses, tigercatCore.coerceClassValue(attrs.class)),
+          class: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
           role: "radiogroup",
           "aria-label": "Rating"
         },
@@ -134,5 +141,7 @@ var Rate = vue.defineComponent({
 });
 var Rate_default = Rate;
 
-exports.Rate = Rate;
-exports.Rate_default = Rate_default;
+
+
+
+exports.Rate = Rate; exports.Rate_default = Rate_default;

package/dist/{chunk-GMYSHJCU.mjs → chunk-C7VGTRHE.mjs}

@@ -1,7 +1,20 @@
-import { defineComponent, ref, computed, h } from 'vue';
-import { calculateVirtualRange, classNames, getVirtualTableContainerClasses, coerceClassValue, virtualTableHeaderCellClasses, virtualTableHeaderClasses, getVirtualRowKey, virtualTableCellClasses, getVirtualTableRowClasses, virtualTableEmptyClasses, virtualTableLoadingClasses } from '@expcat/tigercat-core';
-
 // src/components/VirtualTable.ts
+import { defineComponent, h, ref, computed } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  calculateVirtualRange,
+  getVirtualTableContainerClasses,
+  getVirtualTableRowClasses,
+  getVirtualRowKey,
+  getVirtualTableFixedInfo,
+  getVirtualTableFixedCellStyle,
+  virtualTableHeaderClasses,
+  virtualTableHeaderCellClasses,
+  virtualTableCellClasses,
+  virtualTableEmptyClasses,
+  virtualTableLoadingClasses
+} from "@expcat/tigercat-core";
 var VirtualTable = defineComponent({
   name: "TigerVirtualTable",
   inheritAttrs: false,
@@ -59,18 +72,22 @@ var VirtualTable = defineComponent({
       )
     );
     const selectedSet = computed(() => new Set(props.selectedKeys));
+    const fixedInfo = computed(() => getVirtualTableFixedInfo(props.columns));
     return () => {
-      const headerCells = props.columns.map(
-        (col) => h(
+      const fi = fixedInfo.value;
+      const headerCells = props.columns.map((col) => {
+        const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+        const stickyStyle = getVirtualTableFixedCellStyle(col.key, fi);
+        return h(
           "th",
           {
             key: col.key,
             class: virtualTableHeaderCellClasses,
-            style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0
+            style: { ...widthStyle, ...stickyStyle }
           },
           col.title ?? ""
-        )
-      );
+        );
+      });
       const headerRow = h("tr", {}, headerCells);
       const thead = h(
         "thead",
@@ -90,7 +107,8 @@ var VirtualTable = defineComponent({
             "td",
             {
               key: col.key,
-              class: virtualTableCellClasses
+              class: virtualTableCellClasses,
+              style: getVirtualTableFixedCellStyle(col.key, fi)
             },
             String(row[col.key] ?? "")
           )
@@ -140,4 +158,7 @@ var VirtualTable = defineComponent({
 });
 var VirtualTable_default = VirtualTable;
 
-export { VirtualTable, VirtualTable_default };
+export {
+  VirtualTable,
+  VirtualTable_default
+};