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

package/dist/chunk-T4DF24UV.js

@@ -1,114 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Skeleton.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Skeleton = _vue.defineComponent.call(void 0, {
-  name: "TigerSkeleton",
-  inheritAttrs: false,
-  props: {
-    variant: {
-      type: String,
-      default: "text"
-    },
-    animation: {
-      type: String,
-      default: "pulse"
-    },
-    width: {
-      type: String,
-      default: void 0
-    },
-    height: {
-      type: String,
-      default: void 0
-    },
-    shape: {
-      type: String,
-      default: "circle"
-    },
-    rows: {
-      type: Number,
-      default: 1
-    },
-    paragraph: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { attrs }) {
-    const visualClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.getSkeletonClasses.call(void 0, props.variant, props.animation, props.shape)
-    );
-    const dimensions = _vue.computed.call(void 0, 
-      () => _tigercatcore.getSkeletonDimensions.call(void 0, props.variant, props.width, props.height)
-    );
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      const hasAriaLabel = typeof attrsRecord["aria-label"] === "string" || typeof attrsRecord["aria-labelledby"] === "string";
-      const ariaHiddenRaw = attrsRecord["aria-hidden"];
-      const computedAriaHidden = typeof ariaHiddenRaw === "boolean" ? ariaHiddenRaw : hasAriaLabel ? void 0 : true;
-      if (props.variant === "text" && props.rows > 1) {
-        const rows = [];
-        for (let i = 0; i < props.rows; i++) {
-          const rowStyle = {
-            height: dimensions.value.height
-          };
-          if (props.paragraph) {
-            rowStyle.width = _tigercatcore.getParagraphRowWidth.call(void 0, i, props.rows);
-          } else if (dimensions.value.width) {
-            rowStyle.width = dimensions.value.width;
-          }
-          rows.push(
-            _vue.h.call(void 0, "div", {
-              key: i,
-              class: _tigercatcore.classNames.call(void 0, visualClasses.value, i < props.rows - 1 && "mb-2"),
-              style: rowStyle
-            })
-          );
-        }
-        return _vue.h.call(void 0, 
-          "div",
-          {
-            ...attrs,
-            class: _tigercatcore.classNames.call(void 0, "flex flex-col", props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-            style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style),
-            "aria-hidden": computedAriaHidden
-          },
-          rows
-        );
-      }
-      const dim = dimensions.value;
-      return _vue.h.call(void 0, "div", {
-        ...attrs,
-        class: _tigercatcore.classNames.call(void 0, visualClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-        style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style, {
-          ...dim.width ? { width: dim.width } : void 0,
-          height: dim.height
-        }),
-        "aria-hidden": computedAriaHidden
-      });
-    };
-  }
-});
-var Skeleton_default = Skeleton;
-
-
-
-
-exports.Skeleton = Skeleton; exports.Skeleton_default = Skeleton_default;

package/dist/chunk-TCB3WFYM.js

