@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.2

package/dist/chunk-PFWRFHSB.js

@@ -1,164 +0,0 @@
-"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 _chunkJCPTFBLYjs = require('./chunk-JCPTFBLY.js');
-
-// src/components/Checkbox.ts
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Checkbox = _vue.defineComponent.call(void 0, {
-  name: "TigerCheckbox",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Checkbox value in controlled mode (v-model)
-     */
-    modelValue: {
-      type: [Boolean, null],
-      default: null
-    },
-    /**
-     * Checkbox value (for use in checkbox groups)
-     */
-    value: {
-      type: [String, Number, Boolean]
-    },
-    /**
-     * Checkbox size
-     */
-    size: {
-      type: String
-    },
-    /**
-     * Whether the checkbox is disabled
-     */
-    disabled: {
-      type: Boolean
-    },
-    /**
-     * Whether the checkbox is in indeterminate state
-     * @default false
-     */
-    indeterminate: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Default checked state (uncontrolled mode)
-     * @default false
-     */
-    defaultChecked: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes (applied to root element)
-     */
-    className: {
-      type: String
-    },
-    /**
-     * Inline styles (applied to root element)
-     */
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    /**
-     * Emitted when checked state changes (for v-model)
-     */
-    "update:modelValue": (value) => typeof value === "boolean",
-    /**
-     * Emitted when checked state changes
-     */
-    change: (value, event) => typeof value === "boolean" && event instanceof Event
-  },
-  setup(props, { slots, emit, attrs }) {
-    const groupContextRef = _vue.inject.call(void 0, _chunkJCPTFBLYjs.CheckboxGroupKey, null);
-    const groupContext = _vue.computed.call(void 0, () => _optionalChain([groupContextRef, 'optionalAccess', _ => _.value]));
-    const internalChecked = _vue.ref.call(void 0, props.defaultChecked);
-    const isControlled = _vue.computed.call(void 0, () => props.modelValue !== null);
-    const effectiveSize = _vue.computed.call(void 0, () => props.size || _optionalChain([groupContext, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.size]) || "md");
-    const effectiveDisabled = _vue.computed.call(void 0, 
-      () => props.disabled || _optionalChain([groupContext, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.disabled]) || false
-    );
-    const checked = _vue.computed.call(void 0, () => {
-      if (groupContext.value && props.value !== void 0) {
-        return groupContext.value.value.includes(props.value);
-      }
-      return isControlled.value ? props.modelValue : internalChecked.value;
-    });
-    const checkboxRef = _vue.ref.call(void 0, null);
-    _vue.watch.call(void 0, 
-      () => [checkboxRef.value, props.indeterminate],
-      ([el]) => {
-        if (el) el.indeterminate = props.indeterminate;
-      },
-      { immediate: true }
-    );
-    const handleChange = (event) => {
-      if (effectiveDisabled.value) return;
-      const target = event.target;
-      const newValue = target.checked;
-      if (groupContext.value && props.value !== void 0) {
-        groupContext.value.updateValue(props.value, newValue);
-      } else {
-        if (!isControlled.value) {
-          internalChecked.value = newValue;
-        }
-        emit("update:modelValue", newValue);
-        emit("change", newValue, event);
-      }
-    };
-    return () => {
-      const checkboxClasses = _tigercatcore.getCheckboxClasses.call(void 0, effectiveSize.value, effectiveDisabled.value);
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      const inputProps = {
-        ref: checkboxRef,
-        type: "checkbox",
-        checked: checked.value,
-        disabled: effectiveDisabled.value,
-        value: props.value,
-        onChange: handleChange,
-        ...restAttrs
-      };
-      if (!slots.default) {
-        return _vue.h.call(void 0, "input", {
-          ...inputProps,
-          class: _tigercatcore.classNames.call(void 0, checkboxClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
-          style: [attrs.style, props.style]
-        });
-      }
-      const labelClasses = _tigercatcore.getCheckboxLabelClasses.call(void 0, effectiveSize.value, effectiveDisabled.value);
-      return _vue.h.call(void 0, 
-        "label",
-        {
-          class: _tigercatcore.classNames.call(void 0, labelClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
-          style: [attrs.style, props.style]
-        },
-        [
-          _vue.h.call(void 0, "input", { ...inputProps, class: checkboxClasses }),
-          _vue.h.call(void 0, "span", { class: "ml-2" }, slots.default())
-        ]
-      );
-    };
-  }
-});
-var Checkbox_default = Checkbox;
-
-
-
-
-exports.Checkbox = Checkbox; exports.Checkbox_default = Checkbox_default;

package/dist/chunk-PFZFPN7M.js

@@ -1,383 +0,0 @@
-"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 _chunkD6Y3KVJFjs = require('./chunk-D6Y3KVJF.js');
-
-
-var _chunkRBWJSHKRjs = require('./chunk-RBWJSHKR.js');
-
-
-var _chunk2DC3BMEDjs = require('./chunk-2DC3BMED.js');
-
-
-var _chunkVUGFSHU2js = require('./chunk-VUGFSHU2.js');
-
-
-var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
-
-
-var _chunkUG6O4F2Ajs = require('./chunk-UG6O4F2A.js');
-
-
-var _chunkOQOJI5Q7js = require('./chunk-OQOJI5Q7.js');
-
-// src/components/ActivityFeed.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var renderAction = (item, action, index) => {
-  const key = _nullishCoalesce(action.key, () => ( `${item.id}-action-${index}`));
-  return _vue.h.call(void 0, 
-    _chunk2DC3BMEDjs.Link,
-    {
-      key,
-      size: "sm",
-      variant: "primary",
-      underline: false,
-      href: action.href,
-      target: action.target,
-      disabled: action.disabled,
-      className: "inline-flex items-center px-2.5 py-1 rounded-lg hover:bg-blue-50/50 dark:hover:bg-blue-950/20 text-xs font-semibold transition-all duration-200",
-      onClick: () => _optionalChain([action, 'access', _ => _.onClick, 'optionalCall', _2 => _2(item, action)])
-    },
-    {
-      default: () => action.label
-    }
-  );
-};
-var ActivityFeed = _vue.defineComponent.call(void 0, {
-  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.call(void 0, 
-      () => _tigercatcore.buildActivityGroups.call(void 0, props.items, props.groups, props.groupBy, props.groupOrder)
-    );
-    const wrapperClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "tiger-activity-feed",
-        "flex",
-        "flex-col",
-        "gap-6",
-        "w-full",
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const wrapperStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, 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 = _nullishCoalesce(item.title, () => ( (typeof item.content === "string" || typeof item.content === "number" ? String(item.content) : "")));
-      const descriptionText = item.description;
-      const timeText = props.showTime ? _tigercatcore.formatActivityTime.call(void 0, item.time) : "";
-      const actionNodes = _optionalChain([item, 'access', _3 => _3.actions, 'optionalAccess', _4 => _4.map, 'call', _5 => _5(
-        (action, actionIndex) => renderAction(item, action, actionIndex)
-      )]);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.activityItemClasses,
-            "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"
-          )
-        },
-        [
-          _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemLayoutClasses }, [
-            props.showAvatar && item.user ? _vue.h.call(void 0, _chunkOQOJI5Q7js.Avatar, {
-              size: "sm",
-              src: item.user.avatar,
-              text: item.user.name,
-              className: "shrink-0 ring-2 ring-white dark:ring-gray-900 shadow-sm transition-transform hover:scale-105 duration-200"
-            }) : null,
-            _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemBodyClasses }, [
-              _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemHeaderClasses }, [
-                _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemTitleGroupClasses }, [
-                  titleText ? _vue.h.call(void 0, 
-                    _chunkTGHB5XSTjs.Text,
-                    {
-                      tag: "div",
-                      size: "sm",
-                      weight: "semibold",
-                      class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate"
-                    },
-                    { default: () => titleText }
-                  ) : null,
-                  item.status ? _vue.h.call(void 0, 
-                    _chunkVUGFSHU2js.Tag,
-                    {
-                      variant: _nullishCoalesce(item.status.variant, () => ( "default")),
-                      size: "sm",
-                      className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10 shadow-sm"
-                    },
-                    { default: () => _optionalChain([item, 'access', _6 => _6.status, 'optionalAccess', _7 => _7.label]) }
-                  ) : null
-                ]),
-                timeText ? _vue.h.call(void 0, 
-                  _chunkTGHB5XSTjs.Text,
-                  {
-                    tag: "div",
-                    size: "xs",
-                    color: "muted",
-                    class: "shrink-0 whitespace-nowrap font-medium text-gray-400 dark:text-gray-500"
-                  },
-                  { default: () => timeText }
-                ) : null
-              ]),
-              descriptionText ? _vue.h.call(void 0, 
-                _chunkTGHB5XSTjs.Text,
-                {
-                  tag: "div",
-                  size: "sm",
-                  color: "muted",
-                  class: _tigercatcore.classNames.call(void 0, 
-                    _tigercatcore.activityItemDescriptionClasses,
-                    "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"
-                  )
-                },
-                { default: () => descriptionText }
-              ) : null,
-              _optionalChain([actionNodes, 'optionalAccess', _8 => _8.length]) ? _vue.h.call(void 0, 
-                "div",
-                { class: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemActionsClasses, "mt-2.5") },
-                actionNodes
-              ) : null
-            ])
-          ])
-        ]
-      );
-    };
-    const feedRole = _vue.computed.call(void 0, () => _nullishCoalesce(attrs.role, () => ( "feed")));
-    const feedAriaLabel = _vue.computed.call(void 0, 
-      () => _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : "\u52A8\u6001")))
-    );
-    const feedAriaBusy = _vue.computed.call(void 0, () => _nullishCoalesce(attrs["aria-busy"], () => ( (props.loading ? "true" : void 0))));
-    return () => {
-      if (props.loading) {
-        const loadingNode = slots.loading ? slots.loading() : _vue.h.call(void 0, _chunkRBWJSHKRjs.Loading, {
-          text: props.loadingText,
-          class: "text-blue-500 dark:text-blue-400 font-medium"
-        });
-        return _vue.h.call(void 0, 
-          "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.call(void 0, 
-              _chunkUG6O4F2Ajs.Card,
-              {
-                variant: "bordered",
-                size: "sm",
-                className: "tiger-activity-feed-loading bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden"
-              },
-              {
-                default: () => _vue.h.call(void 0, "div", { class: "flex items-center justify-center py-8" }, loadingNode)
-              }
-            )
-          ]
-        );
-      }
-      if (resolvedGroups.value.length === 0) {
-        const emptyNode = slots.empty ? slots.empty() : _vue.h.call(void 0, "div", { class: "flex flex-col items-center justify-center py-12 px-4" }, [
-          _vue.h.call(void 0, 
-            "svg",
-            {
-              class: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: "1.5"
-            },
-            [
-              _vue.h.call(void 0, "path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
-              })
-            ]
-          ),
-          _vue.h.call(void 0, 
-            _chunkTGHB5XSTjs.Text,
-            { tag: "div", size: "sm", color: "muted", class: "font-medium" },
-            { default: () => props.emptyText }
-          )
-        ]);
-        return _vue.h.call(void 0, 
-          "div",
-          {
-            ...attrs,
-            class: wrapperClasses.value,
-            style: wrapperStyle.value,
-            role: feedRole.value,
-            "aria-label": feedAriaLabel.value,
-            "data-tiger-activity-feed": true
-          },
-          [
-            _vue.h.call(void 0, 
-              _chunkUG6O4F2Ajs.Card,
-              {
-                variant: "bordered",
-                size: "sm",
-                className: "tiger-activity-feed-empty bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden"
-              },
-              {
-                default: () => emptyNode
-              }
-            )
-          ]
-        );
-      }
-      return _vue.h.call(void 0, 
-        "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.call(void 0, group.items);
-          return _vue.h.call(void 0, "div", { key: _nullishCoalesce(group.key, () => ( groupIndex)), class: "space-y-3" }, [
-            props.showGroupTitle && groupTitle ? _nullishCoalesce(headerNode, () => ( _vue.h.call(void 0, "div", { class: "flex items-center gap-2 mb-2" }, [
-              _vue.h.call(void 0, "span", {
-                class: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20"
-              }),
-              _vue.h.call(void 0, 
-                _chunkTGHB5XSTjs.Text,
-                {
-                  tag: "span",
-                  size: "sm",
-                  weight: "bold",
-                  class: "text-gray-900 dark:text-gray-100 uppercase tracking-wider"
-                },
-                { default: () => groupTitle }
-              )
-            ]))) : null,
-            _vue.h.call(void 0, 
-              _chunkD6Y3KVJFjs.Timeline,
-              {
-                items: timelineItems,
-                style: {
-                  "--tiger-border": "rgba(156, 163, 175, 0.18)"
-                },
-                renderDot: (timelineItem) => {
-                  const activity = timelineItem.activity;
-                  const statusVariant = _nullishCoalesce(_optionalChain([activity, 'optionalAccess', _9 => _9.status, 'optionalAccess', _10 => _10.variant]), () => ( "default"));
-                  const baseDotClass = "w-3 h-3 rounded-full border-2 border-white dark:border-gray-950 shadow-sm";
-                  let colorClass = "bg-gray-300 dark:bg-gray-700";
-                  let pulseClass = "";
-                  if (statusVariant === "success") {
-                    colorClass = "bg-emerald-500";
-                    pulseClass = "bg-emerald-500/30";
-                  } else if (statusVariant === "warning") {
-                    colorClass = "bg-amber-500";
-                    pulseClass = "bg-amber-500/30";
-                  } else if (statusVariant === "error" || statusVariant === "danger") {
-                    colorClass = "bg-rose-500";
-                    pulseClass = "bg-rose-500/30";
-                  } else if (statusVariant === "primary" || statusVariant === "info") {
-                    colorClass = "bg-blue-500";
-                    pulseClass = "bg-blue-500/30";
-                  }
-                  return _vue.h.call(void 0, "div", { class: "relative flex items-center justify-center w-4 h-4" }, [
-                    pulseClass ? _vue.h.call(void 0, "span", {
-                      class: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}`
-                    }) : null,
-                    _vue.h.call(void 0, "span", { class: `${baseDotClass} ${colorClass} relative z-10` })
-                  ]);
-                }
-              },
-              {
-                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;