@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-JTTSX3NM.js

@@ -1,388 +0,0 @@
-'use strict';
-
-var chunk5436FG3B_js = require('./chunk-5436FG3B.js');
-var chunkJDCVS4SJ_js = require('./chunk-JDCVS4SJ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var modalIdCounter = 0;
-var createModalId = () => `tiger-modal-${++modalIdCounter}`;
-var Modal = vue.defineComponent({
-  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 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(createModalId());
-    const hasBeenOpened = vue.ref(props.open);
-    const dialogRef = vue.ref(null);
-    const closeButtonRef = vue.ref(null);
-    const previousActiveElement = vue.ref(null);
-    const dragOffset = vue.ref({ x: 0, y: 0 });
-    const isDragging = vue.ref(false);
-    const dragStart = vue.ref({ 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(() => `${instanceId.value}-title`);
-    const shouldRender = vue.computed(() => {
-      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(event, props.maskClosable)) {
-        handleClose();
-      }
-    };
-    const overlayOpen = vue.computed(() => props.open);
-    let cleanupEscape;
-    chunkJDCVS4SJ_js.useVueBodyScrollLock(overlayOpen);
-    chunkJDCVS4SJ_js.useVueFocusTrap({ enabled: overlayOpen, containerRef: dialogRef });
-    vue.onMounted(() => {
-      cleanupEscape = chunkJDCVS4SJ_js.useVueEscapeKey({ enabled: overlayOpen, onEscape: handleClose });
-    });
-    vue.onBeforeUnmount(() => {
-      cleanupEscape?.();
-    });
-    vue.watch(
-      () => props.open,
-      async (nextVisible) => {
-        if (nextVisible) {
-          hasBeenOpened.value = true;
-          const active = document.activeElement;
-          previousActiveElement.value = active instanceof HTMLElement ? active : null;
-          await vue.nextTick();
-          const el = closeButtonRef.value ?? dialogRef.value;
-          el?.focus?.();
-        } else {
-          emit("close");
-          previousActiveElement.value?.focus?.();
-          dragOffset.value = { x: 0, y: 0 };
-        }
-      }
-    );
-    const contentClasses = vue.computed(() => {
-      return tigercatCore.getModalContentClasses(props.size, props.className);
-    });
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.getModalContainerClasses(props.centered);
-    });
-    const CloseIcon = vue.h(
-      "svg",
-      {
-        class: "h-5 w-5",
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: tigercatCore.closeIconViewBox,
-        stroke: "currentColor"
-      },
-      [
-        vue.h("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 = ariaLabelledbyFromAttrs ?? (props.title || slots.title ? titleId.value : void 0);
-      const mergedClass = tigercatCore.classNames(contentClasses.value, tigercatCore.coerceClassValue(attrs.class));
-      const widthStyle = props.width ? {
-        width: typeof props.width === "number" ? `${props.width}px` : props.width,
-        maxWidth: "100%"
-      } : void 0;
-      const mergedStyle = tigercatCore.mergeStyleValues(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(mergedStyle, dragStyle);
-      const header = props.title || slots.title || props.closable ? vue.h(
-        "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(
-            "h3",
-            {
-              id: titleId.value,
-              class: tigercatCore.modalTitleClasses
-            },
-            slots.title ? slots.title() : props.title
-          ) : null,
-          props.closable ? vue.h(
-            "button",
-            {
-              type: "button",
-              class: tigercatCore.modalCloseButtonClasses,
-              onClick: handleClose,
-              "aria-label": tigercatCore.resolveLocaleText(
-                "Close",
-                props.closeAriaLabel,
-                props.locale?.modal?.closeAriaLabel,
-                props.locale?.common?.closeText
-              ),
-              ref: closeButtonRef
-            },
-            CloseIcon
-          ) : null
-        ]
-      ) : null;
-      const body = slots.default ? vue.h("div", { class: tigercatCore.modalBodyClasses }, slots.default()) : null;
-      const footer = slots.footer ? vue.h(
-        "div",
-        { class: tigercatCore.modalFooterClasses, "data-tiger-modal-footer": "" },
-        slots.footer({ ok: handleOk, cancel: handleClose })
-      ) : props.showDefaultFooter ? vue.h("div", { class: tigercatCore.modalFooterClasses, "data-tiger-modal-footer": "" }, [
-        vue.h(
-          chunk5436FG3B_js.Button,
-          { variant: "secondary", onClick: handleClose },
-          {
-            default: () => tigercatCore.resolveLocaleText(
-              "\u53D6\u6D88",
-              props.cancelText,
-              props.locale?.modal?.cancelText,
-              props.locale?.common?.cancelText
-            )
-          }
-        ),
-        vue.h(
-          chunk5436FG3B_js.Button,
-          { onClick: handleOk },
-          {
-            default: () => tigercatCore.resolveLocaleText(
-              "\u786E\u5B9A",
-              props.okText,
-              props.locale?.modal?.okText,
-              props.locale?.common?.okText
-            )
-          }
-        )
-      ]) : null;
-      const renderedWrapper = vue.h(
-        "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("div", {
-            class: tigercatCore.modalMaskClasses,
-            "aria-hidden": "true",
-            "data-tiger-modal-mask": ""
-          }),
-          vue.h(
-            "div",
-            {
-              class: containerClasses.value,
-              onClick: handleMaskClick
-            },
-            [
-              vue.h(
-                "div",
-                {
-                  ...forwardedAttrs,
-                  class: mergedClass,
-                  style: finalStyle,
-                  role: "dialog",
-                  "aria-modal": "true",
-                  "aria-labelledby": ariaLabelledby,
-                  tabindex: -1,
-                  ref: dialogRef,
-                  "data-tiger-modal": ""
-                },
-                [header, body, footer]
-              )
-            ]
-          )
-        ]
-      );
-      return chunkJDCVS4SJ_js.renderVueBodyTeleport([renderedWrapper], props.disableTeleport);
-    };
-  }
-});
-var Modal_default = Modal;
-
-exports.Modal = Modal;
-exports.Modal_default = Modal_default;

