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

package/dist/components/LineChart.mjs

@@ -1,14 +1,14 @@
 import {
   LineChart,
   LineChart_default
-} from "../chunk-OKR3GRG5.mjs";
-import "../chunk-R2HO74FE.mjs";
-import "../chunk-VVS2CQS4.mjs";
-import "../chunk-2ZUEXCVJ.mjs";
-import "../chunk-OK4PVFQG.mjs";
+} from "../chunk-Z4NJJ7NI.mjs";
+import "../chunk-PE5OA4YG.mjs";
+import "../chunk-SPFL55TF.mjs";
 import "../chunk-ZWVA7HT3.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-MI6TL3CQ.mjs";
+import "../chunk-HLPSHCXO.mjs";
+import "../chunk-2ZUEXCVJ.mjs";
 export {
   LineChart,
   LineChart_default as default

package/dist/components/List.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType, VNode } from 'vue';
-import { ListItem, ListSize, ListBorderStyle, TigerLocale, ListItemLayout, ListPaginationConfig } from '@expcat/tigercat-core';
+import { ListItem, ComponentSize, ListBorderStyle, TigerLocale, ListItemLayout, ListPaginationConfig } from '@expcat/tigercat-core';
 
 declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -14,8 +14,8 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
      * List size
      */
     size: {
-        type: PropType<ListSize>;
-        default: ListSize;
+        type: PropType<ComponentSize>;
+        default: string;
     };
     /**
      * Border style
@@ -159,8 +159,8 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
      * List size
      */
     size: {
-        type: PropType<ListSize>;
-        default: ListSize;
+        type: PropType<ComponentSize>;
+        default: string;
     };
     /**
      * Border style
@@ -298,7 +298,7 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
     locale: Partial<TigerLocale>;
     pagination: false | ListPaginationConfig;
     emptyText: string;
-    size: ListSize;
+    size: ComponentSize;
     className: string;
     style: Record<string, string | number>;
     loading: boolean;
@@ -316,7 +316,7 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueListProps {
     dataSource?: ListItem[];
-    size?: ListSize;
+    size?: ComponentSize;
     bordered?: ListBorderStyle;
     loading?: boolean;
     emptyText?: string;

package/dist/components/List.mjs

@@ -1,8 +1,8 @@
 import {
   List,
   List_default
-} from "../chunk-BYX756N5.mjs";
-import "../chunk-PENI3H3I.mjs";
+} from "../chunk-6FV2OMB7.mjs";
+import "../chunk-HS4YQGZQ.mjs";
 import "../chunk-R6WFL6NI.mjs";
 export {
   List,

package/dist/components/MarkdownEditor.mjs

@@ -1,7 +1,7 @@
 import {
   MarkdownEditor,
   MarkdownEditor_default
-} from "../chunk-HKRMZODL.mjs";
+} from "../chunk-HIXWZVE5.mjs";
 export {
   MarkdownEditor,
   MarkdownEditor_default as default

package/dist/components/Menu.d.mts

@@ -144,7 +144,7 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "open-change" | "update:selectedKeys" | "update:openKeys" | "update:searchValue")[], "search" | "select" | "open-change" | "update:selectedKeys" | "update:openKeys" | "update:searchValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "update:searchValue" | "open-change" | "update:selectedKeys" | "update:openKeys")[], "search" | "select" | "update:searchValue" | "open-change" | "update:selectedKeys" | "update:openKeys", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Data-driven menu items
      */
@@ -254,11 +254,11 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
-    onSearch?: ((...args: any[]) => any) | undefined;
+    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
     "onOpen-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:openKeys"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     theme: MenuTheme;
     emptyText: string;
@@ -268,6 +268,8 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
     style: Record<string, string | number> | undefined;
     searchable: boolean;
     multiple: boolean;
+    searchValue: string;
+    defaultSearchValue: string;
     collapsed: boolean;
     items: MenuItem$1[];
     defaultSelectedKeys: (string | number)[];
@@ -276,8 +278,6 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
     defaultOpenKeys: (string | number)[];
     inlineIndent: number;
     popupPortal: boolean;
