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

package/dist/chunk-U5TSCS34.js

@@ -1,527 +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 _chunkYTE45DNCjs = require('./chunk-YTE45DNC.js');
-
-
-var _chunkPH6ERFC7js = require('./chunk-PH6ERFC7.js');
-
-
-var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
-
-
-var _chunkRBWJSHKRjs = require('./chunk-RBWJSHKR.js');
-
-
-var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
-
-
-var _chunkUG6O4F2Ajs = require('./chunk-UG6O4F2A.js');
-
-// src/components/NotificationCenter.ts
-var _vue = require('vue');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var getGroupKey = (group, index) => {
-  return _nullishCoalesce(_nullishCoalesce(group.key, () => ( group.title)), () => ( index));
-};
-var NotificationCenter = _vue.defineComponent.call(void 0, {
-  name: "TigerNotificationCenter",
-  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
-    },
-    activeGroupKey: {
-      type: [String, Number],
-      default: void 0
-    },
-    defaultActiveGroupKey: {
-      type: [String, Number],
-      default: void 0
-    },
-    readFilter: {
-      type: String,
-      default: void 0
-    },
-    defaultReadFilter: {
-      type: String,
-      default: "all"
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    loadingText: {
-      type: String,
-      default: "\u52A0\u8F7D\u4E2D..."
-    },
-    emptyText: {
-      type: String,
-      default: "\u6682\u65E0\u901A\u77E5"
-    },
-    title: {
-      type: String,
-      default: "\u901A\u77E5\u4E2D\u5FC3"
-    },
-    allLabel: {
-      type: String,
-      default: "\u5168\u90E8"
-    },
-    unreadLabel: {
-      type: String,
-      default: "\u672A\u8BFB"
-    },
-    readLabel: {
-      type: String,
-      default: "\u5DF2\u8BFB"
-    },
-    markAllReadText: {
-      type: String,
-      default: "\u5168\u90E8\u6807\u8BB0\u5DF2\u8BFB"
-    },
-    markReadText: {
-      type: String,
-      default: "\u6807\u8BB0\u5DF2\u8BFB"
-    },
-    markUnreadText: {
-      type: String,
-      default: "\u6807\u8BB0\u672A\u8BFB"
-    },
-    manageReadState: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [
-    "update:activeGroupKey",
-    "group-change",
-    "update:readFilter",
-    "read-filter-change",
-    "mark-all-read",
-    "item-click",
-    "item-read-change"
-  ],
-  setup(props, { emit, attrs }) {
-    const resolvedGroups = _vue.computed.call(void 0, 
-      () => _tigercatcore.buildNotificationGroups.call(void 0, props.items, props.groups, props.groupBy, props.groupOrder)
-    );
-    const internalActiveGroupKey = _vue.ref.call(void 0, props.defaultActiveGroupKey);
-    const internalReadFilter = _vue.ref.call(void 0, _nullishCoalesce(props.defaultReadFilter, () => ( "all")));
-    const resolveFirstKey = (groups) => {
-      if (groups.length === 0) return void 0;
-      return getGroupKey(groups[0], 0);
-    };
-    const currentGroupKey = _vue.computed.call(void 0, () => {
-      const firstKey = resolveFirstKey(resolvedGroups.value);
-      return _nullishCoalesce(_nullishCoalesce(props.activeGroupKey, () => ( internalActiveGroupKey.value)), () => ( firstKey));
-    });
-    const currentReadFilter = _vue.computed.call(void 0, () => {
-      return _nullishCoalesce(props.readFilter, () => ( internalReadFilter.value));
-    });
-    _vue.watch.call(void 0, 
-      resolvedGroups,
-      (nextGroups) => {
-        if (props.activeGroupKey !== void 0) return;
-        const nextKeys = nextGroups.map((group, index) => getGroupKey(group, index));
-        if (nextKeys.length === 0) {
-          internalActiveGroupKey.value = void 0;
-          return;
-        }
-        if (!nextKeys.some((key) => key === currentGroupKey.value)) {
-          internalActiveGroupKey.value = nextKeys[0];
-        }
-      },
-      { immediate: true }
-    );
-    const readStateOverrides = _vue.ref.call(void 0, /* @__PURE__ */ new Map());
-    const applyReadOverrides = (items) => {
-      if (!props.manageReadState || readStateOverrides.value.size === 0) return items;
-      return items.map((item) => {
-        const override = readStateOverrides.value.get(item.id);
-        return override !== void 0 ? { ...item, read: override } : item;
-      });
-    };
-    _vue.watch.call(void 0, 
-      () => props.items,
-      () => {
-        if (props.manageReadState) readStateOverrides.value = /* @__PURE__ */ new Map();
-      }
-    );
-    const effectiveGroups = _vue.computed.call(void 0, 
-      () => resolvedGroups.value.map((group) => ({
-        ...group,
-        items: applyReadOverrides(group.items)
-      }))
-    );
-    const effectiveCurrentGroup = _vue.computed.call(void 0, () => {
-      const groups = effectiveGroups.value;
-      if (groups.length === 0) return void 0;
-      const activeKey = currentGroupKey.value;
-      if (activeKey === void 0) return groups[0];
-      const matchedIndex = groups.findIndex(
-        (group, index) => getGroupKey(group, index) === activeKey
-      );
-      return matchedIndex >= 0 ? groups[matchedIndex] : groups[0];
-    });
-    const effectiveCurrentGroupItems = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([effectiveCurrentGroup, 'access', _ => _.value, 'optionalAccess', _2 => _2.items]), () => ( [])));
-    const effectiveItems = _vue.computed.call(void 0, () => applyReadOverrides(props.items));
-    const totalUnread = _vue.computed.call(void 0, () => {
-      const allItems = effectiveGroups.value.flatMap((group) => group.items);
-      if (allItems.length === 0) return effectiveItems.value.filter((item) => !item.read).length;
-      return allItems.filter((item) => !item.read).length;
-    });
-    const filterItems = (items) => {
-      const filter = currentReadFilter.value;
-      return items.filter((item) => {
-        const isRead = Boolean(item.read);
-        if (filter === "read") return isRead;
-        if (filter === "unread") return !isRead;
-        return true;
-      });
-    };
-    const hasUnread = _vue.computed.call(void 0, () => effectiveCurrentGroupItems.value.some((item) => !item.read));
-    const groupTabData = _vue.computed.call(void 0, 
-      () => resolvedGroups.value.map((group, index) => {
-        const effectiveGroup = effectiveGroups.value.find(
-          (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
-        );
-        const groupItems = _nullishCoalesce(_optionalChain([effectiveGroup, 'optionalAccess', _3 => _3.items]), () => ( group.items));
-        const unreadCount = groupItems.filter((item) => !item.read).length;
-        const labelBase = group.title || String(_nullishCoalesce(group.key, () => ( index)));
-        const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
-        const filteredItems = filterItems(groupItems);
-        return { key: getGroupKey(group, index), label, filteredItems };
-      })
-    );
-    const filteredFlatItems = _vue.computed.call(void 0, () => filterItems(effectiveItems.value));
-    const wrapperClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "tiger-notification-center",
-        "w-full",
-        "flex",
-        "flex-col",
-        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 handleGroupChange = (key) => {
-      if (props.activeGroupKey === void 0) {
-        internalActiveGroupKey.value = key;
-      }
-      emit("update:activeGroupKey", key);
-      emit("group-change", key);
-    };
-    const handleReadFilterChange = (filter) => {
-      if (props.readFilter === void 0) {
-        internalReadFilter.value = filter;
-      }
-      emit("update:readFilter", filter);
-      emit("read-filter-change", filter);
-    };
-    const handleMarkAllRead = () => {
-      const items = effectiveCurrentGroupItems.value;
-      if (props.manageReadState) {
-        const next = new Map(readStateOverrides.value);
-        items.forEach((item) => next.set(item.id, true));
-        readStateOverrides.value = next;
-      }
-      emit("mark-all-read", currentGroupKey.value, items);
-    };
-    const handleItemClick = (item, index) => {
-      emit("item-click", item, index);
-    };
-    const handleItemReadChange = (item, nextRead) => {
-      if (props.manageReadState) {
-        const next = new Map(readStateOverrides.value);
-        next.set(item.id, nextRead);
-        readStateOverrides.value = next;
-      }
-      emit("item-read-change", item, nextRead);
-    };
-    const renderReadFilterButtons = () => {
-      const options = [
-        { key: "all", label: props.allLabel },
-        { key: "unread", label: props.unreadLabel },
-        { key: "read", label: props.readLabel }
-      ];
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: "inline-flex items-center gap-0.5 p-0.5 rounded-lg bg-gray-100/80 dark:bg-gray-800/60 self-start"
-        },
-        options.map(
-          (option) => _vue.h.call(void 0, 
-            "button",
-            {
-              key: option.key,
-              class: _tigercatcore.classNames.call(void 0, 
-                "px-3.5 py-1 text-xs font-semibold rounded-md transition-all duration-200",
-                currentReadFilter.value === option.key ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm scale-102" : "text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white"
-              ),
-              onClick: () => handleReadFilterChange(option.key)
-            },
-            option.label
-          )
-        )
-      );
-    };
-    const renderListItem = (item, _index) => {
-      const isRead = Boolean(item.read);
-      const timeText = item.time ? _tigercatcore.formatActivityTime.call(void 0, item.time) : "";
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, 
-            "group relative flex items-start gap-3.5 w-full p-3.5 rounded-xl transition-all duration-300 hover:bg-gray-50/60 dark:hover:bg-gray-800/30",
-            !isRead ? "bg-blue-50/20 dark:bg-blue-950/5 hover:bg-blue-50/40 dark:hover:bg-blue-950/10 border-l-[3px] border-l-blue-500/80 -ml-[3px] pl-[calc(0.875rem-3px)]" : "border-l-[3px] border-l-transparent -ml-[3px] pl-[calc(0.875rem-3px)]"
-          )
-        },
-        [
-          _vue.h.call(void 0, "div", { class: "flex-1 min-w-0" }, [
-            _vue.h.call(void 0, "div", { class: "flex items-baseline justify-between gap-2" }, [
-              _vue.h.call(void 0, "div", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, 
-                  _chunkTGHB5XSTjs.Text,
-                  {
-                    tag: "span",
-                    size: "sm",
-                    weight: isRead ? "normal" : "semibold",
-                    class: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100"
-                  },
-                  { default: () => item.title }
-                ),
-                !isRead ? _vue.h.call(void 0, "span", {
-                  class: "w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 shrink-0 shadow-sm shadow-blue-500/40 animate-pulse"
-                }) : null
-              ]),
-              timeText ? _vue.h.call(void 0, 
-                "span",
-                {
-                  class: "text-[11px] text-gray-400 dark:text-gray-500 font-medium whitespace-nowrap flex-shrink-0 self-center"
-                },
-                timeText
-              ) : null
-            ]),
-            item.description ? _vue.h.call(void 0, 
-              "div",
-              {
-                class: _tigercatcore.classNames.call(void 0, 
-                  "mt-1 text-xs leading-relaxed line-clamp-2",
-                  isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
-                )
-              },
-              item.description
-            ) : null
-          ]),
-          _vue.h.call(void 0, 
-            _chunkHA5QZ76Mjs.Button,
-            {
-              size: "sm",
-              variant: "ghost",
-              class: "opacity-0 group-hover:opacity-100 focus:opacity-100 rounded-full px-2.5 py-1 text-[11px] font-semibold transition-all duration-200 bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 border-0 flex-shrink-0 self-center",
-              onClick: (event) => {
-                event.stopPropagation();
-                handleItemReadChange(item, !isRead);
-              }
-            },
-            { default: () => isRead ? props.markUnreadText : props.markReadText }
-          )
-        ]
-      );
-    };
-    const renderList = (items) => {
-      if (items.length === 0) {
-        return _vue.h.call(void 0, 
-          "div",
-          { class: "flex flex-col items-center justify-center py-14 px-4 text-center" },
-          [
-            _vue.h.call(void 0, 
-              "div",
-              {
-                class: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner"
-              },
-              [
-                _vue.h.call(void 0, 
-                  "svg",
-                  {
-                    class: "w-8 h-8 text-gray-400 dark:text-gray-600 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: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
-                    })
-                  ]
-                )
-              ]
-            ),
-            _vue.h.call(void 0, 
-              _chunkTGHB5XSTjs.Text,
-              {
-                tag: "div",
-                size: "sm",
-                color: "muted",
-                class: "font-semibold text-gray-400 dark:text-gray-500"
-              },
-              { default: () => props.emptyText }
-            )
-          ]
-        );
-      }
-      return _vue.h.call(void 0, 
-        _chunkPH6ERFC7js.List,
-        {
-          dataSource: items,
-          split: true,
-          bordered: "divided",
-          hoverable: true,
-          emptyText: props.emptyText,
-          onItemClick: handleItemClick
-        },
-        {
-          renderItem: ({ item, index }) => renderListItem(item, index)
-        }
-      );
-    };
-    const renderTabs = () => _vue.h.call(void 0, 
-      _chunkYTE45DNCjs.Tabs,
-      {
-        type: "line",
-        size: "small",
-        activeKey: currentGroupKey.value,
-        onChange: handleGroupChange
-      },
-      {
-        default: () => groupTabData.value.map(
-          (tab) => _vue.h.call(void 0, 
-            _chunkYTE45DNCjs.TabPane,
-            {
-              key: tab.key,
-              tabKey: tab.key,
-              label: tab.label
-            },
-            {
-              default: () => _vue.h.call(void 0, 
-                "div",
-                { class: "max-h-[380px] overflow-y-auto" },
-                renderList(tab.filteredItems)
-              )
-            }
-          )
-        )
-      }
-    );
-    return () => {
-      const header = _vue.h.call(void 0, "div", { class: "flex flex-col gap-3" }, [
-        _vue.h.call(void 0, "div", { class: "flex items-center justify-between" }, [
-          _vue.h.call(void 0, "div", { class: "flex items-center gap-2.5" }, [
-            _vue.h.call(void 0, 
-              _chunkTGHB5XSTjs.Text,
-              {
-                tag: "div",
-                size: "base",
-                weight: "bold",
-                class: "text-gray-900 dark:text-gray-100"
-              },
-              { default: () => props.title }
-            ),
-            totalUnread.value > 0 ? _vue.h.call(void 0, 
-              "span",
-              {
-                class: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-bold rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 text-white shadow-sm shadow-blue-500/20 animate-pulse"
-              },
-              String(totalUnread.value)
-            ) : null
-          ]),
-          _vue.h.call(void 0, 
-            _chunkHA5QZ76Mjs.Button,
-            {
-              size: "sm",
-              variant: "ghost",
-              disabled: !hasUnread.value,
-              class: _tigercatcore.classNames.call(void 0, 
-                "text-xs font-semibold transition-colors duration-200",
-                hasUnread.value ? "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300" : "text-gray-400 dark:text-gray-600"
-              ),
-              onClick: handleMarkAllRead
-            },
-            { default: () => props.markAllReadText }
-          )
-        ]),
-        renderReadFilterButtons()
-      ]);
-      const content = props.loading ? _vue.h.call(void 0, "div", { class: "flex items-center justify-center py-16" }, [
-        _vue.h.call(void 0, _chunkRBWJSHKRjs.Loading, {
-          text: props.loadingText,
-          class: "text-blue-500 dark:text-blue-400 font-medium"
-        })
-      ]) : resolvedGroups.value.length > 0 ? _vue.h.call(void 0, "div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : _vue.h.call(void 0, "div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
-        renderList(filteredFlatItems.value)
-      ]);
-      const ariaLabel = _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : props.title)));
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: wrapperClasses.value,
-          style: wrapperStyle.value,
-          role: _nullishCoalesce(attrs.role, () => ( "region")),
-          "aria-label": ariaLabel,
-          "data-tiger-notification-center": true
-        },
-        [
-          _vue.h.call(void 0, 
-            _chunkUG6O4F2Ajs.Card,
-            {
-              variant: "bordered",
-              className: "w-full rounded-2xl border border-gray-100/80 dark:border-gray-800/80 bg-white/95 dark:bg-gray-950/90 backdrop-blur-md shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-[0_8px_30px_rgb(0,0,0,0.2)] transition-all duration-300 overflow-hidden"
-            },
-            {
-              header: () => header,
-              default: () => content
-            }
-          )
-        ]
-      );
-    };
-  }
-});
-var NotificationCenter_default = NotificationCenter;
-
-
-
-
-exports.NotificationCenter = NotificationCenter; exports.NotificationCenter_default = NotificationCenter_default;