package/dist/chunk-KOI6AQ5H.js

@@ -1,60 +0,0 @@
-'use strict';
-
-var chunkCRGGJKV2_js = require('./chunk-CRGGJKV2.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
-var ImageGroup = vue.defineComponent({
-  name: "TigerImageGroup",
-  props: {
-    preview: { type: Boolean, default: true }
-  },
-  emits: ["preview-visible-change"],
-  setup(props, { slots, emit }) {
-    const images = vue.ref([]);
-    const previewVisible = vue.ref(false);
-    const previewIndex = vue.ref(0);
-    const context = {
-      register(src) {
-        const result = tigercatCore.registerImageGroupItem(images.value, src);
-        images.value = result.items;
-        return result.index;
-      },
-      unregister(src) {
-        images.value = tigercatCore.unregisterImageGroupItem(images.value, src);
-      },
-      openPreview(index) {
-        if (!props.preview) return;
-        previewIndex.value = index;
-        previewVisible.value = true;
-        emit("preview-visible-change", true);
-      }
-    };
-    vue.provide(IMAGE_GROUP_INJECTION_KEY, context);
-    vue.onBeforeUnmount(() => {
-      images.value = [];
-    });
-    return () => {
-      const children = slots.default?.();
-      const preview = props.preview ? vue.h(chunkCRGGJKV2_js.ImagePreview, {
-        open: previewVisible.value,
-        images: images.value,
-        currentIndex: previewIndex.value,
-        "onUpdate:open": (val) => {
-          previewVisible.value = val;
-          if (!val) emit("preview-visible-change", false);
-        },
-        "onUpdate:currentIndex": (val) => {
-          previewIndex.value = val;
-        }
-      }) : null;
-      return vue.h("div", { class: tigercatCore.getImageGroupClasses(), role: "group" }, [children, preview]);
-    };
-  }
-});
-var ImageGroup_default = ImageGroup;
-
-exports.IMAGE_GROUP_INJECTION_KEY = IMAGE_GROUP_INJECTION_KEY;
-exports.ImageGroup = ImageGroup;
-exports.ImageGroup_default = ImageGroup_default;

package/dist/chunk-MNH3KNSN.js

@@ -1,152 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Calendar.ts
-var Calendar = vue.defineComponent({
-  name: "TigerCalendar",
-  props: {
-    modelValue: { type: Date, default: void 0 },
-    mode: { type: String, default: "month" },
-    fullscreen: { type: Boolean, default: false },
-    disabledDate: { type: Function, default: void 0 }
-  },
-  emits: ["update:modelValue", "change", "panel-change"],
-  setup(props, { emit, attrs }) {
-    const today = /* @__PURE__ */ new Date();
-    const viewYear = vue.ref(props.modelValue?.getFullYear() ?? today.getFullYear());
-    const viewMonth = vue.ref(props.modelValue?.getMonth() ?? today.getMonth());
-    const days = vue.computed(() => tigercatCore.getMonthDays(viewYear.value, viewMonth.value));
-    function prevMonth() {
-      if (viewMonth.value === 0) {
-        viewMonth.value = 11;
-        viewYear.value--;
-      } else {
-        viewMonth.value--;
-      }
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function nextMonth() {
-      if (viewMonth.value === 11) {
-        viewMonth.value = 0;
-        viewYear.value++;
-      } else {
-        viewMonth.value++;
-      }
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function prevYear() {
-      viewYear.value--;
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function nextYear() {
-      viewYear.value++;
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function selectDay(date) {
-      if (props.disabledDate?.(date)) return;
-      emit("update:modelValue", date);
-      emit("change", date);
-    }
-    function selectMonth(monthIdx) {
-      viewMonth.value = monthIdx;
-      emit("panel-change", new Date(viewYear.value, monthIdx, 1), props.mode);
-    }
-    return () => {
-      const containerClass = tigercatCore.classNames(
-        tigercatCore.getCalendarContainerClasses(!!props.fullscreen),
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-      const header = vue.h("div", { class: tigercatCore.calendarHeaderClasses }, [
-        vue.h(
-          "button",
-          {
-            type: "button",
-            class: tigercatCore.calendarNavButtonClasses,
-            "aria-label": props.mode === "month" ? "Previous month" : "Previous year",
-            onClick: props.mode === "month" ? prevMonth : prevYear
-          },
-          "\u2039"
-        ),
-        vue.h(
-          "span",
-          { class: tigercatCore.calendarTitleClasses },
-          props.mode === "month" ? `${tigercatCore.MONTHS[viewMonth.value]} ${viewYear.value}` : `${viewYear.value}`
-        ),
-        vue.h(
-          "button",
-          {
-            type: "button",
-            class: tigercatCore.calendarNavButtonClasses,
-            "aria-label": props.mode === "month" ? "Next month" : "Next year",
-            onClick: props.mode === "month" ? nextMonth : nextYear
-          },
-          "\u203A"
-        )
-      ]);
-      let body;
-      if (props.mode === "year") {
-        body = vue.h(
-          "div",
-          { class: "grid grid-cols-3 gap-2" },
-          tigercatCore.MONTHS.map(
-            (m, i) => vue.h(
-              "div",
-              {
-                key: i,
-                class: tigercatCore.getCalendarMonthClasses(viewMonth.value === i),
-                onClick: () => selectMonth(i)
-              },
-              m
-            )
-          )
-        );
-      } else {
-        const weekdayRow = vue.h(
-          "div",
-          { class: "grid grid-cols-7" },
-          tigercatCore.WEEKDAYS.map((wd) => vue.h("div", { key: wd, class: tigercatCore.calendarWeekdayClasses }, wd))
-        );
-        const dayGrid = vue.h(
-          "div",
-          { class: "grid grid-cols-7" },
-          days.value.map((date, i) => {
-            const isCurrentMonth = date.getMonth() === viewMonth.value;
-            const isSelected = props.modelValue ? tigercatCore.isSameDay(date, props.modelValue) : false;
-            const isTodayDate = tigercatCore.isSameDay(date, today);
-            const isDisabled = !!props.disabledDate?.(date);
-            return vue.h(
-              "div",
-              {
-                key: i,
-                class: "flex items-center justify-center py-0.5"
-              },
-              [
-                vue.h(
-                  "div",
-                  {
-                    class: tigercatCore.getCalendarDayClasses(
-                      isSelected,
-                      isTodayDate,
-                      isCurrentMonth,
-                      isDisabled
-                    ),
-                    onClick: () => selectDay(date)
-                  },
-                  date.getDate()
-                )
-              ]
-            );
-          })
-        );
-        body = vue.h("div", {}, [weekdayRow, dayGrid]);
-      }
-      return vue.h("div", { class: containerClass, role: "group" }, [header, body]);
-    };
-  }
-});
-var Calendar_default = Calendar;
-
-exports.Calendar = Calendar;
-exports.Calendar_default = Calendar_default;