@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-LHPBK4MG.js

@@ -1,92 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/VirtualList.ts
-var VirtualList = vue.defineComponent({
-  name: "TigerVirtualList",
-  props: {
-    itemCount: { type: Number, default: 0 },
-    itemHeight: { type: Number, default: 40 },
-    height: { type: Number, default: 400 },
-    overscan: { type: Number, default: 5 }
-  },
-  emits: ["scroll"],
-  setup(props, { emit, attrs, slots }) {
-    const scrollTop = vue.ref(0);
-    const containerRef = vue.ref(null);
-    const range = vue.computed(
-      () => tigercatCore.getFixedVirtualRange(
-        scrollTop.value,
-        props.height,
-        props.itemHeight,
-        props.itemCount,
-        props.overscan
-      )
-    );
-    function handleScroll() {
-      if (containerRef.value) {
-        scrollTop.value = containerRef.value.scrollTop;
-        emit("scroll", scrollTop.value);
-      }
-    }
-    return () => {
-      const { startIndex, endIndex, offsetTop, totalHeight } = range.value;
-      const items = [];
-      for (let i = startIndex; i <= endIndex; i++) {
-        const slotContent = slots.default?.({ index: i });
-        items.push(
-          vue.h(
-            "div",
-            {
-              key: i,
-              style: {
-                height: `${props.itemHeight}px`,
-                width: "100%"
-              }
-            },
-            slotContent
-          )
-        );
-      }
-      return vue.h(
-        "div",
-        {
-          ref: containerRef,
-          class: tigercatCore.classNames(tigercatCore.virtualListContainerClasses, tigercatCore.coerceClassValue(attrs.class)),
-          style: { height: `${props.height}px` },
-          onScroll: handleScroll
-        },
-        [
-          vue.h(
-            "div",
-            {
-              class: tigercatCore.virtualListInnerClasses,
-              style: { height: `${totalHeight}px` }
-            },
-            [
-              vue.h(
-                "div",
-                {
-                  style: {
-                    transform: `translateY(${offsetTop}px)`,
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: "100%"
-                  }
-                },
-                items
-              )
-            ]
-          )
-        ]
-      );
-    };
-  }
-});
-var VirtualList_default = VirtualList;
-
-exports.VirtualList = VirtualList;
-exports.VirtualList_default = VirtualList_default;

package/dist/chunk-LLU76X6I.js

@@ -1,245 +0,0 @@
-'use strict';
-
-var chunk27T3QDSF_js = require('./chunk-27T3QDSF.js');
-var chunkZED7TU62_js = require('./chunk-ZED7TU62.js');
-var chunkDN5GU5PC_js = require('./chunk-DN5GU5PC.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: "tiger-activity-item"
-        },
-        [
-          vue.h("div", { class: "flex gap-3 items-start" }, [
-            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: "flex-1 min-w-0" }, [
-              vue.h("div", { class: "flex items-center justify-between gap-2 mb-1" }, [
-                vue.h("div", { class: "flex items-center gap-2 min-w-0" }, [
-                  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: "mb-2 break-words" },
-                { default: () => descriptionText }
-              ) : null,
-              actionNodes?.length ? vue.h("div", { class: "flex flex-wrap gap-2" }, actionNodes) : null
-            ])
-          ])
-        ]
-      );
-    };
-    return () => {
-      if (props.loading) {
-        const loadingNode = slots.loading ? slots.loading() : vue.h(chunkDN5GU5PC_js.Loading, { text: props.loadingText });
-        return vue.h(
-          "div",
-          {
-            ...attrs,
-            class: wrapperClasses.value,
-            style: wrapperStyle.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,
-            "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,
-          "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;

package/dist/chunk-MVIHUPCX.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var chunkI2BZURVP_js = require('./chunk-I2BZURVP.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var Col = vue.defineComponent({
-  name: "TigerCol",
-  props: {
-    /** Column span (1-24) or responsive object @default 24 */
-    span: {
-      type: [Number, Object],
-      default: 24
-    },
-    /** Column offset (0-24) or responsive object @default 0 */
-    offset: {
-      type: [Number, Object],
-      default: 0
-    },
-    /** Column order or responsive object */
-    order: {
-      type: [Number, Object]
-    },
-    /** Flex layout style */
-    flex: {
-      type: [String, Number]
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const rowContext = vue.inject(chunkI2BZURVP_js.RowContextKey, null);
-    const gutter = vue.computed(() => rowContext?.gutter.value ?? 0);
-    const isFlexSpanMode = vue.computed(() => props.flex !== void 0 && props.span === 0);
-    const colClasses = vue.computed(
-      () => tigercatCore.classNames(
-        isFlexSpanMode.value ? "" : tigercatCore.getSpanClasses(props.span),
-        tigercatCore.getOffsetClasses(props.offset),
-        tigercatCore.getOrderClasses(props.order),
-        tigercatCore.getFlexClasses(props.flex)
-      )
-    );
-    const colMergedStyle = vue.computed(() => ({
-      ...tigercatCore.getGutterStyles(gutter.value).colStyle,
-      ...tigercatCore.getColMergedStyleVars(
-        isFlexSpanMode.value ? void 0 : props.span,
-        props.offset,
-        props.order,
-        props.flex
-      )
-    }));
-    return () => vue.h(
-      "div",
-      {
-        ...attrs,
-        class: [colClasses.value, attrs.class],
-        style: [colMergedStyle.value, attrs.style]
-      },
-      slots.default?.()
-    );
-  }
-});
-
-exports.Col = Col;

package/dist/chunk-N5I5Y5JG.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/DropdownMenu.ts
-var DropdownMenu = vue.defineComponent({
-  name: "TigerDropdownMenu",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const attrsRecord = attrs;
-    const attrsClass = attrsRecord.class;
-    const attrsStyle = attrsRecord.style;
-    const menuClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.getDropdownMenuClasses(), props.className, tigercatCore.coerceClassValue(attrsClass))
-    );
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrsStyle, props.style));
-    return () => {
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      return vue.h(
-        "div",
-        {
-          ...restAttrs,
-          class: menuClasses.value,
-          role: "menu",
-          style: mergedStyle.value
-        },
-        slots.default?.()
-      );
-    };
-  }
-});
-var DropdownMenu_default = DropdownMenu;
-
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenu_default = DropdownMenu_default;

