@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-MRMKZTC6.js

@@ -1,313 +0,0 @@
-'use strict';
-
-var chunkJDCVS4SJ_js = require('./chunk-JDCVS4SJ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var drawerIdCounter = 0;
-var createDrawerId = () => `tiger-drawer-${++drawerIdCounter}`;
-var Drawer = vue.defineComponent({
-  name: "TigerDrawer",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the drawer is open
-     * @default false
-     */
-    open: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Drawer placement
-     * @default 'right'
-     */
-    placement: {
-      type: String,
-      default: "right"
-    },
-    /**
-     * Drawer size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Custom width/height (overrides size)
-     */
-    width: {
-      type: [String, Number],
-      default: void 0
-    },
-    /**
-     * Drawer title
-     */
-    title: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether to show close button
-     * @default true
-     */
-    closable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether to show mask/backdrop
-     * @default true
-     */
-    mask: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether clicking mask closes the drawer
-     * @default true
-     */
-    maskClosable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * z-index of the drawer
-     * @default 1000
-     */
-    zIndex: {
-      type: Number,
-      default: 1e3
-    },
-    /**
-     * Additional CSS class for the drawer container
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Additional CSS class for the drawer body
-     */
-    bodyClassName: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether to destroy content on close
-     * @default false
-     */
-    destroyOnClose: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Custom inline style for drawer panel
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Close button aria-label
-     * @default 'Close drawer'
-     */
-    closeAriaLabel: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Locale overrides for common texts
-     */
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Disable teleport (useful for testing)
-     * @default false
-     * @internal
-     */
-    disableTeleport: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:open", "close", "after-enter", "after-leave"],
-  setup(props, { slots, emit, attrs }) {
-    const instanceId = vue.ref(createDrawerId());
-    const hasBeenOpened = vue.ref(false);
-    const dialogRef = vue.ref(null);
-    const closeButtonRef = vue.ref(null);
-    const previousActiveElement = vue.ref(null);
-    const titleId = vue.computed(() => `${instanceId.value}-title`);
-    const shouldRender = vue.computed(() => {
-      if (props.open) {
-        hasBeenOpened.value = true;
-        return true;
-      }
-      if (props.destroyOnClose) return false;
-      return hasBeenOpened.value;
-    });
-    const handleClose = () => {
-      emit("update:open", false);
-      emit("close");
-    };
-    const handleMaskClick = (event) => {
-      if (tigercatCore.shouldCloseOnMaskClick(event, props.maskClosable)) {
-        handleClose();
-      }
-    };
-    const escapeEnabled = vue.computed(() => props.open);
-    let cleanupEscape;
-    chunkJDCVS4SJ_js.useVueBodyScrollLock(escapeEnabled);
-    chunkJDCVS4SJ_js.useVueFocusTrap({ enabled: escapeEnabled, containerRef: dialogRef });
-    vue.onMounted(() => {
-      cleanupEscape = chunkJDCVS4SJ_js.useVueEscapeKey({
-        enabled: escapeEnabled,
-        onEscape: handleClose
-      });
-    });
-    vue.onBeforeUnmount(() => {
-      cleanupEscape?.();
-    });
-    vue.watch(
-      () => props.open,
-      async (nextVisible) => {
-        if (nextVisible) {
-          previousActiveElement.value = tigercatCore.captureActiveElement();
-          await vue.nextTick();
-          tigercatCore.focusFirst([closeButtonRef.value, dialogRef.value]);
-          return;
-        }
-        tigercatCore.restoreFocus(previousActiveElement.value);
-      }
-    );
-    vue.watch(
-      () => props.open,
-      (nextVisible, prevVisible, onCleanup) => {
-        if (nextVisible === prevVisible || typeof prevVisible === "undefined" && !nextVisible)
-          return;
-        const timer = window.setTimeout(() => {
-          emit(nextVisible ? "after-enter" : "after-leave");
-        }, tigercatCore.ANIMATION_DURATION_MS);
-        onCleanup(() => window.clearTimeout(timer));
-      },
-      { immediate: true }
-    );
-    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.header ? titleId.value : void 0);
-      const containerClasses = tigercatCore.classNames(
-        tigercatCore.getDrawerContainerClasses(),
-        !props.open && "pointer-events-none"
-      );
-      const maskClasses = tigercatCore.getDrawerMaskClasses(props.open);
-      const panelClasses = tigercatCore.classNames(
-        tigercatCore.getDrawerPanelClasses(props.placement, props.open, props.size),
-        "flex flex-col",
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-      const isHorizontal = props.placement === "left" || props.placement === "right";
-      const widthStyle = props.width ? {
-        [isHorizontal ? "width" : "height"]: typeof props.width === "number" ? `${props.width}px` : props.width
-      } : void 0;
-      const mergedStyle = tigercatCore.mergeStyleValues(attrs.style, props.style, widthStyle);
-      const headerClasses = tigercatCore.getDrawerHeaderClasses();
-      const bodyClasses = tigercatCore.getDrawerBodyClasses(props.bodyClassName);
-      const footerClasses = tigercatCore.getDrawerFooterClasses();
-      const closeButtonClasses = tigercatCore.getDrawerCloseButtonClasses();
-      const titleClasses = tigercatCore.getDrawerTitleClasses();
-      const resolvedCloseAriaLabel = tigercatCore.resolveLocaleText(
-        "Close drawer",
-        props.closeAriaLabel,
-        props.locale?.drawer?.closeAriaLabel,
-        props.locale?.common?.closeText
-      );
-      const closeIcon = vue.h(
-        "svg",
-        {
-          class: "w-5 h-5",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: tigercatCore.closeIconViewBox,
-          xmlns: "http://www.w3.org/2000/svg"
-        },
-        [
-          vue.h("path", {
-            "stroke-linecap": tigercatCore.closeIconPathStrokeLinecap,
-            "stroke-linejoin": tigercatCore.closeIconPathStrokeLinejoin,
-            "stroke-width": tigercatCore.closeIconPathStrokeWidth,
-            d: tigercatCore.closeIconPathD
-          })
-        ]
-      );
-      const header = props.title || slots.header || props.closable ? vue.h("div", { class: headerClasses }, [
-        props.title || slots.header ? vue.h(
-          "h3",
-          {
-            id: titleId.value,
-            class: titleClasses
-          },
-          slots.header ? slots.header() : props.title
-        ) : null,
-        props.closable ? vue.h(
-          "button",
-          {
-            type: "button",
-            class: closeButtonClasses,
-            onClick: handleClose,
-            "aria-label": resolvedCloseAriaLabel,
-            ref: closeButtonRef
-          },
-          closeIcon
-        ) : null
-      ]) : null;
-      const body = slots.default ? vue.h("div", { class: bodyClasses }, slots.default()) : null;
-      const footer = slots.footer ? vue.h("div", { class: footerClasses }, slots.footer()) : null;
-      const mask = props.mask ? vue.h("div", {
-        class: maskClasses,
-        onClick: handleMaskClick,
-        "aria-hidden": "true",
-        "data-tiger-drawer-mask": ""
-      }) : null;
-      const panel = vue.h(
-        "div",
-        {
-          ...forwardedAttrs,
-          class: panelClasses,
-          style: mergedStyle,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": ariaLabelledby,
-          tabindex: -1,
-          ref: dialogRef,
-          "data-tiger-drawer": ""
-        },
-        [header, body, footer]
-      );
-      const root = vue.h(
-        "div",
-        {
-          class: containerClasses,
-          style: { zIndex: props.zIndex },
-          hidden: !props.open,
-          "aria-hidden": !props.open ? "true" : void 0,
-          "data-tiger-drawer-root": ""
-        },
-        [mask, panel]
-      );
-      return chunkJDCVS4SJ_js.renderVueBodyTeleport([root], props.disableTeleport);
-    };
-  }
-});
-var Drawer_default = Drawer;
-
-exports.Drawer = Drawer;
-exports.Drawer_default = Drawer_default;