-    searchValue: string;
-    defaultSearchValue: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface VueMenuItemProps {

package/dist/components/Message.d.mts

@@ -1,33 +1,8 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
-import { MessagePosition, MessageOptions } from '@expcat/tigercat-core';
+import { MessageOptions } from '@expcat/tigercat-core';
+export { MessageContainer, VueMessageContainerProps } from './MessageContainer.mjs';
+import 'vue';
 
-interface VueMessageContainerProps {
-    position?: MessagePosition;
-}
-/** Options accepted by the Vue global Message API. */
 type VueMessageProps = MessageOptions;
-/**
- * Message container component
- */
-declare const MessageContainer: vue.DefineComponent<vue.ExtractPropTypes<{
-    position: {
-        type: PropType<MessagePosition>;
-        default: MessagePosition;
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    position: {
-        type: PropType<MessagePosition>;
-        default: MessagePosition;
-    };
-}>> & Readonly<{}>, {
-    position: MessagePosition;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-/**
- * Message API
- */
 declare const Message: {
     info(options: MessageOptions): () => void;
     success(options: MessageOptions): () => void;
@@ -37,4 +12,4 @@ declare const Message: {
     clear(): void;
 };
 
-export { Message, MessageContainer, type VueMessageContainerProps, type VueMessageProps, Message as default };
+export { Message, type VueMessageProps, Message as default };

package/dist/components/Message.mjs

@@ -1,9 +1,144 @@
 import {
-  Message,
-  MessageContainer,
-  Message_default
-} from "../chunk-ZQD2MCNX.mjs";
+  MessageContainer
+} from "../chunk-GTFAC625.mjs";
 import "../chunk-2TNZ4JNT.mjs";
+
+// src/components/Message.ts
+import { createApp, defineComponent, h, ref } from "vue";
+import {
+  createInstanceCounter,
+  isBrowser,
+  normalizeStringOption
+} from "@expcat/tigercat-core";
+var MESSAGE_CONTAINER_ID = "tiger-message-container";
+var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
+var MESSAGE_POSITIONS = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+];
+var messageInstances = ref([]);
+var containerApp = null;
+var getNextInstanceId = null;
+function getMessageInstanceId() {
+  getNextInstanceId ??= createInstanceCounter();
+  return getNextInstanceId();
+}
+var MessageHost = /* @__PURE__ */ defineComponent({
+  name: "TigerMessageHost",
+  setup() {
+    return () => MESSAGE_POSITIONS.map((position) => {
+      const positionedMessages = messageInstances.value.filter(
+        (message) => message.position === position
+      );
+      if (positionedMessages.length === 0) return null;
+      return h(MessageContainer, {
+        key: position,
+        position,
+        messages: positionedMessages,
+        onClose: removeMessage
+      });
+    });
+  }
+});
+function ensureContainer() {
+  if (!isBrowser()) {
+    return;
+  }
+  const existingRootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
+  if (containerApp && !existingRootEl) {
+    containerApp = null;
+  }
+  if (containerApp) {
+    return;
+  }
+  let rootEl = existingRootEl;
+  if (!rootEl) {
+    rootEl = document.createElement("div");
+    rootEl.id = MESSAGE_CONTAINER_ROOT_ID;
+    document.body.appendChild(rootEl);
+  }
+  containerApp = createApp(MessageHost);
+  containerApp.mount(rootEl);
+}
+function addMessage(config) {
+  const id = getMessageInstanceId();
+  const instance = {
+    id,
+    type: config.type || "info",
+    content: config.content,
+    duration: config.duration !== void 0 ? config.duration : 3e3,
+    closable: config.closable || false,
+    onClose: config.onClose,
+    icon: config.icon,
+    className: config.className,
+    position: config.position ?? "top"
+  };
+  messageInstances.value.push(instance);
+  ensureContainer();
+  if (instance.duration > 0) {
+    setTimeout(() => {
+      removeMessage(id);
+    }, instance.duration);
+  }
+  return () => removeMessage(id);
+}
+function removeMessage(id) {
+  const index = messageInstances.value.findIndex((msg) => msg.id === id);
+  if (index !== -1) {
+    const instance = messageInstances.value[index];
+    messageInstances.value.splice(index, 1);
+    instance.onClose?.();
+  }
+}
+function clearAll() {
+  messageInstances.value.forEach((instance) => {
+    instance.onClose?.();
+  });
+  messageInstances.value = [];
+  if (containerApp) {
+    containerApp.unmount();
+    containerApp = null;
+  }
+  if (isBrowser()) {
+    const rootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
+    if (rootEl?.parentNode) {
+      rootEl.parentNode.removeChild(rootEl);
+    }
+  }
+}
+function normalizeOptions(options) {
+  return normalizeStringOption(options, "content");
+}
+var Message = {
+  info(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "info" });
+  },
+  success(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "success" });
+  },
+  warning(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "warning" });
+  },
+  error(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "error" });
+  },
+  loading(options) {
+    const config = normalizeOptions(options);
+    return addMessage({ ...config, type: "loading", duration: 0 });
+  },
+  clear() {
+    clearAll();
+  }
+};
+var Message_default = Message;
 export {
   Message,
   MessageContainer,

package/dist/components/{Message.d.ts → MessageContainer.d.mts}

@@ -1,20 +1,22 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { MessagePosition, MessageOptions } from '@expcat/tigercat-core';
+import { MessagePosition, MessageInstance } from '@expcat/tigercat-core';
 
 interface VueMessageContainerProps {
     position?: MessagePosition;
+    messages?: MessageInstance[];
+    onClose?: (id: string | number) => void;
 }
-/** Options accepted by the Vue global Message API. */
-type VueMessageProps = MessageOptions;
-/**
- * Message container component
- */
 declare const MessageContainer: vue.DefineComponent<vue.ExtractPropTypes<{
     position: {
         type: PropType<MessagePosition>;
         default: MessagePosition;
     };
+    messages: {
+        type: PropType<MessageInstance[]>;
+        default: () => never[];
+    };
+    onClose: PropType<(id: string | number) => void>;
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -22,19 +24,14 @@ declare const MessageContainer: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<MessagePosition>;
         default: MessagePosition;
     };
+    messages: {
+        type: PropType<MessageInstance[]>;
+        default: () => never[];
+    };
+    onClose: PropType<(id: string | number) => void>;
 }>> & Readonly<{}>, {
     position: MessagePosition;
+    messages: MessageInstance[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-/**
- * Message API
- */
-declare const Message: {
-    info(options: MessageOptions): () => void;
-    success(options: MessageOptions): () => void;
-    warning(options: MessageOptions): () => void;
-    error(options: MessageOptions): () => void;
-    loading(options: MessageOptions): () => void;
-    clear(): void;
-};
 
-export { Message, MessageContainer, type VueMessageContainerProps, type VueMessageProps, Message as default };
+export { MessageContainer, type VueMessageContainerProps, MessageContainer as default };

package/dist/components/MessageContainer.mjs

@@ -0,0 +1,9 @@
+import {
+  MessageContainer,
+  MessageContainer_default
+} from "../chunk-GTFAC625.mjs";
+import "../chunk-2TNZ4JNT.mjs";
+export {
+  MessageContainer,
+  MessageContainer_default as default
+};

package/dist/components/MessageRoot.d.mts

@@ -0,0 +1,9 @@
+import { MessageType, MessageOptions } from '@expcat/tigercat-core';
+
+type VueMessageProps = MessageOptions;
+type MessageClose = () => void;
+declare const Message: Record<MessageType, (options: MessageOptions) => MessageClose> & {
+    clear: () => void;
+};
+
+export { Message, type VueMessageProps };

package/dist/components/MessageRoot.mjs

@@ -0,0 +1,6 @@
+import {
+  Message
+} from "../chunk-4RKBXGHQ.mjs";
+export {
+  Message
+};

package/dist/components/Modal.d.mts

@@ -168,15 +168,6 @@ declare const Modal: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Disable teleport (useful for testing)
-     * @default false
-     * @internal
-     */
-    disableTeleport: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     /**
      * Whether the modal is draggable by its header
      * @default false
@@ -185,7 +176,7 @@ declare const Modal: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => vue.VNodeChild, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("ok" | "cancel" | "close" | "update:open")[], "ok" | "cancel" | "close" | "update:open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue.VNodeChild, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("ok" | "cancel" | "close" | "update:open" | "after-close")[], "ok" | "cancel" | "close" | "update:open" | "after-close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Whether the modal is open
      * @default false
@@ -332,15 +323,6 @@ declare const Modal: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Disable teleport (useful for testing)
-     * @default false
-     * @internal
-     */
-    disableTeleport: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     /**
      * Whether the modal is draggable by its header
      * @default false
@@ -353,6 +335,7 @@ declare const Modal: vue.DefineComponent<vue.ExtractPropTypes<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onAfter-close"?: ((...args: any[]) => any) | undefined;
     onOk?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
@@ -372,7 +355,6 @@ declare const Modal: vue.DefineComponent<vue.ExtractPropTypes<{
     zIndex: number;
     maskClosable: boolean;
     centered: boolean;
-    disableTeleport: boolean;
     destroyOnClose: boolean;
     mobileSheet: boolean;
     showDefaultFooter: boolean;

package/dist/components/Modal.mjs

@@ -1,7 +1,7 @@
 import {
   Modal,
   Modal_default
-} from "../chunk-3VFZB5ZK.mjs";
+} from "../chunk-IQNZ4UEA.mjs";
 import "../chunk-YZBQ6IR7.mjs";
 import "../chunk-Z2ZECCGD.mjs";
 import "../chunk-BDTPFPSB.mjs";

package/dist/components/Notification.d.mts

@@ -1,33 +1,8 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
-import { NotificationPosition, NotificationOptions } from '@expcat/tigercat-core';
+import { NotificationOptions, NotificationPosition } from '@expcat/tigercat-core';
+export { NotificationContainer, VueNotificationContainerProps } from './NotificationContainer.mjs';
+import 'vue';
 
-interface VueNotificationContainerProps {
-    position?: NotificationPosition;
-}
-/** Options accepted by the Vue global notification API. */
 type VueNotificationProps = NotificationOptions;
-/**
- * Notification container component for a specific position
- */
-declare const NotificationContainer: vue.DefineComponent<vue.ExtractPropTypes<{
-    position: {
-        type: PropType<NotificationPosition>;
-        default: NotificationPosition;
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    position: {
-        type: PropType<NotificationPosition>;
-        default: NotificationPosition;
-    };
-}>> & Readonly<{}>, {
-    position: NotificationPosition;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-/**
- * Notification API
- */
 declare const notification: {
     info(options: NotificationOptions): () => void;
     success(options: NotificationOptions): () => void;
@@ -36,4 +11,4 @@ declare const notification: {
     clear(position?: NotificationPosition): void;
 };
 
-export { NotificationContainer, type VueNotificationContainerProps, type VueNotificationProps, notification as default, notification };
+export { type VueNotificationProps, notification as default, notification };