@@ -1,374 +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 _chunkLKRT27JWjs = require('./chunk-LKRT27JW.js');
-
-
-var _chunkH2XEJHGRjs = require('./chunk-H2XEJHGR.js');
-
-
-var _chunkTYYJPEWGjs = require('./chunk-TYYJPEWG.js');
-
-
-var _chunkAWXSJNNPjs = require('./chunk-AWXSJNNP.js');
-
-
-var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
-
-
-var _chunkOQOJI5Q7js = require('./chunk-OQOJI5Q7.js');
-
-// src/components/ChatWindow.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var ChatWindow = _vue.defineComponent.call(void 0, {
-  name: "TigerChatWindow",
-  inheritAttrs: false,
-  props: {
-    messages: {
-      type: Array,
-      default: () => []
-    },
-    modelValue: {
-      type: String
-    },
-    defaultValue: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: "\u8BF7\u8F93\u5165\u6D88\u606F"
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    maxLength: {
-      type: Number
-    },
-    emptyText: {
-      type: String,
-      default: "\u6682\u65E0\u6D88\u606F"
-    },
-    sendText: {
-      type: String,
-      default: "\u53D1\u9001"
-    },
-    messageListAriaLabel: {
-      type: String
-    },
-    inputAriaLabel: {
-      type: String
-    },
-    sendAriaLabel: {
-      type: String
-    },
-    statusText: {
-      type: String
-    },
-    statusVariant: {
-      type: String,
-      default: "info"
-    },
-    showAvatar: {
-      type: Boolean,
-      default: true
-    },
-    showName: {
-      type: Boolean,
-      default: true
-    },
-    showTime: {
-      type: Boolean,
-      default: false
-    },
-    inputType: {
-      type: String,
-      default: "textarea"
-    },
-    inputRows: {
-      type: Number,
-      default: 3
-    },
-    sendOnEnter: {
-      type: Boolean,
-      default: true
-    },
-    allowShiftEnter: {
-      type: Boolean,
-      default: true
-    },
-    allowEmpty: {
-      type: Boolean,
-      default: false
-    },
-    clearOnSend: {
-      type: Boolean,
-      default: true
-    },
-    virtual: {
-      type: Boolean,
-      default: false
-    },
-    virtualItemHeight: {
-      type: Number,
-      default: 88
-    },
-    virtualHeight: {
-      type: Number,
-      default: 400
-    },
-    autoScrollToBottom: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String
-    },
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    "update:modelValue": null,
-    input: null,
-    change: null,
-    send: null
-  },
-  setup(props, { emit, attrs, slots }) {
-    const localValue = _vue.ref.call(void 0, _nullishCoalesce(_nullishCoalesce(props.modelValue, () => ( props.defaultValue)), () => ( "")));
-    _vue.watch.call(void 0, 
-      () => props.modelValue,
-      (nextValue) => {
-        if (nextValue !== void 0 && nextValue !== localValue.value) {
-          localValue.value = nextValue;
-        }
-      }
-    );
-    const wrapperClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden transition-all duration-300",
-        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 inputValue = _vue.computed.call(void 0, 
-      () => props.modelValue !== void 0 ? props.modelValue : localValue.value
-    );
-    const canSend = _vue.computed.call(void 0, () => {
-      if (props.disabled) return false;
-      if (props.allowEmpty) return true;
-      const raw = String(_nullishCoalesce(inputValue.value, () => ( "")));
-      return raw.trim().length > 0;
-    });
-    const handleValueChange = (nextValue) => {
-      if (props.modelValue === void 0) {
-        localValue.value = nextValue;
-      }
-      emit("update:modelValue", nextValue);
-      emit("input", nextValue);
-      emit("change", nextValue);
-    };
-    const handleSend = () => {
-      if (!canSend.value) return;
-      const payload = String(_nullishCoalesce(inputValue.value, () => ( "")));
-      emit("send", payload);
-      if (props.clearOnSend) {
-        handleValueChange("");
-      }
-    };
-    const handleKeydown = (event) => {
-      if (!props.sendOnEnter) return;
-      if (event.key !== "Enter") return;
-      if (props.inputType === "textarea" && props.allowShiftEnter && event.shiftKey) return;
-      event.preventDefault();
-      handleSend();
-    };
-    const messageListRef = _vue.ref.call(void 0, null);
-    const virtualWrapperRef = _vue.ref.call(void 0, null);
-    const scrollToBottom = () => {
-      if (!props.autoScrollToBottom) return;
-      requestAnimationFrame(() => {
-        if (props.virtual) {
-          const wrapper = virtualWrapperRef.value;
-          const scroller = _nullishCoalesce(_optionalChain([wrapper, 'optionalAccess', _ => _.firstElementChild]), () => ( wrapper));
-          if (scroller) {
-            scroller.scrollTop = scroller.scrollHeight;
-          }
-        } else if (messageListRef.value) {
-          messageListRef.value.scrollTop = messageListRef.value.scrollHeight;
-        }
-      });
-    };
-    _vue.onMounted.call(void 0, scrollToBottom);
-    _vue.onUpdated.call(void 0, scrollToBottom);
-    _vue.watch.call(void 0, 
-      () => props.messages.length,
-      () => scrollToBottom()
-    );
-    const renderMessageItem = (message, index) => {
-      const isSelf = message.direction === "self";
-      const statusInfo = message.status ? _tigercatcore.getChatMessageStatusInfo.call(void 0, message.status) : void 0;
-      const timeText = props.showTime ? _tigercatcore.formatChatTime.call(void 0, message.time) : "";
-      const customContent = _optionalChain([slots, 'access', _2 => _2.message, 'optionalCall', _3 => _3({ message, index })]);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, 
-            "flex gap-3 items-start",
-            isSelf ? "flex-row-reverse" : "justify-start"
-          ),
-          "data-tiger-chat-message": "",
-          role: "listitem",
-          key: _nullishCoalesce(message.id, () => ( index))
-        },
-        [
-          props.showAvatar && message.user ? _vue.h.call(void 0, _chunkOQOJI5Q7js.Avatar, {
-            size: "sm",
-            src: message.user.avatar,
-            text: message.user.name,
-            className: "flex-shrink-0"
-          }) : null,
-          _vue.h.call(void 0, "div", { class: _tigercatcore.classNames.call(void 0, "flex flex-col max-w-[75%]", isSelf && "items-end") }, [
-            props.showName && _optionalChain([message, 'access', _4 => _4.user, 'optionalAccess', _5 => _5.name]) ? _vue.h.call(void 0, 
-              "div",
-              {
-                class: _tigercatcore.classNames.call(void 0, 
-                  "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
-                  isSelf && "text-right"
-                )
-              },
-              message.user.name
-            ) : null,
-            _vue.h.call(void 0, 
-              "div",
-              {
-                class: _tigercatcore.classNames.call(void 0, 
-                  "rounded-[var(--tiger-radius-lg,0.75rem)] px-4 py-2.5 text-sm break-words shadow-sm transition-all",
-                  isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-[var(--tiger-radius-sm,0.375rem)]" : "bg-[var(--tiger-surface,#ffffff)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] rounded-tl-[var(--tiger-radius-sm,0.375rem)]"
-                ),
-                "data-tiger-chat-bubble": ""
-              },
-              _nullishCoalesce(customContent, () => ( message.content))
-            ),
-            statusInfo ? _vue.h.call(void 0, 
-              "div",
-              { class: _tigercatcore.classNames.call(void 0, "text-xs mt-1", statusInfo.className) },
-              message.statusText || statusInfo.text
-            ) : null,
-            timeText ? _vue.h.call(void 0, "div", { class: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]" }, timeText) : null
-          ])
-        ]
-      );
-    };
-    const renderInput = () => {
-      const resolvedInputLabel = _nullishCoalesce(_nullishCoalesce(props.inputAriaLabel, () => ( props.placeholder)), () => ( "\u6D88\u606F\u8F93\u5165"));
-      const commonProps = {
-        modelValue: inputValue.value,
-        placeholder: props.placeholder,
-        disabled: props.disabled,
-        maxLength: props.maxLength,
-        onKeydown: handleKeydown,
-        "onUpdate:modelValue": handleValueChange,
-        "aria-label": resolvedInputLabel
-      };
-      if (props.inputType === "input") {
-        return _vue.h.call(void 0, _chunkH2XEJHGRjs.Input, commonProps);
-      }
-      return _vue.h.call(void 0, _chunkAWXSJNNPjs.Textarea, { ...commonProps, rows: props.inputRows });
-    };
-    return () => _vue.h.call(void 0, 
-      "div",
-      {
-        ...attrs,
-        class: wrapperClasses.value,
-        style: wrapperStyle.value,
-        "data-tiger-chat-window": ""
-      },
-      [
-        props.virtual && props.messages.length > 0 ? _vue.h.call(void 0, 
-          "div",
-          {
-            ref: virtualWrapperRef,
-            class: "flex-1 overflow-auto bg-[var(--tiger-surface-muted,#f9fafb)]",
-            role: "log",
-            "aria-live": "polite",
-            "aria-relevant": "additions text",
-            "aria-label": _nullishCoalesce(props.messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868"))
-          },
-          [
-            _vue.h.call(void 0, 
-              _chunkLKRT27JWjs.VirtualList,
-              {
-                itemCount: props.messages.length,
-                itemHeight: props.virtualItemHeight,
-                height: props.virtualHeight
-              },
-              {
-                default: ({ index }) => renderMessageItem(props.messages[index], index)
-              }
-            )
-          ]
-        ) : _vue.h.call(void 0, 
-          "div",
-          {
-            ref: messageListRef,
-            class: "flex-1 overflow-auto p-5 space-y-4 bg-[var(--tiger-surface-muted,#f9fafb)]",
-            role: "log",
-            "aria-live": "polite",
-            "aria-relevant": "additions text",
-            "aria-label": _nullishCoalesce(props.messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868"))
-          },
-          props.messages.length === 0 ? [
-            _vue.h.call(void 0, 
-              "div",
-              {
-                class: "h-full flex items-center justify-center py-8"
-              },
-              [_vue.h.call(void 0, _chunkTYYJPEWGjs.Empty, { description: props.emptyText })]
-            )
-          ] : props.messages.map((message, index) => renderMessageItem(message, index))
-        ),
-        props.statusText ? _vue.h.call(void 0, 
-          "div",
-          {
-            class: _tigercatcore.getChatStatusBarClasses.call(void 0, props.statusVariant)
-          },
-          props.statusText
-        ) : null,
-        _vue.h.call(void 0, 
-          "div",
-          {
-            class: "flex items-end gap-3 px-5 py-4 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg"
-          },
-          [
-            _vue.h.call(void 0, "div", { class: "flex-1" }, [renderInput()]),
-            _vue.h.call(void 0, 
-              _chunkHA5QZ76Mjs.Button,
-              {
-                disabled: !canSend.value,
-                onClick: handleSend,
-                "aria-label": _nullishCoalesce(props.sendAriaLabel, () => ( props.sendText))
-              },
-              () => props.sendText
-            )
-          ]
-        )
-      ]
-    );
-  }
-});
-var ChatWindow_default = ChatWindow;
-
-
-
-
-exports.ChatWindow = ChatWindow; exports.ChatWindow_default = ChatWindow_default;