package/dist/chunk-P4XGEFV3.js

@@ -1,259 +0,0 @@
-'use strict';
-
-var chunk27T3QDSF_js = require('./chunk-27T3QDSF.js');
-var chunkZED7TU62_js = require('./chunk-ZED7TU62.js');
-var chunk2LNNB55E_js = require('./chunk-2LNNB55E.js');
-var chunk2KDSHEZT_js = require('./chunk-2KDSHEZT.js');
-var chunkDUQ7Q2GO_js = require('./chunk-DUQ7Q2GO.js');
-var chunkXGXGAK27_js = require('./chunk-XGXGAK27.js');
-var chunkWPIDP6IG_js = require('./chunk-WPIDP6IG.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var renderAction = (item, action, index) => {
-  const key = action.key ?? `${item.id}-action-${index}`;
-  return vue.h(
-    chunkZED7TU62_js.Link,
-    {
-      key,
-      size: "sm",
-      variant: "primary",
-      href: action.href,
-      target: action.target,
-      disabled: action.disabled,
-      onClick: () => action.onClick?.(item, action)
-    },
-    {
-      default: () => action.label
-    }
-  );
-};
-var ActivityFeed = vue.defineComponent({
-  name: "TigerActivityFeed",
-  inheritAttrs: false,
-  props: {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    groups: {
-      type: Array,
-      default: void 0
-    },
-    groupBy: {
-      type: Function,
-      default: void 0
-    },
-    groupOrder: {
-      type: Array,
-      default: void 0
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    loadingText: {
-      type: String,
-      default: "\u52A0\u8F7D\u4E2D..."
-    },
-    emptyText: {
-      type: String,
-      default: "\u6682\u65E0\u52A8\u6001"
-    },
-    showAvatar: {
-      type: Boolean,
-      default: true
-    },
-    showTime: {
-      type: Boolean,
-      default: true
-    },
-    showGroupTitle: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const resolvedGroups = vue.computed(
-      () => tigercatCore.buildActivityGroups(props.items, props.groups, props.groupBy, props.groupOrder)
-    );
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
-        "tiger-activity-feed",
-        "flex",
-        "flex-col",
-        "gap-6",
-        "w-full",
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      )
-    );
-    const wrapperStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const renderDefaultItem = (item, index, group) => {
-      if (slots.item) {
-        const slotContent = slots.item({ item, index, group });
-        if (slotContent) return slotContent;
-      }
-      const titleText = item.title ?? (typeof item.content === "string" || typeof item.content === "number" ? String(item.content) : "");
-      const descriptionText = item.description;
-      const timeText = props.showTime ? tigercatCore.formatActivityTime(item.time) : "";
-      const actionNodes = item.actions?.map(
-        (action, actionIndex) => renderAction(item, action, actionIndex)
-      );
-      return vue.h(
-        "div",
-        {
-          class: tigercatCore.activityItemClasses
-        },
-        [
-          vue.h("div", { class: tigercatCore.activityItemLayoutClasses }, [
-            props.showAvatar && item.user ? vue.h(chunkWPIDP6IG_js.Avatar, {
-              size: "sm",
-              src: item.user.avatar,
-              text: item.user.name,
-              className: "shrink-0"
-            }) : null,
-            vue.h("div", { class: tigercatCore.activityItemBodyClasses }, [
-              vue.h("div", { class: tigercatCore.activityItemHeaderClasses }, [
-                vue.h("div", { class: tigercatCore.activityItemTitleGroupClasses }, [
-                  titleText ? vue.h(
-                    chunkDUQ7Q2GO_js.Text,
-                    { tag: "div", size: "sm", weight: "medium", class: "truncate" },
-                    { default: () => titleText }
-                  ) : null,
-                  item.status ? vue.h(
-                    chunk2KDSHEZT_js.Tag,
-                    {
-                      variant: item.status.variant ?? "default",
-                      size: "sm",
-                      className: "shrink-0"
-                    },
-                    { default: () => item.status?.label }
-                  ) : null
-                ]),
-                timeText ? vue.h(
-                  chunkDUQ7Q2GO_js.Text,
-                  {
-                    tag: "div",
-                    size: "xs",
-                    color: "muted",
-                    class: "shrink-0 whitespace-nowrap"
-                  },
-                  { default: () => timeText }
-                ) : null
-              ]),
-              descriptionText ? vue.h(
-                chunkDUQ7Q2GO_js.Text,
-                { tag: "div", size: "sm", color: "muted", class: tigercatCore.activityItemDescriptionClasses },
-                { default: () => descriptionText }
-              ) : null,
-              actionNodes?.length ? vue.h("div", { class: tigercatCore.activityItemActionsClasses }, actionNodes) : null
-            ])
-          ])
-        ]
-      );
-    };
-    const feedRole = vue.computed(() => attrs.role ?? "feed");
-    const feedAriaLabel = vue.computed(
-      () => attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : "\u52A8\u6001")
-    );
-    const feedAriaBusy = vue.computed(
-      () => attrs["aria-busy"] ?? (props.loading ? "true" : void 0)
-    );
-    return () => {
-      if (props.loading) {
-        const loadingNode = slots.loading ? slots.loading() : vue.h(chunk2LNNB55E_js.Loading, { text: props.loadingText });
-        return vue.h(
-          "div",
-          {
-            ...attrs,
-            class: wrapperClasses.value,
-            style: wrapperStyle.value,
-            role: feedRole.value,
-            "aria-label": feedAriaLabel.value,
-            "aria-busy": feedAriaBusy.value,
-            "data-tiger-activity-feed": true
-          },
-          [
-            vue.h(
-              chunkXGXGAK27_js.Card,
-              { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading" },
-              {
-                default: () => vue.h("div", { class: "flex items-center justify-center py-4" }, loadingNode)
-              }
-            )
-          ]
-        );
-      }
-      if (resolvedGroups.value.length === 0) {
-        const emptyNode = slots.empty ? slots.empty() : vue.h(chunkDUQ7Q2GO_js.Text, { tag: "div", size: "sm", color: "muted" }, { default: () => props.emptyText });
-        return vue.h(
-          "div",
-          {
-            ...attrs,
-            class: wrapperClasses.value,
-            style: wrapperStyle.value,
-            role: feedRole.value,
-            "aria-label": feedAriaLabel.value,
-            "data-tiger-activity-feed": true
-          },
-          [
-            vue.h(
-              chunkXGXGAK27_js.Card,
-              { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty" },
-              {
-                default: () => vue.h("div", { class: "flex items-center justify-center py-6" }, emptyNode)
-              }
-            )
-          ]
-        );
-      }
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          class: wrapperClasses.value,
-          style: wrapperStyle.value,
-          role: feedRole.value,
-          "aria-label": feedAriaLabel.value,
-          "data-tiger-activity-feed": true
-        },
-        resolvedGroups.value.map((group, groupIndex) => {
-          const headerNode = slots.groupTitle ? slots.groupTitle({ group }) : void 0;
-          const groupTitle = group.title;
-          const timelineItems = tigercatCore.toActivityTimelineItems(group.items);
-          return vue.h("div", { key: group.key ?? groupIndex, class: "space-y-3" }, [
-            props.showGroupTitle && groupTitle ? headerNode ?? vue.h(
-              chunkDUQ7Q2GO_js.Text,
-              { tag: "div", size: "sm", weight: "medium", color: "muted" },
-              { default: () => groupTitle }
-            ) : null,
-            vue.h(
-              chunk27T3QDSF_js.Timeline,
-              { items: timelineItems },
-              {
-                item: ({ item, index }) => {
-                  const activity = item.activity;
-                  if (!activity) return null;
-                  return renderDefaultItem(activity, index, group);
-                }
-              }
-            )
-          ]);
-        })
-      );
-    };
-  }
-});
-var ActivityFeed_default = ActivityFeed;
-
-exports.ActivityFeed = ActivityFeed;
-exports.ActivityFeed_default = ActivityFeed_default;