@talex-touch/tuffex 0.3.3

package/dist/es/drawer/src/TxDrawer.vue3.js

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

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

@@ -0,0 +1,68 @@
+/**
+ * Props interface for the TxDrawer component.
+ *
+ * @public
+ */
+export interface DrawerProps {
+    /**
+     * The title displayed in the drawer header.
+     * @default 'Drawer'
+     */
+    title?: string;
+    /**
+     * Controls the visibility of the drawer.
+     * Use with v-model:visible for two-way binding.
+     */
+    visible: boolean;
+    /**
+     * The width of the drawer.
+     * Accepts CSS width values.
+     * @default '60%'
+     */
+    width?: string;
+    /**
+     * The direction from which the drawer appears.
+     * @default 'right'
+     */
+    direction?: 'left' | 'right';
+    /**
+     * Whether to show the close button.
+     * @default true
+     */
+    showClose?: boolean;
+    /**
+     * Whether clicking the mask closes the drawer.
+     * @default true
+     */
+    closeOnClickMask?: boolean;
+    /**
+     * Whether pressing Escape closes the drawer.
+     * @default true
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * Custom z-index for the drawer.
+     * @default 1998
+     */
+    zIndex?: number;
+}
+/**
+ * Emits interface for the TxDrawer component.
+ *
+ * @public
+ */
+export interface DrawerEmits {
+    /**
+     * Emitted when the visible state changes.
+     * @param visible - The new visibility state
+     */
+    (e: 'update:visible', visible: boolean): void;
+    /**
+     * Emitted when the drawer is closed.
+     */
+    (e: 'close'): void;
+    /**
+     * Emitted when the drawer is opened.
+     */
+    (e: 'open'): void;
+}

package/dist/es/dropdown-menu/index.d.ts