package/dist/chunk-NOTJRUAK.js

@@ -1,142 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Steps.ts
-var StepsContextKey = /* @__PURE__ */ Symbol("StepsContext");
-var Steps = vue.defineComponent({
-  name: "TigerSteps",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Current step index (0-based)
-     * @default 0
-     */
-    current: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Step status (for current step)
-     * @default 'process'
-     */
-    status: {
-      type: String,
-      default: "process"
-    },
-    /**
-     * Steps direction/orientation
-     * @default 'horizontal'
-     */
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    /**
-     * Step size
-     * @default 'default'
-     */
-    size: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Whether to use simple style (no description, smaller icons)
-     * @default false
-     */
-    simple: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether steps are clickable
-     * @default false
-     */
-    clickable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["change", "update:current"],
-  setup(props, { slots, attrs, emit }) {
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getStepsContainerClasses(props.direction),
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      )
-    );
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const handleStepClick = (index) => {
-      if (!props.clickable) {
-        return;
-      }
-      emit("update:current", index);
-      emit("change", index);
-    };
-    vue.provide(
-      StepsContextKey,
-      vue.reactive({
-        current: vue.computed(() => props.current),
-        status: vue.computed(() => props.status),
-        direction: vue.computed(() => props.direction),
-        size: vue.computed(() => props.size),
-        simple: vue.computed(() => props.simple),
-        clickable: vue.computed(() => props.clickable),
-        handleStepClick: vue.computed(() => props.clickable ? handleStepClick : void 0)
-      })
-    );
-    return () => {
-      const children = slots.default?.() || [];
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrs;
-      const stepsWithProps = children.map((child, index) => {
-        const childType = child?.type;
-        const childName = typeof childType === "object" && childType && "name" in childType ? childType.name : void 0;
-        if (childName === "TigerStepsItem") {
-          const childProps = child.props ?? {};
-          const stepItemType = typeof child.type === "string" || typeof child.type === "object" ? child.type : "div";
-          return vue.h(
-            stepItemType,
-            {
-              ...childProps,
-              stepIndex: index,
-              isLast: index === children.length - 1
-            },
-            child.children ?? void 0
-          );
-        }
-        return child;
-      });
-      return vue.h(
-        "ol",
-        {
-          class: containerClasses.value,
-          style: mergedStyle.value,
-          ...restAttrs
-        },
-        stepsWithProps
-      );
-    };
-  }
-});
-var Steps_default = Steps;
-
-exports.Steps = Steps;
-exports.StepsContextKey = StepsContextKey;
-exports.Steps_default = Steps_default;