@talex-touch/tuffex 0.3.3

package/dist/es/tag-input/src/TxTagInput.vue2.js

@@ -0,0 +1,144 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, unref } from 'vue';
+import '../../tag/index.js';
+import _sfc_main$1 from '../../tag/src/TxTag.vue.js';
+/* empty css                       */
+
+const _hoisted_1 = { class: "tx-tag-input__tags" };
+const _hoisted_2 = ["value", "placeholder", "disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxTagInput" },
+  __name: "TxTagInput",
+  props: {
+    modelValue: { default: () => [] },
+    placeholder: { default: "Add tag" },
+    disabled: { type: Boolean, default: false },
+    max: { default: 20 },
+    allowDuplicates: { type: Boolean, default: false },
+    separators: { default: () => [","] },
+    confirmOnBlur: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "change", "add", "remove", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputRef = ref(null);
+    const inputValue = ref("");
+    const tags = computed(() => props.modelValue ?? []);
+    const canAddMore = computed(() => tags.value.length < (props.max ?? 0));
+    const inputDisabled = computed(() => props.disabled || !canAddMore.value);
+    function emitChange(next) {
+      emit("update:modelValue", next);
+      emit("change", next);
+    }
+    function normalizeTag(tag) {
+      const value = tag.trim();
+      if (!value)
+        return null;
+      return value;
+    }
+    function addTags(values) {
+      if (props.disabled)
+        return;
+      const added = [];
+      const next = tags.value.slice();
+      for (const raw of values) {
+        const tag = normalizeTag(raw);
+        if (!tag)
+          continue;
+        if (!props.allowDuplicates && next.includes(tag))
+          continue;
+        if (next.length >= (props.max ?? 0))
+          break;
+        next.push(tag);
+        added.push(tag);
+      }
+      if (added.length) {
+        emit("add", added);
+        emitChange(next);
+      }
+    }
+    function removeTag(tag) {
+      if (props.disabled)
+        return;
+      const next = tags.value.filter((t) => t !== tag);
+      emit("remove", tag);
+      emitChange(next);
+    }
+    function focusInput() {
+      inputRef.value?.focus();
+    }
+    function splitBySeparators(value) {
+      const separators = props.separators ?? [];
+      if (!separators.length)
+        return [value];
+      const escaped = separators.map((s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("");
+      if (!escaped)
+        return [value];
+      const pattern = new RegExp(`[${escaped}]`, "g");
+      return value.split(pattern);
+    }
+    function onInput(value) {
+      inputValue.value = value;
+      const parts = splitBySeparators(value);
+      if (parts.length > 1) {
+        addTags(parts.slice(0, -1));
+        inputValue.value = parts[parts.length - 1] ?? "";
+      }
+    }
+    function confirmInput() {
+      const parts = splitBySeparators(inputValue.value);
+      addTags(parts);
+      inputValue.value = "";
+    }
+    function onKeydown(e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        confirmInput();
+        return;
+      }
+      if (e.key === "Backspace" && !inputValue.value && tags.value.length) {
+        const lastTag = tags.value[tags.value.length - 1];
+        if (lastTag)
+          removeTag(lastTag);
+      }
+    }
+    function onBlur(e) {
+      emit("blur", e);
+      if (props.confirmOnBlur)
+        confirmInput();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tx-tag-input", { "is-disabled": __props.disabled }]),
+        onClick: focusInput
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (tag) => {
+            return openBlock(), createBlock(unref(_sfc_main$1), {
+              key: tag,
+              label: tag,
+              size: "sm",
+              closable: "",
+              disabled: __props.disabled,
+              onClose: ($event) => removeTag(tag)
+            }, null, 8, ["label", "disabled", "onClose"]);
+          }), 128)),
+          createElementVNode("input", {
+            ref_key: "inputRef",
+            ref: inputRef,
+            class: "tx-tag-input__input",
+            value: inputValue.value,
+            placeholder: inputDisabled.value ? "" : __props.placeholder,
+            disabled: inputDisabled.value,
+            onInput: _cache[0] || (_cache[0] = (e) => onInput(e.target.value)),
+            onKeydown,
+            onFocus: _cache[1] || (_cache[1] = (e) => emit("focus", e)),
+            onBlur
+          }, null, 40, _hoisted_2)
+        ])
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/tag-input/src/types.d.ts

@@ -0,0 +1,17 @@
+export interface TagInputProps {
+    modelValue?: string[];
+    placeholder?: string;
+    disabled?: boolean;
+    max?: number;
+    allowDuplicates?: boolean;
+    separators?: string[];
+    confirmOnBlur?: boolean;
+}
+export interface TagInputEmits {
+    (e: 'update:modelValue', value: string[]): void;
+    (e: 'change', value: string[]): void;
+    (e: 'add', value: string[]): void;
+    (e: 'remove', value: string): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+}

package/dist/es/text-transformer/index.d.ts

@@ -0,0 +1,104 @@
+import { TextTransformerProps } from './src/types.ts';
+import { default as TxTextTransformer } from './src/TxTextTransformer.vue';
+
+declare const TextTransformer: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string | number>;
+            required: true;
+        };
+        tag: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        durationMs: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        wrap: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        blurPx: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        tag: string;
+        durationMs: number;
+        wrap: boolean;
+        blurPx: number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string | number>;
+            required: true;
+        };
+        tag: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        durationMs: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        wrap: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        blurPx: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        tag: string;
+        durationMs: number;
+        wrap: boolean;
+        blurPx: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: import('vue').PropType<string | number>;
+        required: true;
+    };
+    tag: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    durationMs: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    wrap: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    blurPx: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    tag: string;
+    durationMs: number;
+    wrap: boolean;
+    blurPx: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            text: string;
+        }): any;
+    };
+}) & import('vue').Plugin;
+export { TextTransformer, TxTextTransformer };
+export type { TextTransformerProps };
+export type TxTextTransformerInstance = InstanceType<typeof TxTextTransformer>;
+export default TextTransformer;

package/dist/es/text-transformer/index.js

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

package/dist/es/text-transformer/src/TxTextTransformer.vue.d.ts

