@talex-touch/tuffex 0.3.3

package/dist/es/avatar/src/TxAvatarGroup.vue2.js

@@ -0,0 +1,64 @@
+import { defineComponent, computed, isVNode, cloneVNode, h } from 'vue';
+import TxAvatarComponent from './TxAvatar.vue.js';
+
+const _sfc_main = defineComponent({
+  name: "TxAvatarGroup",
+  props: {
+    max: { type: Number, required: false },
+    size: { type: String, required: false },
+    overlap: { type: [Number, String], default: 8 }
+  },
+  setup(props, { slots }) {
+    const overlapPx = computed(() => {
+      return typeof props.overlap === "number" ? `${props.overlap}px` : props.overlap;
+    });
+    return () => {
+      const nodes = (slots.default?.() ?? []).filter((n) => isVNode(n));
+      const maxVisible = typeof props.max === "number" ? Math.max(0, props.max) : nodes.length;
+      const extraCount = typeof props.max === "number" ? Math.max(0, nodes.length - maxVisible) : 0;
+      const visible = nodes.slice(0, maxVisible);
+      const children = visible.map((vnode, index) => {
+        const rawProps = vnode.props ?? {};
+        const className = rawProps.class;
+        const style = rawProps.style;
+        const mergedStyle = index === 0 ? [style, { zIndex: 1 }] : [style, { marginLeft: `calc(${overlapPx.value} * -1)`, zIndex: index + 1 }];
+        const injectedProps = {
+          class: [className, "tx-avatar-group__item"],
+          style: mergedStyle
+        };
+        if (props.size && rawProps.size == null) {
+          injectedProps.size = props.size;
+        }
+        return cloneVNode(vnode, injectedProps);
+      });
+      if (extraCount > 0) {
+        const index = children.length;
+        children.push(
+          h(
+            TxAvatarComponent,
+            {
+              size: props.size,
+              class: ["tx-avatar-group__item", "tx-avatar-group__more"],
+              style: index === 0 ? [{ zIndex: 1 }] : [{ marginLeft: `calc(${overlapPx.value} * -1)`, zIndex: index + 1 }]
+            },
+            {
+              default: () => `+${extraCount}`
+            }
+          )
+        );
+      }
+      return h(
+        "div",
+        {
+          class: "tx-avatar-group",
+          style: {
+            "--tx-avatar-group-overlap": overlapPx.value
+          }
+        },
+        children
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/avatar/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TxAvatar } from './TxAvatar.vue';
+export { default as TxAvatarGroup } from './TxAvatarGroup.vue';
+export type { AvatarEmits, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus } from './types';

package/dist/es/avatar/src/types.d.ts

@@ -0,0 +1,23 @@
+export type AvatarSize = 'small' | 'medium' | 'large' | 'xlarge';
+export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
+export type AvatarShape = 'circle' | 'square' | 'rounded';
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    name?: string;
+    icon?: string;
+    size?: AvatarSize;
+    status?: AvatarStatus;
+    shape?: AvatarShape;
+    clickable?: boolean;
+    backgroundColor?: string;
+    textColor?: string;
+}
+export interface AvatarEmits {
+    click: [];
+}
+export interface AvatarGroupProps {
+    max?: number;
+    size?: AvatarSize;
+    overlap?: number | string;
+}

package/dist/es/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/dist/es/badge/src/TxBadge.vue.d.ts

@@ -0,0 +1,41 @@
+import { BadgeProps } from './types';
+
+interface Props extends BadgeProps {
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    variant: string;
+    value: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    variant: string;
+    value: number;
+}>>> & Readonly<{}>, {
+    value: number | string;
+    variant: import('./types').BadgeVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/badge/src/TxBadge.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxBadge.vue2.js';
+/* empty css             */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f173120"]]);
+
+export { TxBadge as default };

package/dist/es/badge/src/TxBadge.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "tx-badge__dot"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TxBadge",
+  props: {
+    variant: { default: "default" },
+    value: { default: 0 },
+    color: {},
+    dot: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const customStyle = computed(() => {
+      if (props.color) {
+        return {
+          "--tx-badge-bg": props.color,
+          "--tx-badge-text": "#ffffff"
+        };
+      }
+      return {};
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["tx-badge", [
+          `tx-badge--${__props.variant}`,
+          { "tx-badge--dot": __props.dot }
+        ]]),
+        style: normalizeStyle(customStyle.value)
+      }, [
+        __props.dot ? (openBlock(), createElementBlock("span", _hoisted_1)) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+          createTextVNode(toDisplayString(__props.value), 1)
+        ], true)
+      ], 6);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/badge/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TxBadge } from './TxBadge.vue';
+export type { BadgeProps, BadgeVariant } from './types';

package/dist/es/badge/src/types.d.ts

@@ -0,0 +1,7 @@
+export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error';
+export interface BadgeProps {
+    variant?: BadgeVariant;
+    value?: number | string;
+    color?: string;
+    dot?: boolean;
+}

package/dist/es/blank-slate/index.d.ts

@@ -0,0 +1,152 @@
+import { BlankSlateProps } from './src/types';
+import { default as component } from './src/TxBlankSlate.vue';
+
+declare const TxBlankSlate: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        title: {
+            type: import('vue').PropType<string>;
+        };
+        description: {
+            type: import('vue').PropType<string>;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+        };
+        icon: {
+            type: import('vue').PropType<string | import('..').TxIconSource | null>;
+        };
+        size: {
+            type: import('vue').PropType<import('..').EmptyStateSize>;
+            default: string;
+        };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
+        layout: {
+            type: import('vue').PropType<import('..').EmptyStateLayout>;
+            default: string;
+        };
+        align: {
+            type: import('vue').PropType<import('..').EmptyStateAlign>;
+        };
+        surface: {
+            type: import('vue').PropType<import('..').EmptyStateSurface>;
+            default: string;
+        };
+        primaryAction: {
+            type: import('vue').PropType<import('..').EmptyStateAction>;
+        };
+        secondaryAction: {
+            type: import('vue').PropType<import('..').EmptyStateAction>;
+        };
+        actionSize: {
+            type: import('vue').PropType<"small" | "large" | "sm" | "md" | "lg" | "mini">;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: import('..').EmptyStateSize;
+        layout: import('..').EmptyStateLayout;
+        surface: import('..').EmptyStateSurface;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        title: {
+            type: import('vue').PropType<string>;
+        };
+        description: {
+            type: import('vue').PropType<string>;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+        };
+        icon: {
+            type: import('vue').PropType<string | import('..').TxIconSource | null>;
+        };
+        size: {
+            type: import('vue').PropType<import('..').EmptyStateSize>;
+            default: string;
+        };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
+        layout: {
+            type: import('vue').PropType<import('..').EmptyStateLayout>;
+            default: string;
+        };
+        align: {
+            type: import('vue').PropType<import('..').EmptyStateAlign>;
+        };
+        surface: {
+            type: import('vue').PropType<import('..').EmptyStateSurface>;
+            default: string;
+        };
+        primaryAction: {
+            type: import('vue').PropType<import('..').EmptyStateAction>;
+        };
+        secondaryAction: {
+            type: import('vue').PropType<import('..').EmptyStateAction>;
+        };
+        actionSize: {
+            type: import('vue').PropType<"small" | "large" | "sm" | "md" | "lg" | "mini">;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        size: import('..').EmptyStateSize;
+        layout: import('..').EmptyStateLayout;
+        surface: import('..').EmptyStateSurface;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: import('vue').PropType<string>;
+    };
+    description: {
+        type: import('vue').PropType<string>;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+    };
+    icon: {
+        type: import('vue').PropType<string | import('..').TxIconSource | null>;
+    };
+    size: {
+        type: import('vue').PropType<import('..').EmptyStateSize>;
+        default: string;
+    };
+    iconSize: {
+        type: import('vue').PropType<number>;
+    };
+    layout: {
+        type: import('vue').PropType<import('..').EmptyStateLayout>;
+        default: string;
+    };
+    align: {
+        type: import('vue').PropType<import('..').EmptyStateAlign>;
+    };
+    surface: {
+        type: import('vue').PropType<import('..').EmptyStateSurface>;
+        default: string;
+    };
+    primaryAction: {
+        type: import('vue').PropType<import('..').EmptyStateAction>;
+    };
+    secondaryAction: {
+        type: import('vue').PropType<import('..').EmptyStateAction>;
+    };
+    actionSize: {
+        type: import('vue').PropType<"small" | "large" | "sm" | "md" | "lg" | "mini">;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: import('..').EmptyStateSize;
+    layout: import('..').EmptyStateLayout;
+    surface: import('..').EmptyStateSurface;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { TxBlankSlate };
+export type { BlankSlateProps };
+export type TxBlankSlateInstance = InstanceType<typeof component>;
+export default TxBlankSlate;

package/dist/es/blank-slate/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '../utils/withInstall.js';
+import _sfc_main from './src/TxBlankSlate.vue.js';
+
+const TxBlankSlate = withInstall(_sfc_main);
+
+export { TxBlankSlate, TxBlankSlate as default };

package/dist/es/blank-slate/src/TxBlankSlate.vue.d.ts

@@ -0,0 +1,33 @@
+import { BlankSlateProps } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BlankSlateProps>, {
+    size: string;
+    layout: string;
+    surface: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BlankSlateProps>, {
+    size: string;
+    layout: string;
+    surface: string;
+}>>> & Readonly<{}>, {
+    size: import('../..').EmptyStateSize;
+    layout: import('../..').EmptyStateLayout;
+    surface: import('../..').EmptyStateSurface;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/es/blank-slate/src/TxBlankSlate.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent, useSlots, resolveDirective, withDirectives, createBlock, openBlock, unref, mergeProps } from 'vue';
+import { TxEmptyState } from '../../empty-state/index.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxBlankSlate"
+  },
+  __name: "TxBlankSlate",
+  props: {
+    title: {},
+    description: {},
+    icon: {},
+    iconSize: {},
+    layout: { default: "vertical" },
+    align: {},
+    size: { default: "large" },
+    surface: { default: "plain" },
+    primaryAction: {},
+    secondaryAction: {},
+    actionSize: {},
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    return (_ctx, _cache) => {
+      const _directive_slots = resolveDirective("slots");
+      return withDirectives((openBlock(), createBlock(unref(TxEmptyState), mergeProps(props, { variant: "blank-slate" }), null, 16)), [
+        [_directive_slots, unref(slots)]
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/blank-slate/src/TxBlankSlate.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './TxBlankSlate.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/es/blank-slate/src/types.d.ts

@@ -0,0 +1,3 @@
+import { EmptyStateProps } from '../../empty-state';
+
+export type BlankSlateProps = Omit<EmptyStateProps, 'variant'>;

package/dist/es/breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/dist/es/breadcrumb/src/TxBreadcrumb.vue.d.ts

@@ -0,0 +1,33 @@
+import { BreadcrumbItem, BreadcrumbProps } from './types';
+
+interface Props extends BreadcrumbProps {
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    separatorIcon: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (item: BreadcrumbItem, index: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    separatorIcon: string;
+}>>> & Readonly<{
+    onClick?: ((item: BreadcrumbItem, index: number) => any) | undefined;
+}>, {
+    separatorIcon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/es/breadcrumb/src/TxBreadcrumb.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxBreadcrumb.vue2.js';
+/* empty css                  */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64ef1ad9"]]);
+
+export { TxBreadcrumb as default };

package/dist/es/breadcrumb/src/TxBreadcrumb.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, normalizeClass, withCtx, createTextVNode, unref, toDisplayString, createVNode } from 'vue';
+import { TxIcon } from '../../icon/index.js';
+
+const _hoisted_1 = {
+  class: "tx-breadcrumb",
+  "aria-label": "Breadcrumb"
+};
+const _hoisted_2 = { class: "tx-breadcrumb__list" };
+const _hoisted_3 = {
+  key: 0,
+  class: "tx-breadcrumb__separator",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TxBreadcrumb",
+  props: {
+    items: {},
+    separatorIcon: { default: "chevron-right" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function handleClick(item, index) {
+      if (!item.href) {
+        emit("click", item, index);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", _hoisted_1, [
+        createElementVNode("ol", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: index,
+              class: "tx-breadcrumb__item"
+            }, [
+              (openBlock(), createBlock(resolveDynamicComponent(item.href ? "a" : "span"), {
+                href: item.href,
+                class: normalizeClass(["tx-breadcrumb__link", { "tx-breadcrumb__link--current": index === __props.items.length - 1 }]),
+                "aria-current": index === __props.items.length - 1 ? "page" : void 0,
+                onClick: ($event) => handleClick(item, index)
+              }, {
+                default: withCtx(() => [
+                  item.icon ? (openBlock(), createBlock(unref(TxIcon), {
+                    key: 0,
+                    name: item.icon,
+                    class: "tx-breadcrumb__icon"
+                  }, null, 8, ["name"])) : createCommentVNode("", true),
+                  createTextVNode(" " + toDisplayString(item.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["href", "class", "aria-current", "onClick"])),
+              index < __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_3, [
+                createVNode(unref(TxIcon), { name: __props.separatorIcon }, null, 8, ["name"])
+              ])) : createCommentVNode("", true)
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/breadcrumb/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TxBreadcrumb } from './TxBreadcrumb.vue';
+export type { BreadcrumbEmits, BreadcrumbItem, BreadcrumbProps } from './types';

package/dist/es/breadcrumb/src/types.d.ts

@@ -0,0 +1,13 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separatorIcon?: string;
+}
+export interface BreadcrumbEmits {
+    click: [item: BreadcrumbItem, index: number];
+}

package/dist/es/button/__tests__/button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/es/button/__tests__/split-button.test.d.ts

@@ -0,0 +1 @@
+export {};