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

package/dist/chunk-ZQD2MCNX.mjs

@@ -1,231 +0,0 @@
-import {
-  createStatusIcon,
-  createStatusIconWithLoading
-} from "./chunk-2TNZ4JNT.mjs";
-
-// src/components/Message.ts
-import {
-  createApp,
-  defineComponent,
-  h,
-  ref,
-  computed,
-  Teleport,
-  TransitionGroup
-} from "vue";
-import {
-  classNames,
-  getMessageTypeClasses,
-  defaultMessageThemeColors,
-  messageContainerBaseClasses,
-  messagePositionClasses,
-  messageBaseClasses,
-  messageIconClasses,
-  messageContentClasses,
-  messageCloseButtonClasses,
-  messageLoadingSpinnerClasses,
-  getMessageIconPath,
-  messageCloseIconPath,
-  normalizeStringOption,
-  createInstanceCounter,
-  isBrowser
-} from "@expcat/tigercat-core";
-var MESSAGE_CONTAINER_ID = "tiger-message-container";
-var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
-var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
-var messageInstances = ref([]);
-var IS_TEST_ENV = (() => {
-  const proc = globalThis.process;
-  return typeof proc !== "undefined" && proc.env?.NODE_ENV === "test";
-})();
-var containerApp = null;
-var getNextInstanceId = createInstanceCounter();
-var MessageContainer = defineComponent({
-  name: "TigerMessageContainer",
-  props: {
-    position: {
-      type: String,
-      default: "top"
-    }
-  },
-  setup(props) {
-    const containerClasses = computed(() => {
-      return classNames(messageContainerBaseClasses, messagePositionClasses[props.position]);
-    });
-    const renderMessageItem = (message) => {
-      const colorScheme = getMessageTypeClasses(message.type, defaultMessageThemeColors);
-      const messageClasses = classNames(
-        messageBaseClasses,
-        colorScheme.bg,
-        colorScheme.border,
-        colorScheme.text,
-        message.className
-      );
-      const iconPath = message.icon || getMessageIconPath(message.type);
-      const iconClass = classNames(messageIconClasses, colorScheme.icon);
-      const a11yRole = message.type === "error" ? "alert" : "status";
-      const ariaLive = message.type === "error" ? "assertive" : "polite";
-      const children = [
-        createStatusIconWithLoading(
-          iconPath,
-          iconClass,
-          message.type === "loading",
-          messageLoadingSpinnerClasses
-        ),
-        h("div", { class: messageContentClasses }, message.content)
-      ];
-      if (message.closable) {
-        children.push(
-          h(
-            "button",
-            {
-              class: messageCloseButtonClasses,
-              onClick: () => removeMessage(message.id),
-              "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
-              type: "button"
-            },
-            createStatusIcon(messageCloseIconPath, "w-4 h-4")
-          )
-        );
-      }
-      return h(
-        "div",
-        {
-          key: message.id,
-          class: messageClasses,
-          role: a11yRole,
-          "aria-live": ariaLive,
-          "aria-atomic": "true",
-          "aria-busy": message.type === "loading" ? "true" : void 0,
-          "data-tiger-message": "",
-          "data-tiger-message-type": message.type,
-          "data-tiger-message-id": String(message.id)
-        },
-        children
-      );
-    };
-    return () => h(
-      Teleport,
-      { to: "body" },
-      h(
-        "div",
-        {
-          class: containerClasses.value,
-          id: MESSAGE_CONTAINER_ID,
-          "aria-live": "polite",
-          "aria-relevant": "additions",
-          "data-tiger-message-container": ""
-        },
-        IS_TEST_ENV ? messageInstances.value.map(renderMessageItem) : h(
-          TransitionGroup,
-          { name: "message" },
-          () => messageInstances.value.map(renderMessageItem)
-        )
-      )
-    );
-  }
-});
-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(MessageContainer);
-  containerApp.mount(rootEl);
-}
-function addMessage(config) {
-  const id = getNextInstanceId();
-  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
-  };
-  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);
-    if (instance.onClose) {
-      instance.onClose();
-    }
-  }
-}
-function clearAll() {
-  messageInstances.value.forEach((instance) => {
-    if (instance.onClose) {
-      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 {
-  MessageContainer,
-  Message,
-  Message_default
-};

package/dist/chunk-ZYCOHZCM.mjs

@@ -1,92 +0,0 @@
-// src/components/Segmented.ts
-import { defineComponent, h } from "vue";
-import {
-  getSegmentedContainerClasses,
-  getSegmentedContainerStyle,
-  getSegmentedIndicatorClasses,
-  getSegmentedIndicatorStyle,
-  getSegmentedOptionClasses,
-  classNames,
-  coerceClassValue,
-  mergeStyleValues
-} from "@expcat/tigercat-core";
-var Segmented = defineComponent({
-  name: "TigerSegmented",
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    block: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit, attrs }) {
-    function handleSelect(option) {
-      if (option.disabled || props.disabled) return;
-      if (option.value === props.modelValue) return;
-      emit("update:modelValue", option.value);
-      emit("change", option.value);
-    }
-    return () => h(
-      "div",
-      {
-        ...attrs,
-        class: classNames(
-          getSegmentedContainerClasses(props.size, props.block),
-          props.className,
-          coerceClassValue(attrs.class)
-        ),
-        style: mergeStyleValues(
-          attrs.style,
-          getSegmentedContainerStyle(props.options.length)
-        ),
-        role: "radiogroup"
-      },
-      [
-        h("div", {
-          "data-tiger-segmented-indicator": "true",
-          "aria-hidden": "true",
-          class: getSegmentedIndicatorClasses(props.size),
-          style: getSegmentedIndicatorStyle(
-            props.options.findIndex((opt) => opt.value === props.modelValue),
-            props.options.length,
-            props.size
-          )
-        }),
-        ...props.options.map((opt) => {
-          const selected = opt.value === props.modelValue;
-          const isDisabled = !!opt.disabled || props.disabled;
-          return h(
-            "label",
-            {
-              key: opt.value,
-              class: classNames(
-                getSegmentedOptionClasses(props.size, selected, isDisabled),
-                props.block ? "flex-1 text-center" : ""
-              ),
-              role: "radio",
-              "aria-checked": selected,
-              "aria-disabled": isDisabled,
-              onClick: () => handleSelect(opt)
-            },
-            [h("span", null, opt.label)]
-          );
-        })
-      ]
-    );
-  }
-});
-var Segmented_default = Segmented;
-
-export {
-  Segmented,
-  Segmented_default
-};

package/dist/components/ActivityFeed.d.ts

@@ -1,124 +0,0 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
-import { ActivityItem, ActivityGroup, ActivityFeedProps } from '@expcat/tigercat-core';
-
-interface VueActivityFeedProps extends Omit<ActivityFeedProps, 'renderItem' | 'renderGroupHeader'> {
-    className?: string;
-    style?: Record<string, string | number>;
-}
-declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
-    items: {
-        type: PropType<ActivityItem[]>;
-        default: () => never[];
-    };
-    groups: {
-        type: PropType<ActivityGroup[]>;
-        default: undefined;
-    };
-    groupBy: {
-        type: PropType<(item: ActivityItem) => string>;
-        default: undefined;
-    };
-    groupOrder: {
-        type: PropType<string[]>;
-        default: undefined;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadingText: {
-        type: StringConstructor;
-        default: string;
-    };
-    emptyText: {
-        type: StringConstructor;
-        default: string;
-    };
-    showAvatar: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showTime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showGroupTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    style: {
-        type: PropType<Record<string, string | number>>;
-        default: undefined;
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    items: {
-        type: PropType<ActivityItem[]>;
-        default: () => never[];
-    };
-    groups: {
-        type: PropType<ActivityGroup[]>;
-        default: undefined;
-    };
-    groupBy: {
-        type: PropType<(item: ActivityItem) => string>;
-        default: undefined;
-    };
-    groupOrder: {
-        type: PropType<string[]>;
-        default: undefined;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadingText: {
-        type: StringConstructor;
-        default: string;
-    };
-    emptyText: {
-        type: StringConstructor;
-        default: string;
-    };
-    showAvatar: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showTime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showGroupTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    style: {
-        type: PropType<Record<string, string | number>>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    loadingText: string;
-    emptyText: string;
-    className: string;
-    style: Record<string, string | number>;
-    loading: boolean;
-    groupBy: (item: ActivityItem) => string;
-    items: ActivityItem[];
-    groups: ActivityGroup[];
-    groupOrder: string[];
-    showAvatar: boolean;
-    showTime: boolean;
-    showGroupTitle: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
-export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/ActivityFeed.js

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-var _chunkLG55VN6Bjs = require('../chunk-LG55VN6B.js');
-require('../chunk-TXQEHRQB.js');
-require('../chunk-RBWJSHKR.js');
-require('../chunk-2DC3BMED.js');
-require('../chunk-EQW6IUHG.js');
-require('../chunk-BPAZBRCR.js');
-require('../chunk-TGHB5XST.js');
-require('../chunk-UG6O4F2A.js');
-require('../chunk-Z6HBM73W.js');
-require('../chunk-ODQOYMUQ.js');
-require('../chunk-IXTYS3EK.js');
-
-
-
-exports.ActivityFeed = _chunkLG55VN6Bjs.ActivityFeed; exports.default = _chunkLG55VN6Bjs.ActivityFeed_default;

package/dist/components/Affix.d.ts

@@ -1,75 +0,0 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
-
-interface VueAffixProps {
-    offsetTop?: number;
-    offsetBottom?: number;
-    target?: string;
-    zIndex?: number;
-    className?: string;
-    style?: Record<string, string | number>;
-}
-declare const Affix: vue.DefineComponent<vue.ExtractPropTypes<{
-    offsetTop: {
-        type: NumberConstructor;
-        default: number;
-    };
-    offsetBottom: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    target: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    style: {
-        type: PropType<Record<string, string | number>>;
-        default: undefined;
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    offsetTop: {
-        type: NumberConstructor;
-        default: number;
-    };
-    offsetBottom: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    target: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    style: {
-        type: PropType<Record<string, string | number>>;
-        default: undefined;
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    className: string;
-    style: Record<string, string | number>;
-    target: string;
-    zIndex: number;
-    offsetTop: number;
-    offsetBottom: number;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
-export { Affix, type VueAffixProps, Affix as default };

package/dist/components/Affix.js

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-var _chunkCWNEDREVjs = require('../chunk-CWNEDREV.js');
-
-
-
-exports.Affix = _chunkCWNEDREVjs.Affix; exports.default = _chunkCWNEDREVjs.Affix_default;