@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/es/group-block/src/TxBlockInput.vue.d.ts

@@ -0,0 +1,90 @@
+import { TxIconSource } from '../../icon';
+
+type IconValue = TxIconSource | string | null | undefined;
+declare function __VLS_template(): {
+    tags?(_: {}): any;
+    control?(_: {
+        value: string | number;
+        focused: boolean;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    description?: string;
+    modelValue?: string | number;
+    defaultIcon?: IconValue;
+    activeIcon?: IconValue;
+    disabled?: boolean;
+    placeholder?: string;
+    clearable?: boolean;
+    inputType?: "text" | "password" | "number" | "email";
+    /** @deprecated Use defaultIcon instead. */
+    icon?: string;
+}>, {
+    title: string;
+    description: string;
+    disabled: boolean;
+    placeholder: string;
+    clearable: boolean;
+    inputType: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (value: string | number) => void;
+    blur: (event: FocusEvent) => void;
+    focus: (event: FocusEvent) => void;
+    "update:modelValue": (value: string | number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    description?: string;
+    modelValue?: string | number;
+    defaultIcon?: IconValue;
+    activeIcon?: IconValue;
+    disabled?: boolean;
+    placeholder?: string;
+    clearable?: boolean;
+    inputType?: "text" | "password" | "number" | "email";
+    /** @deprecated Use defaultIcon instead. */
+    icon?: string;
+}>, {
+    title: string;
+    description: string;
+    disabled: boolean;
+    placeholder: string;
+    clearable: boolean;
+    inputType: string;
+}>>> & Readonly<{
+    onInput?: ((value: string | number) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    title: string;
+    description: string;
+    disabled: boolean;
+    placeholder: string;
+    clearable: boolean;
+    inputType: "text" | "password" | "number" | "email";
+}, {}, {}, {}, 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/group-block/src/TxBlockInput.vue.js

@@ -0,0 +1,94 @@
+import { defineComponent, computed, ref, createBlock, openBlock, withCtx, renderSlot, createVNode } from 'vue';
+import TuffInput from '../../input/src/TxInput.vue.js';
+import _sfc_main$1 from './TxBlockSlot.vue.js';
+/* empty css                 */
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxBlockInput"
+  },
+  __name: "TxBlockInput",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    modelValue: {},
+    defaultIcon: {},
+    activeIcon: {},
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    clearable: { type: Boolean, default: false },
+    inputType: { default: "text" },
+    icon: {}
+  },
+  emits: ["update:modelValue", "input", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = computed({
+      get: () => props.modelValue ?? "",
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const isFocused = ref(false);
+    const isActive = computed(() => isFocused.value);
+    const resolvedDefaultIcon = computed(() => {
+      if (props.defaultIcon !== void 0)
+        return props.defaultIcon;
+      return props.icon;
+    });
+    const resolvedActiveIcon = computed(() => {
+      if (props.activeIcon !== void 0)
+        return props.activeIcon;
+      return void 0;
+    });
+    function handleFocus(e) {
+      isFocused.value = true;
+      emit("focus", e);
+    }
+    function handleBlur(e) {
+      isFocused.value = false;
+      emit("blur", e);
+    }
+    function handleInput(val) {
+      emit("input", val);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        class: "tx-block-input",
+        title: __props.title,
+        description: __props.description,
+        "default-icon": resolvedDefaultIcon.value,
+        "active-icon": resolvedActiveIcon.value,
+        active: isActive.value,
+        disabled: __props.disabled
+      }, {
+        tags: withCtx(() => [
+          renderSlot(_ctx.$slots, "tags")
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "control", {
+            value: value.value,
+            focused: isFocused.value
+          }, () => [
+            createVNode(TuffInput, {
+              modelValue: value.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              type: __props.inputType,
+              placeholder: __props.placeholder,
+              disabled: __props.disabled,
+              clearable: __props.clearable,
+              class: "tx-block-input__input",
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onInput: handleInput
+            }, null, 8, ["modelValue", "type", "placeholder", "disabled", "clearable"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["title", "description", "default-icon", "active-icon", "active", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/group-block/src/TxBlockInput.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from './TxBlockInput.vue.js';
+/* empty css                  */
+
+
+
+export { _sfc_main as default };

package/dist/es/group-block/src/TxBlockSelect.vue.d.ts

@@ -0,0 +1,73 @@
+import { TxIconSource } from '../../icon';
+
+type IconValue = TxIconSource | string | null | undefined;
+declare function __VLS_template(): {
+    tags?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    description?: string;
+    modelValue?: string | number;
+    defaultIcon?: IconValue;
+    activeIcon?: IconValue;
+    disabled?: boolean;
+    placeholder?: string;
+    /** @deprecated Use defaultIcon instead. */
+    icon?: string;
+}>, {
+    title: string;
+    description: string;
+    disabled: boolean;
+    placeholder: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: string | number) => void;
+    "update:modelValue": (value: string | number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    description?: string;
+    modelValue?: string | number;
+    defaultIcon?: IconValue;
+    activeIcon?: IconValue;
+    disabled?: boolean;
+    placeholder?: string;
+    /** @deprecated Use defaultIcon instead. */
+    icon?: string;
+}>, {
+    title: string;
+    description: string;
+    disabled: boolean;
+    placeholder: string;
+}>>> & Readonly<{
+    onChange?: ((value: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    title: string;
+    description: string;
+    disabled: boolean;
+    placeholder: string;
+}, {}, {}, {}, 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/group-block/src/TxBlockSelect.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent, computed, createBlock, openBlock, withCtx, createVNode, renderSlot } from 'vue';
+import TxSelect from '../../select/src/TxSelect.vue.js';
+import _sfc_main$1 from './TxBlockSlot.vue.js';
+/* empty css                 */
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxBlockSelect"
+  },
+  __name: "TxBlockSelect",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    modelValue: {},
+    defaultIcon: {},
+    activeIcon: {},
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    icon: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = computed({
+      get: () => props.modelValue ?? "",
+      set: (val) => {
+        emit("update:modelValue", val);
+        emit("change", val);
+      }
+    });
+    const isActive = computed(() => !!value.value);
+    const resolvedDefaultIcon = computed(() => {
+      if (props.defaultIcon !== void 0)
+        return props.defaultIcon;
+      return props.icon;
+    });
+    const resolvedActiveIcon = computed(() => {
+      if (props.activeIcon !== void 0)
+        return props.activeIcon;
+      return void 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        class: "tx-block-select",
+        title: __props.title,
+        description: __props.description,
+        "default-icon": resolvedDefaultIcon.value,
+        "active-icon": resolvedActiveIcon.value,
+        active: isActive.value,
+        disabled: __props.disabled
+      }, {
+        tags: withCtx(() => [
+          renderSlot(_ctx.$slots, "tags")
+        ]),
+        default: withCtx(() => [
+          createVNode(TxSelect, {
+            modelValue: value.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            class: "tx-block-select__select"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["modelValue", "placeholder", "disabled"])
+        ]),
+        _: 3
+      }, 8, ["title", "description", "default-icon", "active-icon", "active", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/group-block/src/TxBlockSelect.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from './TxBlockSelect.vue.js';
+/* empty css                   */
+
+
+
+export { _sfc_main as default };

package/dist/es/group-block/src/TxGroupBlock.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createBlock, unref, toDisplayString } from 'vue';
 import gsap from 'gsap';
-import { hasWindow } from '../../utils/env.js';
+import { hasWindow } from '../../packages/tuffex/packages/utils/env.js';
 import '../../icon/index.js';
 import TuffIcon from '../../icon/src/TxIcon.vue.js';
 

package/dist/es/group-block/src/types.d.ts

@@ -239,4 +239,142 @@ export interface BlockSwitchEmits {
      */
     (e: 'click', event: MouseEvent): void;
 }
+/**
+ * Props interface for the TxBlockInput component.
+ *
+ * @public
+ */
+export interface BlockInputProps {
+    /**
+     * The title text of the block input.
+     */
+    title?: string;
+    /**
+     * The description text displayed below the title.
+     */
+    description?: string;
+    /**
+     * The current input value for v-model binding.
+     */
+    modelValue?: string | number;
+    /**
+     * Default icon to display.
+     */
+    defaultIcon?: IconValue;
+    /**
+     * Active icon to display when focused.
+     */
+    activeIcon?: IconValue;
+    /**
+     * Whether the block input is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Input placeholder text.
+     * @default ''
+     */
+    placeholder?: string;
+    /**
+     * Whether the input is clearable.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * Input type (text, password, number, etc.).
+     * @default 'text'
+     */
+    inputType?: 'text' | 'password' | 'number' | 'email';
+    /**
+     * Legacy icon class name (alias for defaultIcon).
+     * @deprecated Use defaultIcon instead.
+     */
+    icon?: string;
+}
+/**
+ * Emits interface for the TxBlockInput component.
+ *
+ * @public
+ */
+export interface BlockInputEmits {
+    /**
+     * Emitted when the input value changes.
+     * @param value - The new input value
+     */
+    (e: 'update:modelValue', value: string | number): void;
+    /**
+     * Emitted on input event.
+     * @param value - The new input value
+     */
+    (e: 'input', value: string | number): void;
+    /**
+     * Emitted when the input is focused.
+     * @param event - The focus event
+     */
+    (e: 'focus', event: FocusEvent): void;
+    /**
+     * Emitted when the input loses focus.
+     * @param event - The focus event
+     */
+    (e: 'blur', event: FocusEvent): void;
+}
+/**
+ * Props interface for the TxBlockSelect component.
+ *
+ * @public
+ */
+export interface BlockSelectProps {
+    /**
+     * The title text of the block select.
+     */
+    title?: string;
+    /**
+     * The description text displayed below the title.
+     */
+    description?: string;
+    /**
+     * The current select value for v-model binding.
+     */
+    modelValue?: string | number;
+    /**
+     * Default icon to display.
+     */
+    defaultIcon?: IconValue;
+    /**
+     * Active icon to display when a value is selected.
+     */
+    activeIcon?: IconValue;
+    /**
+     * Whether the block select is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Select placeholder text.
+     * @default ''
+     */
+    placeholder?: string;
+    /**
+     * Legacy icon class name (alias for defaultIcon).
+     * @deprecated Use defaultIcon instead.
+     */
+    icon?: string;
+}
+/**
+ * Emits interface for the TxBlockSelect component.
+ *
+ * @public
+ */
+export interface BlockSelectEmits {
+    /**
+     * Emitted when the select value changes.
+     * @param value - The new select value
+     */
+    (e: 'update:modelValue', value: string | number): void;
+    /**
+     * Emitted when the select value changes.
+     * @param value - The new select value
+     */
+    (e: 'change', value: string | number): void;
+}
 export {};

package/dist/es/guide-state/index.d.ts

@@ -0,0 +1,131 @@
+import { GuideStateProps } from './src/types';
+import { default as component } from './src/TxGuideState.vue';
+
+declare const TxGuideState: {
+    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>;
+        };
+        layout: {
+            type: import('vue').PropType<import('..').EmptyStateLayout>;
+        };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
+        align: {
+            type: import('vue').PropType<import('..').EmptyStateAlign>;
+        };
+        surface: {
+            type: import('vue').PropType<import('..').EmptyStateSurface>;
+        };
+        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, {}, 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>;
+        };
+        layout: {
+            type: import('vue').PropType<import('..').EmptyStateLayout>;
+        };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
+        align: {
+            type: import('vue').PropType<import('..').EmptyStateAlign>;
+        };
+        surface: {
+            type: import('vue').PropType<import('..').EmptyStateSurface>;
+        };
+        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<{}>, {}, {}, {}, {}, {}>;
+    __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>;
+    };
+    layout: {
+        type: import('vue').PropType<import('..').EmptyStateLayout>;
+    };
+    iconSize: {
+        type: import('vue').PropType<number>;
+    };
+    align: {
+        type: import('vue').PropType<import('..').EmptyStateAlign>;
+    };
+    surface: {
+        type: import('vue').PropType<import('..').EmptyStateSurface>;
+    };
+    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, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { TxGuideState };
+export type { GuideStateProps };
+export type TxGuideStateInstance = InstanceType<typeof component>;
+export default TxGuideState;

package/dist/es/guide-state/index.js

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

package/dist/es/guide-state/src/TxGuideState.vue.d.ts

@@ -0,0 +1,13 @@
+import { GuideStateProps } from './types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<GuideStateProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<GuideStateProps>>> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};

package/dist/es/guide-state/src/TxGuideState.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: "TxGuideState"
+  },
+  __name: "TxGuideState",
+  props: {
+    title: {},
+    description: {},
+    icon: {},
+    iconSize: {},
+    layout: {},
+    align: {},
+    size: {},
+    surface: {},
+    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: "guide" }), null, 16)), [
+        [_directive_slots, unref(slots)]
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };