@talex-touch/tuffex 0.3.3 → 0.3.4

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

@@ -0,0 +1,131 @@
+import { TransferEmits, TransferItem, TransferProps } from './src/types';
+import { default as TxTransfer } from './src/TxTransfer.vue';
+
+declare const Transfer: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            type: import('vue').PropType<TransferItem[]>;
+            default: () => never[];
+        };
+        modelValue: {
+            type: import('vue').PropType<(string | number)[]>;
+            default: () => never[];
+        };
+        titles: {
+            type: import('vue').PropType<[string, string]>;
+            default: () => string[];
+        };
+        filterable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        filterPlaceholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        targetOrder: {
+            type: import('vue').PropType<"push" | "original">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: (string | number)[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: (string | number)[]) => void;
+        change: (value: (string | number)[]) => void;
+    }, import('vue').PublicProps, {
+        data: TransferItem[];
+        modelValue: Array<string | number>;
+        titles: [string, string];
+        filterable: boolean;
+        filterPlaceholder: string;
+        targetOrder: "original" | "push";
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            type: import('vue').PropType<TransferItem[]>;
+            default: () => never[];
+        };
+        modelValue: {
+            type: import('vue').PropType<(string | number)[]>;
+            default: () => never[];
+        };
+        titles: {
+            type: import('vue').PropType<[string, string]>;
+            default: () => string[];
+        };
+        filterable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        filterPlaceholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        targetOrder: {
+            type: import('vue').PropType<"push" | "original">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: (string | number)[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        data: TransferItem[];
+        modelValue: Array<string | number>;
+        titles: [string, string];
+        filterable: boolean;
+        filterPlaceholder: string;
+        targetOrder: "original" | "push";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: import('vue').PropType<TransferItem[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import('vue').PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    titles: {
+        type: import('vue').PropType<[string, string]>;
+        default: () => string[];
+    };
+    filterable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    filterPlaceholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    targetOrder: {
+        type: import('vue').PropType<"push" | "original">;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((value: (string | number)[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: (string | number)[]) => void;
+    change: (value: (string | number)[]) => void;
+}, string, {
+    data: TransferItem[];
+    modelValue: Array<string | number>;
+    titles: [string, string];
+    filterable: boolean;
+    filterPlaceholder: string;
+    targetOrder: "original" | "push";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { Transfer, TxTransfer };
+export type { TransferEmits, TransferItem, TransferProps };
+export type TxTransferInstance = InstanceType<typeof TxTransfer>;
+export default Transfer;

package/dist/es/transfer/index.js

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

package/dist/es/transfer/src/TxTransfer.vue.d.ts

@@ -0,0 +1,48 @@
+import { TransferItem, TransferProps } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TransferProps>, {
+    modelValue: () => never[];
+    data: () => never[];
+    titles: () => string[];
+    filterable: boolean;
+    filterPlaceholder: string;
+    targetOrder: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: (string | number)[]) => void;
+    change: (value: (string | number)[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TransferProps>, {
+    modelValue: () => never[];
+    data: () => never[];
+    titles: () => string[];
+    filterable: boolean;
+    filterPlaceholder: string;
+    targetOrder: string;
+}>>> & Readonly<{
+    onChange?: ((value: (string | number)[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+}>, {
+    data: TransferItem[];
+    modelValue: Array<string | number>;
+    titles: [string, string];
+    filterable: boolean;
+    filterPlaceholder: string;
+    targetOrder: "original" | "push";
+}, {}, {}, {}, 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/transfer/src/TxTransfer.vue.js

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

package/dist/es/transfer/src/TxTransfer.vue2.js

@@ -0,0 +1,217 @@
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, createVNode, unref, Fragment, renderList, normalizeClass, withCtx } from 'vue';
+import { TxButton } from '../../button/index.js';
+import '../../checkbox/index.js';
+import { TxInput } from '../../input/index.js';
+import TxCheckbox from '../../checkbox/src/TxCheckbox.vue.js';
+
+const _hoisted_1 = { class: "tx-transfer" };
+const _hoisted_2 = { class: "tx-transfer__panel" };
+const _hoisted_3 = { class: "tx-transfer__panel-header" };
+const _hoisted_4 = { class: "tx-transfer__title" };
+const _hoisted_5 = { class: "tx-transfer__count" };
+const _hoisted_6 = {
+  key: 0,
+  class: "tx-transfer__filter"
+};
+const _hoisted_7 = { class: "tx-transfer__list" };
+const _hoisted_8 = {
+  key: 0,
+  class: "tx-transfer__empty"
+};
+const _hoisted_9 = { class: "tx-transfer__label" };
+const _hoisted_10 = { class: "tx-transfer__actions" };
+const _hoisted_11 = { class: "tx-transfer__panel" };
+const _hoisted_12 = { class: "tx-transfer__panel-header" };
+const _hoisted_13 = { class: "tx-transfer__title" };
+const _hoisted_14 = { class: "tx-transfer__count" };
+const _hoisted_15 = {
+  key: 0,
+  class: "tx-transfer__filter"
+};
+const _hoisted_16 = { class: "tx-transfer__list" };
+const _hoisted_17 = {
+  key: 0,
+  class: "tx-transfer__empty"
+};
+const _hoisted_18 = { class: "tx-transfer__label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxTransfer" },
+  __name: "TxTransfer",
+  props: {
+    modelValue: { default: () => [] },
+    data: { default: () => [] },
+    titles: { default: () => ["Source", "Target"] },
+    filterable: { type: Boolean, default: false },
+    filterPlaceholder: { default: "" },
+    targetOrder: { default: "original" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const leftFilter = ref("");
+    const rightFilter = ref("");
+    const leftChecked = ref([]);
+    const rightChecked = ref([]);
+    const selectedSet = computed(() => new Set(props.modelValue ?? []));
+    const dataMap = computed(() => {
+      return new Map((props.data ?? []).map((item) => [item.key, item]));
+    });
+    const sourceItems = computed(() => {
+      return (props.data ?? []).filter((item) => !selectedSet.value.has(item.key));
+    });
+    const targetItems = computed(() => {
+      if (props.targetOrder === "original") {
+        return (props.data ?? []).filter((item) => selectedSet.value.has(item.key));
+      }
+      const ordered = [];
+      for (const key of props.modelValue ?? []) {
+        const item = dataMap.value.get(key);
+        if (item)
+          ordered.push(item);
+      }
+      return ordered;
+    });
+    function filterItems(list, query) {
+      const normalized = query.trim().toLowerCase();
+      if (!normalized)
+        return list;
+      return list.filter((item) => (item.label || "").toLowerCase().includes(normalized));
+    }
+    const filteredSource = computed(() => filterItems(sourceItems.value, leftFilter.value));
+    const filteredTarget = computed(() => filterItems(targetItems.value, rightFilter.value));
+    function normalizeChecked() {
+      const sourceKeys = new Set(sourceItems.value.map((item) => item.key));
+      const targetKeys = new Set(targetItems.value.map((item) => item.key));
+      leftChecked.value = leftChecked.value.filter((key) => sourceKeys.has(key));
+      rightChecked.value = rightChecked.value.filter((key) => targetKeys.has(key));
+    }
+    watch(
+      () => [props.modelValue, props.data],
+      () => normalizeChecked(),
+      { deep: true }
+    );
+    function updateChecked(list, key, checked) {
+      const next = new Set(list);
+      if (checked)
+        next.add(key);
+      else
+        next.delete(key);
+      return Array.from(next);
+    }
+    function resolveOrder(keys) {
+      if (props.targetOrder !== "original")
+        return keys;
+      const order = (props.data ?? []).map((item) => item.key);
+      const set = new Set(keys);
+      return order.filter((key) => set.has(key));
+    }
+    function emitChange(next) {
+      emit("update:modelValue", next);
+      emit("change", next);
+    }
+    function handleAdd() {
+      const nextKeys = new Set(props.modelValue ?? []);
+      leftChecked.value.forEach((key) => {
+        const item = dataMap.value.get(key);
+        if (item && !item.disabled)
+          nextKeys.add(key);
+      });
+      emitChange(resolveOrder(Array.from(nextKeys)));
+      leftChecked.value = [];
+    }
+    function handleRemove() {
+      const nextKeys = (props.modelValue ?? []).filter((key) => !rightChecked.value.includes(key));
+      emitChange(resolveOrder(nextKeys));
+      rightChecked.value = [];
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("span", _hoisted_4, toDisplayString(__props.titles?.[0] ?? ""), 1),
+            createElementVNode("span", _hoisted_5, toDisplayString(sourceItems.value.length), 1)
+          ]),
+          __props.filterable ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            createVNode(unref(TxInput), {
+              modelValue: leftFilter.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => leftFilter.value = $event),
+              placeholder: __props.filterPlaceholder
+            }, null, 8, ["modelValue", "placeholder"])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_7, [
+            filteredSource.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_8, " No data ")) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredSource.value, (item) => {
+              return openBlock(), createElementBlock("label", {
+                key: item.key,
+                class: normalizeClass(["tx-transfer__item", { "is-disabled": item.disabled }])
+              }, [
+                createVNode(unref(TxCheckbox), {
+                  "model-value": leftChecked.value.includes(item.key),
+                  disabled: item.disabled,
+                  "onUpdate:modelValue": (checked) => leftChecked.value = updateChecked(leftChecked.value, item.key, checked)
+                }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]),
+                createElementVNode("span", _hoisted_9, toDisplayString(item.label), 1)
+              ], 2);
+            }), 128))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_10, [
+          createVNode(unref(TxButton), {
+            variant: "ghost",
+            size: "sm",
+            disabled: leftChecked.value.length === 0,
+            onClick: handleAdd
+          }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+              createElementVNode("span", { class: "i-carbon-chevron-right" }, null, -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"]),
+          createVNode(unref(TxButton), {
+            variant: "ghost",
+            size: "sm",
+            disabled: rightChecked.value.length === 0,
+            onClick: handleRemove
+          }, {
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [
+              createElementVNode("span", { class: "i-carbon-chevron-left" }, null, -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("span", _hoisted_13, toDisplayString(__props.titles?.[1] ?? ""), 1),
+            createElementVNode("span", _hoisted_14, toDisplayString(targetItems.value.length), 1)
+          ]),
+          __props.filterable ? (openBlock(), createElementBlock("div", _hoisted_15, [
+            createVNode(unref(TxInput), {
+              modelValue: rightFilter.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rightFilter.value = $event),
+              placeholder: __props.filterPlaceholder
+            }, null, 8, ["modelValue", "placeholder"])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_16, [
+            filteredTarget.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_17, " No data ")) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredTarget.value, (item) => {
+              return openBlock(), createElementBlock("label", {
+                key: item.key,
+                class: normalizeClass(["tx-transfer__item", { "is-disabled": item.disabled }])
+              }, [
+                createVNode(unref(TxCheckbox), {
+                  "model-value": rightChecked.value.includes(item.key),
+                  disabled: item.disabled,
+                  "onUpdate:modelValue": (checked) => rightChecked.value = updateChecked(rightChecked.value, item.key, checked)
+                }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]),
+                createElementVNode("span", _hoisted_18, toDisplayString(item.label), 1)
+              ], 2);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,17 @@
+export interface TransferItem {
+    key: string | number;
+    label: string;
+    disabled?: boolean;
+}
+export interface TransferProps {
+    modelValue?: Array<string | number>;
+    data?: TransferItem[];
+    titles?: [string, string];
+    filterable?: boolean;
+    filterPlaceholder?: string;
+    targetOrder?: 'original' | 'push';
+}
+export interface TransferEmits {
+    (e: 'update:modelValue', value: Array<string | number>): void;
+    (e: 'change', value: Array<string | number>): void;
+}

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

@@ -7,6 +7,10 @@ import { default as TxTransitionSmoothSize } from './src/TxTransitionSmoothSize.
 
 declare const Transition: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         mode: {
             type: import('vue').PropType<"in-out" | "out-in">;
             default: string;
@@ -15,10 +19,6 @@ declare const Transition: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        duration: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
         tag: {
             type: import('vue').PropType<string>;
             default: string;
@@ -36,9 +36,9 @@ declare const Transition: {
             default: string;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        duration: number;
         mode: "in-out" | "out-in";
         appear: boolean;
-        duration: number;
         tag: string;
         group: boolean;
         easing: string;
@@ -51,6 +51,10 @@ declare const Transition: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         mode: {
             type: import('vue').PropType<"in-out" | "out-in">;
             default: string;
@@ -59,10 +63,6 @@ declare const Transition: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        duration: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
         tag: {
             type: import('vue').PropType<string>;
             default: string;
@@ -80,9 +80,9 @@ declare const Transition: {
             default: string;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
+        duration: number;
         mode: "in-out" | "out-in";
         appear: boolean;
-        duration: number;
         tag: string;
         group: boolean;
         easing: string;
@@ -92,6 +92,10 @@ declare const Transition: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    duration: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
     mode: {
         type: import('vue').PropType<"in-out" | "out-in">;
         default: string;
@@ -100,10 +104,6 @@ declare const Transition: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    duration: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
     tag: {
         type: import('vue').PropType<string>;
         default: string;
@@ -121,9 +121,9 @@ declare const Transition: {
         default: string;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    duration: number;
     mode: "in-out" | "out-in";
     appear: boolean;
-    duration: number;
     tag: string;
     group: boolean;
     easing: string;
@@ -186,6 +186,10 @@ declare const TransitionRebound: {
 }) & import('vue').Plugin;
 declare const TransitionSmoothSize: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         mode: {
             type: import('vue').PropType<"in-out" | "out-in">;
             default: string;
@@ -194,10 +198,6 @@ declare const TransitionSmoothSize: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        duration: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
         width: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -215,9 +215,9 @@ declare const TransitionSmoothSize: {
             default: string;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        duration: number;
         mode: "in-out" | "out-in";
         appear: boolean;
-        duration: number;
         width: boolean;
         height: boolean;
         easing: string;
@@ -230,6 +230,10 @@ declare const TransitionSmoothSize: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
+        duration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         mode: {
             type: import('vue').PropType<"in-out" | "out-in">;
             default: string;
@@ -238,10 +242,6 @@ declare const TransitionSmoothSize: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        duration: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
         width: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -259,9 +259,9 @@ declare const TransitionSmoothSize: {
             default: string;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
+        duration: number;
         mode: "in-out" | "out-in";
         appear: boolean;
-        duration: number;
         width: boolean;
         height: boolean;
         easing: string;
@@ -271,6 +271,10 @@ declare const TransitionSmoothSize: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    duration: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
     mode: {
         type: import('vue').PropType<"in-out" | "out-in">;
         default: string;
@@ -279,10 +283,6 @@ declare const TransitionSmoothSize: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    duration: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
     width: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -300,9 +300,9 @@ declare const TransitionSmoothSize: {
         default: string;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    duration: number;
     mode: "in-out" | "out-in";
     appear: boolean;
-    duration: number;
     width: boolean;
     height: boolean;
     easing: string;

package/dist/es/transition/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import _sfc_main from './src/TxTransition.vue.js';
 /* empty css                      */
 import _sfc_main$1 from './src/TxTransitionFade.vue.js';

package/dist/es/transition/src/TxTransition.vue.d.ts

@@ -20,9 +20,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     duration: number;
     easing: string;
 }>>> & Readonly<{}>, {
+    duration: number;
     mode: "in-out" | "out-in";
     appear: boolean;
-    duration: number;
     tag: string;
     group: boolean;
     easing: string;

package/dist/es/transition/src/TxTransitionSmoothSize.vue.d.ts

@@ -20,9 +20,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     height: boolean;
     motion: string;
 }>>> & Readonly<{}>, {
+    duration: number;
     mode: "in-out" | "out-in";
     appear: boolean;
-    duration: number;
     width: boolean;
     height: boolean;
     easing: string;