@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-5X3GXNGM.mjs

@@ -1,7 +1,27 @@
-import { defineComponent, ref, watch, computed, onMounted, onBeforeUnmount, h } from 'vue';
-import { createRafRepeatActionController, isAtMin, isAtMax, classNames, getInputNumberWrapperClasses, getInputNumberStatusClasses, getInputNumberSizeClasses, getInputNumberFocusRingColor, coerceClassValue, getInputNumberInputClasses, getInputNumberSideButtonClasses, inputNumberMinusIconPathD, inputNumberPlusIconPathD, inputNumberControlsRightClasses, getInputNumberStepButtonClasses, inputNumberUpIconPathD, inputNumberDownIconPathD, stepValue, clampValue, formatPrecision } from '@expcat/tigercat-core';
-
 // src/components/InputNumber.ts
+import { defineComponent, computed, ref, watch, h, onMounted, onBeforeUnmount } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getInputNumberWrapperClasses,
+  getInputNumberStatusClasses,
+  getInputNumberFocusRingColor,
+  getInputNumberSizeClasses,
+  getInputNumberInputClasses,
+  getInputNumberStepButtonClasses,
+  getInputNumberSideButtonClasses,
+  inputNumberControlsRightClasses,
+  inputNumberUpIconPathD,
+  inputNumberDownIconPathD,
+  inputNumberMinusIconPathD,
+  inputNumberPlusIconPathD,
+  clampValue,
+  stepValue,
+  formatPrecision,
+  isAtMin,
+  isAtMax,
+  createRafRepeatActionController
+} from "@expcat/tigercat-core";
 var InputNumber = defineComponent({
   name: "TigerInputNumber",
   inheritAttrs: false,
@@ -373,4 +393,7 @@ var InputNumber = defineComponent({
 });
 var InputNumber_default = InputNumber;
 
-export { InputNumber, InputNumber_default };
+export {
+  InputNumber,
+  InputNumber_default
+};

package/dist/{chunk-YQRRW4ZR.mjs → chunk-5ZAIW5W3.mjs}

@@ -1,6 +1,9 @@
-import { TaskBoard } from './chunk-G2IZAKJY.mjs';
-import { defineComponent, h } from 'vue';
+import {
+  TaskBoard
+} from "./chunk-CN7HFUFN.mjs";
 
+// src/components/Kanban.ts
+import { defineComponent, h } from "vue";
 var Kanban = defineComponent({
   name: "TigerKanban",
   inheritAttrs: false,
@@ -84,4 +87,7 @@ var Kanban = defineComponent({
 });
 var Kanban_default = Kanban;
 
-export { Kanban, Kanban_default };
+export {
+  Kanban,
+  Kanban_default
+};

package/dist/chunk-6CSTMVB2.js

@@ -0,0 +1,470 @@
+"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 _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+
+
+
+
+
+var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+
+// src/components/Modal.ts
+
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var modalIdCounter = 0;
+var createModalId = () => `tiger-modal-${++modalIdCounter}`;
+var Modal = _vue.defineComponent.call(void 0, {
+  name: "TigerModal",
+  inheritAttrs: false,
+  props: {
+    /**
+     * Whether the modal is open
+     * @default false
+     */
+    open: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Modal size
+     * @default 'md'
+     */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /**
+     * Custom width (overrides size)
+     */
+    width: {
+      type: [String, Number],
+      default: void 0
+    },
+    /**
+     * Modal title
+     */
+    title: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Whether to show the close button
+     * @default true
+     */
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether to show the mask (overlay)
+     * @default true
+     */
+    mask: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether clicking the mask should close the modal
+     * @default true
+     */
+    maskClosable: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether the modal should be centered vertically
+     * @default false
+     */
+    centered: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Whether to render as a mobile bottom sheet below the md breakpoint
+     * @default false
+     */
+    mobileSheet: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Whether to destroy the modal content when closed
+     * @default false
+     */
+    destroyOnClose: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * z-index of the modal
+     * @default 1000
+     */
+    zIndex: {
+      type: Number,
+      default: 1e3
+    },
+    /**
+     * Custom class name
+     */
+    className: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Custom inline style
+     */
+    style: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Close button aria-label
+     * @default 'Close'
+     */
+    closeAriaLabel: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Default OK button text (used in default footer)
+     * @default '确定'
+     */
+    okText: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Default Cancel button text (used in default footer)
+     * @default '取消'
+     */
+    cancelText: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Locale overrides for common texts
+     */
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Whether to render a default footer when no `footer` slot is provided
+     * @default false
+     */
+    showDefaultFooter: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Disable teleport (useful for testing)
+     * @default false
+     * @internal
+     */
+    disableTeleport: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Whether the modal is draggable by its header
+     * @default false
+     */
+    draggable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:open", "close", "cancel", "ok"],
+  setup(props, { slots, emit, attrs }) {
+    const instanceId = _vue.ref.call(void 0, createModalId());
+    const hasBeenOpened = _vue.ref.call(void 0, props.open);
+    const dialogRef = _vue.ref.call(void 0, null);
+    const closeButtonRef = _vue.ref.call(void 0, null);
+    const previousActiveElement = _vue.ref.call(void 0, null);
+    let touchStartPoint = null;
+    let touchCurrentPoint = null;
+    const dragOffset = _vue.ref.call(void 0, { x: 0, y: 0 });
+    const isDragging = _vue.ref.call(void 0, false);
+    const dragStart = _vue.ref.call(void 0, { x: 0, y: 0 });
+    const handleDragMouseDown = (e) => {
+      if (!props.draggable) return;
+      isDragging.value = true;
+      dragStart.value = { x: e.clientX - dragOffset.value.x, y: e.clientY - dragOffset.value.y };
+      const onMouseMove = (ev) => {
+        dragOffset.value = { x: ev.clientX - dragStart.value.x, y: ev.clientY - dragStart.value.y };
+      };
+      const onMouseUp = () => {
+        isDragging.value = false;
+        document.removeEventListener("mousemove", onMouseMove);
+        document.removeEventListener("mouseup", onMouseUp);
+      };
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    };
+    const titleId = _vue.computed.call(void 0, () => `${instanceId.value}-title`);
+    const shouldRender = _vue.computed.call(void 0, () => {
+      if (props.open) return true;
+      if (props.destroyOnClose) return false;
+      return hasBeenOpened.value;
+    });
+    const handleClose = () => {
+      emit("update:open", false);
+      emit("cancel");
+    };
+    const handleOk = () => {
+      emit("ok");
+      emit("update:open", false);
+    };
+    const handleMaskClick = (event) => {
+      if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, props.maskClosable)) {
+        handleClose();
+      }
+    };
+    const resetTouchGesture = () => {
+      touchStartPoint = null;
+      touchCurrentPoint = null;
+    };
+    const handleTouchStart = (event) => {
+      if (!props.open || !props.mobileSheet) return;
+      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
+      touchStartPoint = point;
+      touchCurrentPoint = point;
+    };
+    const handleTouchMove = (event) => {
+      if (!touchStartPoint) return;
+      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
+      if (point) {
+        touchCurrentPoint = point;
+      }
+    };
+    const handleTouchEnd = (event) => {
+      const gesture = _tigercatcore.resolveSwipeGesture.call(void 0, 
+        touchStartPoint,
+        _nullishCoalesce(_tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches), () => ( touchCurrentPoint)),
+        { minDistance: 48, minVelocity: 0.15 }
+      );
+      resetTouchGesture();
+      if (props.mobileSheet && _tigercatcore.isModalSheetSwipeCloseGesture.call(void 0, gesture)) {
+        handleClose();
+      }
+    };
+    const overlayOpen = _vue.computed.call(void 0, () => props.open);
+    let cleanupEscape;
+    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, overlayOpen);
+    _chunkJDCVS4SJjs.useVueFocusTrap.call(void 0, { enabled: overlayOpen, containerRef: dialogRef });
+    _vue.onMounted.call(void 0, () => {
+      cleanupEscape = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, { enabled: overlayOpen, onEscape: handleClose });
+    });
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([cleanupEscape, 'optionalCall', _ => _()]);
+    });
+    _vue.watch.call(void 0, 
+      () => props.open,
+      async (nextVisible) => {
+        if (nextVisible) {
+          hasBeenOpened.value = true;
+          const active = document.activeElement;
+          previousActiveElement.value = active instanceof HTMLElement ? active : null;
+          await _vue.nextTick.call(void 0, );
+          const el = _nullishCoalesce(closeButtonRef.value, () => ( dialogRef.value));
+          _optionalChain([el, 'optionalAccess', _2 => _2.focus, 'optionalCall', _3 => _3()]);
+        } else {
+          emit("close");
+          _optionalChain([previousActiveElement, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.focus, 'optionalCall', _6 => _6()]);
+          dragOffset.value = { x: 0, y: 0 };
+        }
+      }
+    );
+    const contentClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getModalContentClasses.call(void 0, props.size, props.className, props.mobileSheet);
+    });
+    const containerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getModalContainerClasses.call(void 0, props.centered);
+    });
+    const CloseIcon = _vue.h.call(void 0, 
+      "svg",
+      {
+        class: "h-5 w-5",
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: _tigercatcore.closeIconViewBox,
+        stroke: "currentColor"
+      },
+      [
+        _vue.h.call(void 0, "path", {
+          "stroke-linecap": _tigercatcore.closeIconPathStrokeLinecap,
+          "stroke-linejoin": _tigercatcore.closeIconPathStrokeLinejoin,
+          "stroke-width": _tigercatcore.closeIconPathStrokeWidth,
+          d: _tigercatcore.closeIconPathD
+        })
+      ]
+    );
+    return () => {
+      if (!shouldRender.value) {
+        return null;
+      }
+      const forwardedAttrs = Object.fromEntries(
+        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
+      );
+      const ariaLabelledbyFromAttrs = typeof attrs["aria-labelledby"] === "string" ? attrs["aria-labelledby"] : void 0;
+      const ariaLabelledby = _nullishCoalesce(ariaLabelledbyFromAttrs, () => ( (props.title || slots.title ? titleId.value : void 0)));
+      const mergedClass = _tigercatcore.classNames.call(void 0, contentClasses.value, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
+      const widthStyle = props.width ? {
+        width: typeof props.width === "number" ? `${props.width}px` : props.width,
+        maxWidth: "100%"
+      } : void 0;
+      const mergedStyle = _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style, widthStyle);
+      const dragStyle = props.draggable && (dragOffset.value.x !== 0 || dragOffset.value.y !== 0) ? { transform: `translate(${dragOffset.value.x}px, ${dragOffset.value.y}px)` } : void 0;
+      const finalStyle = _tigercatcore.mergeStyleValues.call(void 0, mergedStyle, dragStyle);
+      const header = props.title || slots.title || props.closable ? _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.modalHeaderClasses,
+          onMousedown: props.draggable ? handleDragMouseDown : void 0,
+          style: props.draggable ? "cursor: grab; user-select: none" : void 0
+        },
+        [
+          props.title || slots.title ? _vue.h.call(void 0, 
+            "h3",
+            {
+              id: titleId.value,
+              class: _tigercatcore.modalTitleClasses
+            },
+            slots.title ? slots.title() : props.title
+          ) : null,
+          props.closable ? _vue.h.call(void 0, 
+            "button",
+            {
+              type: "button",
+              class: _tigercatcore.modalCloseButtonClasses,
+              onClick: handleClose,
+              "aria-label": _tigercatcore.resolveLocaleText.call(void 0, 
+                "Close",
+                props.closeAriaLabel,
+                _optionalChain([props, 'access', _7 => _7.locale, 'optionalAccess', _8 => _8.modal, 'optionalAccess', _9 => _9.closeAriaLabel]),
+                _optionalChain([props, 'access', _10 => _10.locale, 'optionalAccess', _11 => _11.common, 'optionalAccess', _12 => _12.closeText])
+              ),
+              ref: closeButtonRef
+            },
+            CloseIcon
+          ) : null
+        ]
+      ) : null;
+      const body = slots.default ? _vue.h.call(void 0, "div", { class: _tigercatcore.modalBodyClasses }, slots.default()) : null;
+      const footer = slots.footer ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "" },
+        slots.footer({ ok: handleOk, cancel: handleClose })
+      ) : props.showDefaultFooter ? _vue.h.call(void 0, "div", { class: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "" }, [
+        _vue.h.call(void 0, 
+          _chunk4VLNT2EDjs.Button,
+          { variant: "secondary", onClick: handleClose },
+          {
+            default: () => _tigercatcore.resolveLocaleText.call(void 0, 
+              "\u53D6\u6D88",
+              props.cancelText,
+              _optionalChain([props, 'access', _13 => _13.locale, 'optionalAccess', _14 => _14.modal, 'optionalAccess', _15 => _15.cancelText]),
+              _optionalChain([props, 'access', _16 => _16.locale, 'optionalAccess', _17 => _17.common, 'optionalAccess', _18 => _18.cancelText])
+            )
+          }
+        ),
+        _vue.h.call(void 0, 
+          _chunk4VLNT2EDjs.Button,
+          { onClick: handleOk },
+          {
+            default: () => _tigercatcore.resolveLocaleText.call(void 0, 
+              "\u786E\u5B9A",
+              props.okText,
+              _optionalChain([props, 'access', _19 => _19.locale, 'optionalAccess', _20 => _20.modal, 'optionalAccess', _21 => _21.okText]),
+              _optionalChain([props, 'access', _22 => _22.locale, 'optionalAccess', _23 => _23.common, 'optionalAccess', _24 => _24.okText])
+            )
+          }
+        )
+      ]) : null;
+      const renderedWrapper = _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.modalWrapperClasses,
+          style: { zIndex: props.zIndex },
+          hidden: !props.open,
+          "aria-hidden": !props.open ? "true" : void 0,
+          "data-tiger-modal-root": ""
+        },
+        [
+          props.mask && _vue.h.call(void 0, "div", {
+            class: _tigercatcore.modalMaskClasses,
+            "aria-hidden": "true",
+            "data-tiger-modal-mask": ""
+          }),
+          _vue.h.call(void 0, 
+            "div",
+            {
+              class: containerClasses.value,
+              onClick: handleMaskClick
+            },
+            [
+              _vue.h.call(void 0, 
+                "div",
+                {
+                  ...forwardedAttrs,
+                  class: mergedClass,
+                  style: finalStyle,
+                  role: "dialog",
+                  "aria-modal": "true",
+                  "aria-labelledby": ariaLabelledby,
+                  tabindex: -1,
+                  ref: dialogRef,
+                  onTouchstart: handleTouchStart,
+                  onTouchmove: handleTouchMove,
+                  onTouchend: handleTouchEnd,
+                  onTouchcancel: resetTouchGesture,
+                  "data-tiger-modal": ""
+                },
+                [header, body, footer]
+              )
+            ]
+          )
+        ]
+      );
+      return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, [renderedWrapper], props.disableTeleport);
+    };
+  }
+});
+var Modal_default = Modal;
+
+
+
+
+exports.Modal = Modal; exports.Modal_default = Modal_default;