@@ -0,0 +1,282 @@
+import { DropdownItemProps, DropdownMenuProps } from './src/types';
+import { default as TxDropdownItem } from './src/TxDropdownItem.vue';
+import { default as TxDropdownMenu } from './src/TxDropdownMenu.vue';
+
+declare const DropdownMenu: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        placement: {
+            type: import('vue').PropType<import('./src/types').DropdownPlacement>;
+            default: string;
+        };
+        offset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        minWidth: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        panelVariant: {
+            type: import('vue').PropType<"plain" | "dashed" | "solid">;
+            default: string;
+        };
+        panelBackground: {
+            type: import('vue').PropType<"mask" | "blur" | "glass">;
+            default: string;
+        };
+        panelShadow: {
+            type: import('vue').PropType<"medium" | "none" | "soft">;
+            default: string;
+        };
+        panelRadius: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        panelPadding: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        closeOnSelect: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (v: boolean) => void;
+        open: () => void;
+        close: () => void;
+    }, import('vue').PublicProps, {
+        modelValue: boolean;
+        placement: import('./src/types').DropdownPlacement;
+        offset: number;
+        minWidth: number;
+        panelVariant: "solid" | "dashed" | "plain";
+        panelBackground: "blur" | "glass" | "mask";
+        panelShadow: "none" | "soft" | "medium";
+        panelRadius: number;
+        panelPadding: number;
+        closeOnSelect: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        placement: {
+            type: import('vue').PropType<import('./src/types').DropdownPlacement>;
+            default: string;
+        };
+        offset: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        minWidth: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        panelVariant: {
+            type: import('vue').PropType<"plain" | "dashed" | "solid">;
+            default: string;
+        };
+        panelBackground: {
+            type: import('vue').PropType<"mask" | "blur" | "glass">;
+            default: string;
+        };
+        panelShadow: {
+            type: import('vue').PropType<"medium" | "none" | "soft">;
+            default: string;
+        };
+        panelRadius: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        panelPadding: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        closeOnSelect: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        modelValue: boolean;
+        placement: import('./src/types').DropdownPlacement;
+        offset: number;
+        minWidth: number;
+        panelVariant: "solid" | "dashed" | "plain";
+        panelBackground: "blur" | "glass" | "mask";
+        panelShadow: "none" | "soft" | "medium";
+        panelRadius: number;
+        panelPadding: number;
+        closeOnSelect: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    placement: {
+        type: import('vue').PropType<import('./src/types').DropdownPlacement>;
+        default: string;
+    };
+    offset: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    minWidth: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    panelVariant: {
+        type: import('vue').PropType<"plain" | "dashed" | "solid">;
+        default: string;
+    };
+    panelBackground: {
+        type: import('vue').PropType<"mask" | "blur" | "glass">;
+        default: string;
+    };
+    panelShadow: {
+        type: import('vue').PropType<"medium" | "none" | "soft">;
+        default: string;
+    };
+    panelRadius: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    panelPadding: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    closeOnSelect: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (v: boolean) => void;
+    open: () => void;
+    close: () => void;
+}, string, {
+    modelValue: boolean;
+    placement: import('./src/types').DropdownPlacement;
+    offset: number;
+    minWidth: number;
+    panelVariant: "solid" | "dashed" | "plain";
+    panelBackground: "blur" | "glass" | "mask";
+    panelShadow: "none" | "soft" | "medium";
+    panelRadius: number;
+    panelPadding: number;
+    closeOnSelect: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+declare const DropdownItem: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        danger: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        arrow: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSelect?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        select: () => void;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        danger: boolean;
+        arrow: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        danger: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        arrow: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSelect?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        danger: boolean;
+        arrow: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    danger: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    arrow: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSelect?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: () => void;
+}, string, {
+    disabled: boolean;
+    danger: boolean;
+    arrow: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        right?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export { DropdownItem, DropdownMenu, TxDropdownItem, TxDropdownMenu };
+export type { DropdownItemProps, DropdownMenuProps };
+export type TxDropdownMenuInstance = InstanceType<typeof TxDropdownMenu>;
+export type TxDropdownItemInstance = InstanceType<typeof TxDropdownItem>;
+export default DropdownMenu;

package/dist/es/dropdown-menu/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '../utils/withInstall.js';
+import TxDropdownItem from './src/TxDropdownItem.vue.js';
+import TxDropdownMenu from './src/TxDropdownMenu.vue.js';
+
+const DropdownMenu = withInstall(TxDropdownMenu);
+const DropdownItem = withInstall(TxDropdownItem);
+
+export { DropdownItem, DropdownMenu, TxDropdownItem, TxDropdownMenu, DropdownMenu as default };

package/dist/es/dropdown-menu/src/TxDropdownItem.vue.d.ts

@@ -0,0 +1,47 @@
+import { DropdownItemProps } from './types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    right?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownItemProps>, {
+    disabled: boolean;
+    danger: boolean;
+    arrow: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownItemProps>, {
+    disabled: boolean;
+    danger: boolean;
+    arrow: boolean;
+}>>> & Readonly<{
+    onSelect?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    danger: boolean;
+    arrow: boolean;
+}, {}, {}, {}, 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/dropdown-menu/src/TxDropdownItem.vue.js

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

package/dist/es/dropdown-menu/src/TxDropdownItem.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent, inject, createBlock, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createVNode } from 'vue';
+import TxCardItem from '../../card-item/src/TxCardItem.vue.js';
+import TuffIcon from '../../icon/src/TxIcon.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxDropdownItem" },
+  __name: "TxDropdownItem",
+  props: {
+    disabled: { type: Boolean, default: false },
+    danger: { type: Boolean, default: false },
+    arrow: { type: Boolean, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ctx = inject("txDropdownMenu");
+    function onClick() {
+      if (props.disabled)
+        return;
+      emit("select");
+      if (ctx?.closeOnSelect)
+        ctx?.close();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TxCardItem, {
+        class: normalizeClass(["tx-dropdown-item", { "is-disabled": __props.disabled, "is-danger": __props.danger }]),
+        role: "menuitem",
+        clickable: !__props.disabled,
+        disabled: __props.disabled,
+        onClick
+      }, createSlots({
+        title: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.right || __props.arrow ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right", {}, () => [
+              createVNode(TuffIcon, {
+                name: "chevron-down",
+                class: "tx-dropdown-item__arrow",
+                "aria-hidden": "true"
+              })
+            ], true)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["class", "clickable", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/dropdown-menu/src/TxDropdownMenu.vue.d.ts

@@ -0,0 +1,72 @@
+import { DropdownMenuProps } from './types';
+
+declare function __VLS_template(): {
+    trigger?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownMenuProps>, {
+    modelValue: boolean;
+    placement: string;
+    offset: number;
+    closeOnSelect: boolean;
+    minWidth: number;
+    panelVariant: string;
+    panelBackground: string;
+    panelShadow: string;
+    panelRadius: number;
+    panelPadding: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (v: boolean) => void;
+    open: () => void;
+    close: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownMenuProps>, {
+    modelValue: boolean;
+    placement: string;
+    offset: number;
+    closeOnSelect: boolean;
+    minWidth: number;
+    panelVariant: string;
+    panelBackground: string;
+    panelShadow: string;
+    panelRadius: number;
+    panelPadding: number;
+}>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    modelValue: boolean;
+    placement: import('./types').DropdownPlacement;
+    offset: number;
+    minWidth: number;
+    panelVariant: "solid" | "dashed" | "plain";
+    panelBackground: "blur" | "glass" | "mask";
+    panelShadow: "none" | "soft" | "medium";
+    panelRadius: number;
+    panelPadding: number;
+    closeOnSelect: boolean;
+}, {}, {}, {}, 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/dropdown-menu/src/TxDropdownMenu.vue.js

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

package/dist/es/dropdown-menu/src/TxDropdownMenu.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent, computed, provide, createBlock, openBlock, withCtx, createElementVNode, renderSlot } from 'vue';
+import TxPopover from '../../popover/src/TxPopover.vue.js';
+
+const _hoisted_1 = {
+  class: "tx-dropdown__panel",
+  role: "menu"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxDropdownMenu" },
+  __name: "TxDropdownMenu",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    placement: { default: "bottom-start" },
+    offset: { default: 6 },
+    closeOnSelect: { type: Boolean, default: true },
+    minWidth: { default: 220 },
+    panelVariant: { default: "solid" },
+    panelBackground: { default: "glass" },
+    panelShadow: { default: "soft" },
+    panelRadius: { default: 18 },
+    panelPadding: { default: 8 }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = computed({
+      get: () => !!props.modelValue,
+      set: (v) => {
+        emit("update:modelValue", v);
+        if (v)
+          emit("open");
+        else
+          emit("close");
+      }
+    });
+    function close() {
+      open.value = false;
+    }
+    provide("txDropdownMenu", {
+      close,
+      closeOnSelect: props.closeOnSelect
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TxPopover, {
+        modelValue: open.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+        class: "tx-dropdown",
+        placement: __props.placement,
+        offset: __props.offset,
+        width: 0,
+        "min-width": __props.minWidth,
+        "max-width": 360,
+        "panel-variant": __props.panelVariant,
+        "panel-background": __props.panelBackground,
+        "panel-shadow": __props.panelShadow,
+        "panel-radius": __props.panelRadius,
+        "panel-padding": __props.panelPadding
+      }, {
+        reference: withCtx(() => [
+          renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue", "placement", "offset", "min-width", "panel-variant", "panel-background", "panel-shadow", "panel-radius", "panel-padding"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/dropdown-menu/src/types.d.ts

@@ -0,0 +1,18 @@
+export type DropdownPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+export interface DropdownMenuProps {
+    modelValue?: boolean;
+    placement?: DropdownPlacement;
+    offset?: number;
+    closeOnSelect?: boolean;
+    minWidth?: number;
+    panelVariant?: 'solid' | 'dashed' | 'plain';
+    panelBackground?: 'blur' | 'glass' | 'mask';
+    panelShadow?: 'none' | 'soft' | 'medium';
+    panelRadius?: number;
+    panelPadding?: number;
+}
+export interface DropdownItemProps {
+    disabled?: boolean;
+    danger?: boolean;
+    arrow?: boolean;
+}