@@ -0,0 +1,47 @@
+import { TextTransformerProps } from './types';
+
+declare function __VLS_template(): {
+    default?(_: {
+        text: string;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextTransformerProps>, {
+    durationMs: number;
+    blurPx: number;
+    tag: string;
+    wrap: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextTransformerProps>, {
+    durationMs: number;
+    blurPx: number;
+    tag: string;
+    wrap: boolean;
+}>>> & Readonly<{}>, {
+    tag: string;
+    durationMs: number;
+    wrap: boolean;
+    blurPx: number;
+}, {}, {}, {}, 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/text-transformer/src/TxTextTransformer.vue.js

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

package/dist/es/text-transformer/src/TxTextTransformer.vue2.js

@@ -0,0 +1,125 @@
+import { defineComponent, ref, computed, watch, onBeforeUnmount, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementVNode, createElementBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, nextTick } from 'vue';
+
+const _hoisted_1 = { class: "tx-text-transformer__layer tx-text-transformer__layer--current" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxTextTransformer"
+  },
+  __name: "TxTextTransformer",
+  props: {
+    text: {},
+    durationMs: { default: 240 },
+    blurPx: { default: 8 },
+    tag: { default: "span" },
+    wrap: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const currentText = ref(String(props.text));
+    const prevText = ref(null);
+    const rootRef = ref(null);
+    const prevColor = ref(null);
+    const showPrev = ref(false);
+    const animating = ref(false);
+    let timer = null;
+    let rafId = null;
+    let opSeq = 0;
+    const styleVars = computed(() => {
+      return {
+        "--tx-tt-duration": `${props.durationMs}ms`,
+        "--tx-tt-blur": `${props.blurPx}px`
+      };
+    });
+    async function runTransition(nextText) {
+      opSeq += 1;
+      const seq = opSeq;
+      if (timer != null) {
+        clearTimeout(timer);
+        timer = null;
+      }
+      if (rafId != null && typeof cancelAnimationFrame !== "undefined") {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+      if (rootRef.value != null && typeof getComputedStyle !== "undefined") {
+        prevColor.value = getComputedStyle(rootRef.value).color;
+      } else {
+        prevColor.value = null;
+      }
+      prevText.value = currentText.value;
+      currentText.value = nextText;
+      showPrev.value = true;
+      animating.value = false;
+      await nextTick();
+      if (seq !== opSeq)
+        return;
+      if (typeof requestAnimationFrame === "undefined") {
+        animating.value = true;
+      } else {
+        rafId = requestAnimationFrame(() => {
+          if (seq !== opSeq)
+            return;
+          animating.value = true;
+          rafId = null;
+        });
+      }
+      timer = setTimeout(() => {
+        if (seq !== opSeq)
+          return;
+        showPrev.value = false;
+        prevText.value = null;
+        animating.value = false;
+        prevColor.value = null;
+        timer = null;
+      }, props.durationMs + 34);
+    }
+    watch(
+      () => props.text,
+      (v) => {
+        const nextText = String(v);
+        if (nextText === currentText.value)
+          return;
+        void runTransition(nextText);
+      }
+    );
+    onBeforeUnmount(() => {
+      if (timer != null)
+        clearTimeout(timer);
+      timer = null;
+      if (rafId != null && typeof cancelAnimationFrame !== "undefined") {
+        cancelAnimationFrame(rafId);
+      }
+      rafId = null;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass(["tx-text-transformer", { "is-animating": animating.value, "has-prev": showPrev.value, "is-wrap": __props.wrap }]),
+        style: normalizeStyle(styleVars.value),
+        "aria-live": "polite"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default", { text: currentText.value }, () => [
+              createTextVNode(toDisplayString(currentText.value), 1)
+            ], true)
+          ]),
+          showPrev.value && prevText.value != null ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: "tx-text-transformer__layer tx-text-transformer__layer--prev",
+            style: normalizeStyle(prevColor.value ? { color: prevColor.value } : void 0),
+            "aria-hidden": "true"
+          }, [
+            renderSlot(_ctx.$slots, "default", { text: prevText.value }, () => [
+              createTextVNode(toDisplayString(prevText.value), 1)
+            ], true)
+          ], 4)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/text-transformer/src/types.d.ts

@@ -0,0 +1,7 @@
+export interface TextTransformerProps {
+    text: string | number;
+    durationMs?: number;
+    blurPx?: number;
+    tag?: string;
+    wrap?: boolean;
+}

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

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

package/dist/es/timeline/src/TxTimeline.vue.d.ts

@@ -0,0 +1,39 @@
+import { TimelineLayout } from './types';
+
+interface Props {
+    layout?: TimelineLayout;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    layout: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    layout: string;
+}>>> & Readonly<{}>, {
+    layout: TimelineLayout;
+}, {}, {}, {}, 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/timeline/src/TxTimeline.vue.js

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

package/dist/es/timeline/src/TxTimeline.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent, provide, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TxTimeline",
+  props: {
+    layout: { default: "vertical" }
+  },
+  setup(__props) {
+    const props = __props;
+    provide("timeline", {
+      layout: props.layout
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tx-timeline", [`tx-timeline--${__props.layout}`]])
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/timeline/src/TxTimelineItem.vue.d.ts

@@ -0,0 +1,46 @@
+import { TimelineItemColor } from './types';
+
+interface Props {
+    title?: string;
+    time?: string;
+    icon?: string;
+    color?: TimelineItemColor;
+    active?: boolean;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    color: string;
+    active: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    color: string;
+    active: boolean;
+}>>> & Readonly<{}>, {
+    active: boolean;
+    color: TimelineItemColor;
+}, {}, {}, {}, 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/timeline/src/TxTimelineItem.vue.js

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

package/dist/es/timeline/src/TxTimelineItem.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent, inject, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, toDisplayString, renderSlot } from 'vue';
+import { TxIcon } from '../../icon/index.js';
+
+const _hoisted_1 = { class: "tx-timeline-item__content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "tx-timeline-item__header"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "tx-timeline-item__title"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "tx-timeline-item__time"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "tx-timeline-item__description"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TxTimelineItem",
+  props: {
+    title: {},
+    time: {},
+    icon: {},
+    color: { default: "default" },
+    active: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const timeline = inject("timeline", { layout: "vertical" });
+    const layout = timeline.layout;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tx-timeline-item", [
+          `tx-timeline-item--${unref(layout)}`,
+          { "tx-timeline-item--active": __props.active }
+        ]])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["tx-timeline-item__dot", `tx-timeline-item__dot--${__props.color}`])
+        }, [
+          __props.icon ? (openBlock(), createBlock(unref(TxIcon), {
+            key: 0,
+            name: __props.icon,
+            class: "tx-timeline-item__icon"
+          }, null, 8, ["name"])) : createCommentVNode("", true)
+        ], 2),
+        createElementVNode("div", _hoisted_1, [
+          __props.title || __props.time ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            __props.title ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            __props.time ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.time), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,3 @@
+export { default as TxTimeline } from './TxTimeline.vue';
+export { default as TxTimelineItem } from './TxTimelineItem.vue';
+export type { TimelineContext, TimelineItemColor, TimelineItemProps, TimelineLayout, TimelineProps } from './types';

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

@@ -0,0 +1,15 @@
+export type TimelineLayout = 'vertical' | 'horizontal';
+export type TimelineItemColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
+export interface TimelineContext {
+    layout: TimelineLayout;
+}
+export interface TimelineProps {
+    layout?: TimelineLayout;
+}
+export interface TimelineItemProps {
+    title?: string;
+    time?: string;
+    icon?: string;
+    color?: TimelineItemColor;
+    active?: boolean;
+}