package/dist/chunk-6FXYRDYH.js

@@ -1,10 +1,13 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Textarea.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Textarea.ts
-var Textarea = vue.defineComponent({
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Textarea = _vue.defineComponent.call(void 0, {
   name: "TigerTextarea",
   inheritAttrs: false,
   props: {
@@ -144,30 +147,30 @@ var Textarea = vue.defineComponent({
     blur: null
   },
   setup(props, { emit, attrs }) {
-    const textareaRef = vue.ref(null);
-    const localValue = vue.ref(props.modelValue ?? "");
-    vue.watch(
+    const textareaRef = _vue.ref.call(void 0, null);
+    const localValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( "")));
+    _vue.watch.call(void 0, 
       () => props.modelValue,
       (newValue) => {
-        const next = newValue ?? "";
+        const next = _nullishCoalesce(newValue, () => ( ""));
         if (next !== localValue.value) {
           localValue.value = next;
         }
       }
     );
-    const textareaClasses = vue.computed(
-      () => tigercatCore.classNames(
+    const textareaClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
         "block",
-        tigercatCore.getInputClasses({ size: props.size }),
+        _tigercatcore.getInputClasses.call(void 0, { size: props.size }),
         props.autoResize ? "resize-none" : "resize-y",
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const currentLength = vue.computed(() => localValue.value.length);
+    const currentLength = _vue.computed.call(void 0, () => localValue.value.length);
     const adjustHeight = () => {
       if (!props.autoResize || !textareaRef.value) return;
-      tigercatCore.autoResizeTextarea(textareaRef.value, {
+      _tigercatcore.autoResizeTextarea.call(void 0, textareaRef.value, {
         minRows: props.minRows,
         maxRows: props.maxRows
       });
@@ -188,20 +191,20 @@ var Textarea = vue.defineComponent({
     const handleBlur = (event) => {
       emit("blur", event);
     };
-    vue.watch([localValue, () => props.autoResize, () => props.minRows, () => props.maxRows], () => {
+    _vue.watch.call(void 0, [localValue, () => props.autoResize, () => props.minRows, () => props.maxRows], () => {
       if (!props.autoResize) return;
-      vue.nextTick(adjustHeight);
+      _vue.nextTick.call(void 0, adjustHeight);
     });
-    vue.onMounted(() => {
-      if (props.autoResize) vue.nextTick(adjustHeight);
+    _vue.onMounted.call(void 0, () => {
+      if (props.autoResize) _vue.nextTick.call(void 0, adjustHeight);
     });
     return () => {
       const children = [
-        vue.h("textarea", {
+        _vue.h.call(void 0, "textarea", {
           ...attrs,
           ref: textareaRef,
           class: textareaClasses.value,
-          style: tigercatCore.mergeStyleValues(attrs.style, props.style),
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style),
           value: localValue.value,
           disabled: props.disabled,
           readonly: props.readonly,
@@ -223,7 +226,7 @@ var Textarea = vue.defineComponent({
       if (props.showCount) {
         const countText = props.maxLength ? `${currentLength.value}/${props.maxLength}` : `${currentLength.value}`;
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               class: "mt-1 text-sm text-gray-500 text-right"
@@ -232,11 +235,13 @@ var Textarea = vue.defineComponent({
           )
         );
       }
-      return vue.h("div", { class: "w-full" }, children);
+      return _vue.h.call(void 0, "div", { class: "w-full" }, children);
     };
   }
 });
 var Textarea_default = Textarea;
 
-exports.Textarea = Textarea;
-exports.Textarea_default = Textarea_default;
+
+
+
+exports.Textarea = Textarea; exports.Textarea_default = Textarea_default;