@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/{chunk-QV7XYS5P.js → chunk-KOLARHCT.js}

@@ -1,12 +1,29 @@
-'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; }
 
-var chunkJTTSX3NM_js = require('./chunk-JTTSX3NM.js');
-var chunkGAWIICIB_js = require('./chunk-GAWIICIB.js');
-var chunk5436FG3B_js = require('./chunk-5436FG3B.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunk6CSTMVB2js = require('./chunk-6CSTMVB2.js');
 
-var CropUpload = vue.defineComponent({
+
+var _chunkWUEP3PFNjs = require('./chunk-WUEP3PFN.js');
+
+
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+
+// src/components/CropUpload.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var CropUpload = _vue.defineComponent.call(void 0, {
   name: "TigerCropUpload",
   inheritAttrs: false,
   props: {
@@ -27,26 +44,26 @@ var CropUpload = vue.defineComponent({
   },
   emits: ["crop-complete", "error"],
   setup(props, { slots, emit, attrs }) {
-    const fileInputRef = vue.ref(null);
-    const modalVisible = vue.ref(false);
-    const imageSrc = vue.ref("");
-    const cropperRef = vue.ref(null);
-    const cropping = vue.ref(false);
+    const fileInputRef = _vue.ref.call(void 0, null);
+    const modalVisible = _vue.ref.call(void 0, false);
+    const imageSrc = _vue.ref.call(void 0, "");
+    const cropperRef = _vue.ref.call(void 0, null);
+    const cropping = _vue.ref.call(void 0, false);
     const handleTriggerClick = () => {
       if (props.disabled) return;
-      fileInputRef.value?.click();
+      _optionalChain([fileInputRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.click, 'call', _3 => _3()]);
     };
     const handleFileChange = (e) => {
       const input = e.target;
-      const file = input.files?.[0];
+      const file = _optionalChain([input, 'access', _4 => _4.files, 'optionalAccess', _5 => _5[0]]);
       if (!file) return;
-      const sizeError = tigercatCore.validateUploadFile(file, props.maxSize);
+      const sizeError = _tigercatcore.validateUploadFile.call(void 0, file, props.maxSize);
       if (sizeError) {
         emit("error", sizeError);
         input.value = "";
         return;
       }
-      tigercatCore.readFileAsDataUrl(file).then((url) => {
+      _tigercatcore.readFileAsDataUrl.call(void 0, file).then((url) => {
         imageSrc.value = url;
         modalVisible.value = true;
       }).catch((err) => emit("error", err));
@@ -56,7 +73,7 @@ var CropUpload = vue.defineComponent({
       if (!cropperRef.value) return;
       cropping.value = true;
       try {
-        const result = await tigercatCore.getCropperResult(
+        const result = await _tigercatcore.getCropperResult.call(void 0, 
           cropperRef.value
         );
         if (result) {
@@ -73,28 +90,28 @@ var CropUpload = vue.defineComponent({
       modalVisible.value = false;
       imageSrc.value = "";
     };
-    const triggerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        props.disabled ? tigercatCore.cropUploadTriggerDisabledClasses : tigercatCore.cropUploadTriggerClasses,
+    const triggerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        props.disabled ? _tigercatcore.cropUploadTriggerDisabledClasses : _tigercatcore.cropUploadTriggerClasses,
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const triggerStyle = vue.computed(
-      () => tigercatCore.mergeStyleValues(attrs.style, props.style)
+    const triggerStyle = _vue.computed.call(void 0, 
+      () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
     );
     return () => {
       const forwardedAttrs = Object.fromEntries(
         Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
       );
-      const fileInput = vue.h("input", {
+      const fileInput = _vue.h.call(void 0, "input", {
         ref: fileInputRef,
         type: "file",
         accept: props.accept,
         style: { display: "none" },
         onChange: handleFileChange
       });
-      const trigger = slots.default ? vue.h(
+      const trigger = slots.default ? _vue.h.call(void 0, 
         "div",
         {
           ...forwardedAttrs,
@@ -106,14 +123,14 @@ var CropUpload = vue.defineComponent({
           "aria-label": "Select image to crop and upload",
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
-            if (tigercatCore.isActivationKey(e)) {
+            if (_tigercatcore.isActivationKey.call(void 0, e)) {
               e.preventDefault();
               handleTriggerClick();
             }
           }
         },
         slots.default()
-      ) : vue.h(
+      ) : _vue.h.call(void 0, 
         "div",
         {
           ...forwardedAttrs,
@@ -125,14 +142,14 @@ var CropUpload = vue.defineComponent({
           "aria-label": "Select image to crop and upload",
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
-            if (tigercatCore.isActivationKey(e)) {
+            if (_tigercatcore.isActivationKey.call(void 0, e)) {
               e.preventDefault();
               handleTriggerClick();
             }
           }
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "svg",
             {
               class: "w-5 h-5",
@@ -142,19 +159,19 @@ var CropUpload = vue.defineComponent({
               stroke: "currentColor"
             },
             [
-              vue.h("path", {
+              _vue.h.call(void 0, "path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
-                d: tigercatCore.uploadPlusIconPath
+                d: _tigercatcore.uploadPlusIconPath
               })
             ]
           ),
-          vue.h("span", null, "\u9009\u62E9\u56FE\u7247")
+          _vue.h.call(void 0, "span", null, "\u9009\u62E9\u56FE\u7247")
         ]
       );
-      const modal = vue.h(
-        chunkJTTSX3NM_js.Modal,
+      const modal = _vue.h.call(void 0, 
+        _chunk6CSTMVB2js.Modal,
         {
           open: modalVisible.value,
           size: "lg",
@@ -167,26 +184,28 @@ var CropUpload = vue.defineComponent({
           }
         },
         {
-          default: () => imageSrc.value ? vue.h(chunkGAWIICIB_js.ImageCropper, {
+          default: () => imageSrc.value ? _vue.h.call(void 0, _chunkWUEP3PFNjs.ImageCropper, {
             ref: cropperRef,
             src: imageSrc.value,
             ...props.cropperProps
           }) : null,
-          footer: ({ cancel: _cancel }) => vue.h("div", { class: tigercatCore.modalFooterClasses }, [
-            vue.h(chunk5436FG3B_js.Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
-            vue.h(
-              chunk5436FG3B_js.Button,
+          footer: ({ cancel: _cancel }) => _vue.h.call(void 0, "div", { class: _tigercatcore.modalFooterClasses }, [
+            _vue.h.call(void 0, _chunk4VLNT2EDjs.Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
+            _vue.h.call(void 0, 
+              _chunk4VLNT2EDjs.Button,
               { onClick: handleConfirm, loading: cropping.value },
               { default: () => "\u786E\u8BA4\u88C1\u526A" }
             )
           ])
         }
       );
-      return vue.h("div", { class: "tiger-crop-upload inline-block" }, [fileInput, trigger, modal]);
+      return _vue.h.call(void 0, "div", { class: "tiger-crop-upload inline-block" }, [fileInput, trigger, modal]);
     };
   }
 });
 var CropUpload_default = CropUpload;
 
-exports.CropUpload = CropUpload;
-exports.CropUpload_default = CropUpload_default;
+
+
+
+exports.CropUpload = CropUpload; exports.CropUpload_default = CropUpload_default;

package/dist/chunk-KOTSKHPQ.mjs

@@ -1,7 +1,19 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, getCardClasses, cardDirectionClasses, cardSizeClasses, mergeStyleValues, coerceClassValue, cardCoverWrapperClasses, cardCoverClasses, cardActionsClasses, cardFooterClasses, cardHorizontalBodyClasses, cardHeaderClasses } from '@expcat/tigercat-core';
-
 // src/components/Card.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  getCardClasses,
+  cardSizeClasses,
+  cardHeaderClasses,
+  cardFooterClasses,
+  cardCoverWrapperClasses,
+  cardCoverClasses,
+  cardActionsClasses,
+  cardDirectionClasses,
+  cardHorizontalBodyClasses
+} from "@expcat/tigercat-core";
 var Card = defineComponent({
   name: "TigerCard",
   inheritAttrs: false,
@@ -122,4 +134,7 @@ var Card = defineComponent({
 });
 var Card_default = Card;
 
-export { Card, Card_default };
+export {
+  Card,
+  Card_default
+};

package/dist/{chunk-C6ER6OUB.mjs → chunk-KU2Q5V3L.mjs}

@@ -1,7 +1,31 @@
-import { CollapseContextKey } from './chunk-DVFDA2P2.mjs';
-import { defineComponent, inject, computed, ref, onMounted, watch, onBeforeUnmount, h } from 'vue';
-import { isPanelActive, getInitialCollapseContentStyle, classNames, getCollapsePanelClasses, coerceClassValue, getCollapsePanelHeaderClasses, getCollapseIconClasses, createCollapseTransitionController, collapseHeaderTextClasses, collapsePanelContentWrapperClasses, collapsePanelContentBaseClasses } from '@expcat/tigercat-core';
+import {
+  CollapseContextKey
+} from "./chunk-WE4DGU2T.mjs";
 
+// src/components/CollapsePanel.ts
+import {
+  defineComponent,
+  computed,
+  inject,
+  h,
+  ref,
+  onMounted,
+  onBeforeUnmount,
+  watch
+} from "vue";
+import {
+  classNames,
+  getCollapsePanelClasses,
+  getCollapsePanelHeaderClasses,
+  getCollapseIconClasses,
+  createCollapseTransitionController,
+  getInitialCollapseContentStyle,
+  collapseHeaderTextClasses,
+  collapsePanelContentWrapperClasses,
+  collapsePanelContentBaseClasses,
+  isPanelActive,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var CollapsePanel = defineComponent({
   name: "TigerCollapsePanel",
   props: {
@@ -188,4 +212,7 @@ var CollapsePanel = defineComponent({
 });
 var CollapsePanel_default = CollapsePanel;
 
-export { CollapsePanel, CollapsePanel_default };
+export {
+  CollapsePanel,
+  CollapsePanel_default
+};

package/dist/{chunk-TVDLZZNO.mjs → chunk-KVJIJJ4M.mjs}

@@ -1,7 +1,57 @@
-import { createFilledIcon } from './chunk-2TNZ4JNT.mjs';
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, h } from 'vue';
-import { ClockIconPath, TimePickerCloseIconPath, parseTime, getTimePickerLabels, getTimePeriodLabels, classNames, timePickerBaseClasses, coerceClassValue, mergeStyleValues, formatTimeDisplayWithLocale, generateHours, generateMinutes, generateSeconds, getTimePickerInputClasses, getTimePickerIconButtonClasses, timePickerInputWrapperClasses, timePickerClearButtonClasses, timePickerPanelClasses, timePickerRangeHeaderClasses, getTimePickerRangeTabButtonClasses, timePickerPanelContentClasses, timePickerColumnClasses, timePickerColumnHeaderClasses, timePickerColumnListClasses, to24HourFormat, getTimePickerOptionAriaLabel, getTimePickerItemClasses, padTwo, getTimePickerPeriodButtonClasses, timePickerFooterClasses, timePickerFooterButtonClasses, to12HourFormat, isTimeInRange, getCurrentTime, formatTime } from '@expcat/tigercat-core';
+import {
+  createFilledIcon
+} from "./chunk-2TNZ4JNT.mjs";
 
+// src/components/TimePicker.ts
+import {
+  defineComponent,
+  computed,
+  ref,
+  h,
+  nextTick,
+  watch,
+  onMounted,
+  onBeforeUnmount
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  parseTime,
+  formatTime,
+  formatTimeDisplayWithLocale,
+  getTimePeriodLabels,
+  getTimePickerLabels,
+  getTimePickerOptionAriaLabel,
+  to12HourFormat,
+  to24HourFormat,
+  isTimeInRange,
+  generateHours,
+  generateMinutes,
+  generateSeconds,
+  getCurrentTime,
+  padTwo,
+  timePickerBaseClasses,
+  timePickerInputWrapperClasses,
+  getTimePickerInputClasses,
+  getTimePickerIconButtonClasses,
+  timePickerClearButtonClasses,
+  timePickerPanelClasses,
+  timePickerDesktopPanelContentClasses,
+  timePickerMobileWheelClasses,
+  timePickerMobileWheelSelectClasses,
+  timePickerRangeHeaderClasses,
+  getTimePickerRangeTabButtonClasses,
+  timePickerColumnClasses,
+  timePickerColumnHeaderClasses,
+  timePickerColumnListClasses,
+  getTimePickerItemClasses,
+  getTimePickerPeriodButtonClasses,
+  timePickerFooterClasses,
+  timePickerFooterButtonClasses,
+  ClockIconPath,
+  TimePickerCloseIconPath
+} from "@expcat/tigercat-core";
 var ClockIcon = createFilledIcon(ClockIconPath, "w-5 h-5");
 var CloseIcon = createFilledIcon(TimePickerCloseIconPath, "w-4 h-4");
 var TimePicker = defineComponent({
@@ -562,7 +612,62 @@ var TimePicker = defineComponent({
               )
             ]),
             // Columns container
-            h("div", { class: timePickerPanelContentClasses }, [
+            h("div", { class: timePickerMobileWheelClasses }, [
+              h(
+                "select",
+                {
+                  class: timePickerMobileWheelSelectClasses,
+                  value: props.format === "12" ? to12HourFormat(selectedHours.value).hours : selectedHours.value,
+                  "aria-label": labels.value.hour,
+                  onChange: (event) => selectHour(Number(event.target.value))
+                },
+                hoursList.value.map(
+                  (hour) => h("option", { value: hour, disabled: isHourDisabled(hour) }, padTwo(hour))
+                )
+              ),
+              h(
+                "select",
+                {
+                  class: timePickerMobileWheelSelectClasses,
+                  value: selectedMinutes.value,
+                  "aria-label": labels.value.minute,
+                  onChange: (event) => selectMinute(Number(event.target.value))
+                },
+                minutesList.value.map(
+                  (minute) => h(
+                    "option",
+                    { value: minute, disabled: isMinuteDisabled(minute) },
+                    padTwo(minute)
+                  )
+                )
+              ),
+              props.showSeconds && h(
+                "select",
+                {
+                  class: timePickerMobileWheelSelectClasses,
+                  value: selectedSeconds.value,
+                  "aria-label": labels.value.second,
+                  onChange: (event) => selectSecond(Number(event.target.value))
+                },
+                secondsList.value.map(
+                  (second) => h("option", { value: second }, padTwo(second))
+                )
+              ),
+              props.format === "12" && h(
+                "select",
+                {
+                  class: timePickerMobileWheelSelectClasses,
+                  value: selectedPeriod.value,
+                  "aria-label": "Period",
+                  onChange: (event) => selectPeriod(event.target.value)
+                },
+                [
+                  h("option", { value: "AM" }, periodLabels.value.am),
+                  h("option", { value: "PM" }, periodLabels.value.pm)
+                ]
+              )
+            ]),
+            h("div", { class: timePickerDesktopPanelContentClasses }, [
               // Hours column
               h("div", { class: timePickerColumnClasses }, [
                 h("div", { class: timePickerColumnHeaderClasses }, labels.value.hour),
@@ -715,4 +820,7 @@ var TimePicker = defineComponent({
 });
 var TimePicker_default = TimePicker;
 
-export { TimePicker, TimePicker_default };
+export {
+  TimePicker,
+  TimePicker_default
+};

package/dist/{chunk-RKU54YLW.mjs → chunk-KY3O3FWK.mjs}

@@ -1,7 +1,42 @@
-import { defineComponent, ref, watch, computed, onMounted, onBeforeUnmount, h, Teleport } from 'vue';
-import { getPreviewNavState, calculateTransform, imagePreviewMaskClasses, imagePreviewImgClasses, imagePreviewCloseBtnClasses, imagePreviewToolbarClasses, imagePreviewToolbarBtnClasses, imageViewerIcons, imagePreviewCounterClasses, classNames, imagePreviewNavBtnClasses, imagePreviewWrapperClasses, clampScale, normalizeRotation, previewCloseIconPath, prevIconPath, nextIconPath, zoomOutIconPath, resetIconPath, zoomInIconPath } from '@expcat/tigercat-core';
-
 // src/components/ImagePreview.ts
+import {
+  defineComponent,
+  h,
+  Teleport,
+  ref,
+  computed,
+  watch,
+  onMounted,
+  onBeforeUnmount
+} from "vue";
+import {
+  classNames,
+  imagePreviewMaskClasses,
+  imagePreviewWrapperClasses,
+  imagePreviewImgClasses,
+  imagePreviewToolbarClasses,
+  imagePreviewToolbarBtnClasses,
+  imagePreviewNavBtnClasses,
+  imagePreviewCloseBtnClasses,
+  imagePreviewCounterClasses,
+  zoomInIconPath,
+  zoomOutIconPath,
+  resetIconPath,
+  prevIconPath,
+  nextIconPath,
+  previewCloseIconPath,
+  imageViewerIcons,
+  clampScale,
+  calculateTransform,
+  getPreviewNavState,
+  normalizeRotation,
+  createPanState,
+  startPan,
+  movePan,
+  createPinchState,
+  startPinch,
+  movePinch
+} from "@expcat/tigercat-core";
 var svgIcon = (d, cls = "w-5 h-5") => h(
   "svg",
   {
@@ -24,7 +59,7 @@ var ImagePreview = defineComponent({
   name: "TigerImagePreview",
   inheritAttrs: false,
   props: {
-    open: { type: Boolean, default: false },
+    open: { type: Boolean, default: void 0 },
     images: { type: Array, default: () => [] },
     currentIndex: { type: Number, default: 0 },
     zIndex: { type: Number, default: 1050 },
@@ -42,11 +77,15 @@ var ImagePreview = defineComponent({
     const index = ref(props.currentIndex);
     const dragging = ref(false);
     const dragStart = ref({ x: 0, y: 0, ox: 0, oy: 0 });
+    let panState = createPanState();
+    let pinchState = createPinchState();
     const resetTransform = () => {
       scale.value = 1;
       rotation.value = 0;
       offsetX.value = 0;
       offsetY.value = 0;
+      panState = createPanState();
+      pinchState = createPinchState();
     };
     watch(
       () => props.currentIndex,
@@ -55,7 +94,7 @@ var ImagePreview = defineComponent({
         resetTransform();
       }
     );
-    const isOpen = computed(() => props.open);
+    const isOpen = computed(() => props.open ?? false);
     watch(
       () => isOpen.value,
       (val) => {
@@ -129,6 +168,44 @@ var ImagePreview = defineComponent({
     const handleMouseUp = () => {
       dragging.value = false;
     };
+    const handleTouchStart = (e) => {
+      if (e.touches.length === 2) {
+        e.preventDefault();
+        pinchState = startPinch(e.touches[0], e.touches[1], scale.value);
+        return;
+      }
+      if (e.touches.length === 1) {
+        panState = startPan(
+          e.touches[0].clientX,
+          e.touches[0].clientY,
+          offsetX.value,
+          offsetY.value
+        );
+      }
+    };
+    const handleTouchMove = (e) => {
+      if (e.touches.length === 2 && pinchState.isPinching) {
+        e.preventDefault();
+        scale.value = movePinch(
+          pinchState,
+          e.touches[0],
+          e.touches[1],
+          props.minScale,
+          props.maxScale
+        );
+        emit("scale-change", scale.value);
+        return;
+      }
+      if (e.touches.length === 1 && panState.isPanning) {
+        const next = movePan(panState, e.touches[0].clientX, e.touches[0].clientY);
+        offsetX.value = next.translateX;
+        offsetY.value = next.translateY;
+      }
+    };
+    const handleTouchEnd = () => {
+      panState = createPanState();
+      pinchState = createPinchState();
+    };
     const handleMaskClick = (e) => {
       if (props.maskClosable && e.target === e.currentTarget) {
         handleClose();
@@ -174,7 +251,11 @@ var ImagePreview = defineComponent({
         onMousedown: handleMouseDown,
         onMousemove: handleMouseMove,
         onMouseup: handleMouseUp,
-        onMouseleave: handleMouseUp
+        onMouseleave: handleMouseUp,
+        onTouchstart: handleTouchStart,
+        onTouchmove: handleTouchMove,
+        onTouchend: handleTouchEnd,
+        onTouchcancel: handleTouchEnd
       });
       const closeBtn = h(
         "button",
@@ -280,4 +361,7 @@ var ImagePreview = defineComponent({
 });
 var ImagePreview_default = ImagePreview;
 
-export { ImagePreview, ImagePreview_default };
+export {
+  ImagePreview,
+  ImagePreview_default
+};