package/dist/chunk-TGHB5XST.js

@@ -1,91 +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; }// src/components/Text.ts
-var _vue = require('vue');
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Text = _vue.defineComponent.call(void 0, {
-  name: "TigerText",
-  inheritAttrs: false,
-  props: {
-    /**
-     * HTML tag to render
-     * @default 'p'
-     */
-    tag: {
-      type: String,
-      default: "p"
-    },
-    /**
-     * Text size
-     * @default 'base'
-     */
-    size: {
-      type: String,
-      default: "base"
-    },
-    /**
-     * Font weight
-     * @default 'normal'
-     */
-    weight: {
-      type: String,
-      default: "normal"
-    },
-    /**
-     * Text alignment
-     */
-    align: {
-      type: String
-    },
-    /**
-     * Text color
-     * @default 'default'
-     */
-    color: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Truncate text with ellipsis
-     * @default false
-     */
-    truncate: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Italic text style
-     * @default false
-     */
-    italic: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Underline text decoration
-     * @default false
-     */
-    underline: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Line-through text decoration
-     * @default false
-     */
-    lineThrough: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const textClasses = _vue.computed.call(void 0, () => _tigercatcore.getTextClasses.call(void 0, props));
-    return () => _vue.h.call(void 0, props.tag, { ...attrs, class: [textClasses.value, attrs.class] }, _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]));
-  }
-});
-var Text_default = Text;
-
-
-
-
-exports.Text = Text; exports.Text_default = Text_default;

package/dist/chunk-TLXEFLPA.js

@@ -1,39 +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; }// src/components/Layout.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-var Layout = _vue.defineComponent.call(void 0, {
-  name: "TigerLayout",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const layoutClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.layoutRootClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    return () => _vue.h.call(void 0, "div", { ...attrs, class: layoutClasses.value, style: props.style }, _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]));
-  }
-});
-var Layout_default = Layout;
-
-
-
-
-exports.Layout = Layout; exports.Layout_default = Layout_default;