@type-dom/ui 0.2.2 → 0.3.0

package/dist/src/components/feedback/td-popper/td-popper.class.js

@@ -0,0 +1,48 @@
+import { defineExpose, provide, TypeFragment } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { POPPER_INJECTION_KEY } from './constants';
+import { popperProps } from './td-popper.const';
+import './style/index';
+export class TdPopper extends TypeFragment {
+    constructor(params) {
+        super();
+        this.className = 'TdPopper';
+        this.assignProps(popperProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a;
+        const props = this.props;
+        const triggerRef = signal();
+        const popperInstanceRef = signal();
+        const contentRef = signal();
+        const referenceRef = signal();
+        const role = computed(() => props.role);
+        const popperProviders = {
+            /**
+             * @description trigger element
+             */
+            triggerRef,
+            /**
+             * @description popperjs instance
+             */
+            popperInstanceRef,
+            /**
+             * @description popper content element
+             */
+            contentRef,
+            /**
+             * @description popper reference element
+             */
+            referenceRef,
+            /**
+             * @description role determines how aria attributes are distributed
+             */
+            role,
+        };
+        defineExpose(popperProviders);
+        provide(POPPER_INJECTION_KEY, popperProviders);
+        this.slotChildren(props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default));
+    }
+}
+//# sourceMappingURL=td-popper.class.js.map

package/dist/src/components/feedback/td-popper/td-popper.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-popper.class.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/td-popper.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAY,QAAQ,EAAU,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAQnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,QAAS,SAAQ,YAAY;IASxC,YAAY,MAAmB;QAC7B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAEQ,KAAK;;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,UAAU,GAAG,MAAM,EAAe,CAAC;QACzC,MAAM,iBAAiB,GAAG,MAAM,EAAkB,CAAC;QACnD,MAAM,UAAU,GAAG,MAAM,EAAe,CAAC;QACzC,MAAM,YAAY,GAAG,MAAM,EAAe,CAAC;QAC3C,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAExC,MAAM,eAAe,GAA6B;YAChD;;eAEG;YACH,UAAU;YACV;;eAEG;YACH,iBAAiB;YACjB;;eAEG;YACH,UAAU;YACV;;eAEG;YACH,YAAY;YACZ;;eAEG;YACH,IAAI;SACL,CAAC;QAEF,YAAY,CAAC,eAAe,CAAC,CAAC;QAC9B,OAAO,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAC;QAE/C,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,CAAA,CAAC,CAAC;IACxD,CAAC;CACF"}

package/dist/src/components/feedback/td-popper/td-popper.const.d.ts

@@ -0,0 +1,13 @@
+import { PopperProps } from './td-popper.interface';
+declare const effects: readonly ["light", "dark"];
+declare const triggers: readonly ["click", "contextmenu", "hover", "focus"];
+export declare const Effect: {
+    LIGHT: string;
+    DARK: string;
+};
+export declare const roleTypes: readonly ["dialog", "grid", "group", "listbox", "menu", "navigation", "tooltip", "tree"];
+export type PopperEffect = (typeof effects)[number] | (string & NonNullable<unknown>);
+export type PopperTrigger = (typeof triggers)[number];
+export declare const popperProps: PopperProps;
+export {};
+//# sourceMappingURL=td-popper.const.d.ts.map

package/dist/src/components/feedback/td-popper/td-popper.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-popper.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/td-popper.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAA,MAAM,OAAO,4BAA6B,CAAC;AAC3C,QAAA,MAAM,QAAQ,qDAAsD,CAAC;AAErE,eAAO,MAAM,MAAM;;;CAGlB,CAAC;AAEF,eAAO,MAAM,SAAS,0FASZ,CAAC;AAEX,MAAM,MAAM,YAAY,GACpB,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,GACxB,CAAC,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AACpC,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,eAAO,MAAM,WAAW,EAAE,WAEzB,CAAC"}

package/dist/src/components/feedback/td-popper/td-popper.const.js

@@ -0,0 +1,20 @@
+const effects = ['light', 'dark'];
+const triggers = ['click', 'contextmenu', 'hover', 'focus'];
+export const Effect = {
+    LIGHT: 'light',
+    DARK: 'dark',
+};
+export const roleTypes = [
+    'dialog',
+    'grid',
+    'group',
+    'listbox',
+    'menu',
+    'navigation',
+    'tooltip',
+    'tree',
+];
+export const popperProps = {
+    role: 'tooltip',
+};
+//# sourceMappingURL=td-popper.const.js.map

package/dist/src/components/feedback/td-popper/td-popper.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-popper.const.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/td-popper.const.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;AAC3C,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAU,CAAC;AAErE,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ;IACR,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;IACN,YAAY;IACZ,SAAS;IACT,MAAM;CACE,CAAC;AAOX,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,IAAI,EAAE,SAAS;CAChB,CAAC"}

package/dist/src/components/feedback/td-popper/td-popper.interface.d.ts

@@ -0,0 +1,37 @@
+import { ITypeFragment, TypeFragmentProps } from '@type-dom/framework';
+import { Computed, Signal } from '@type-dom/signals';
+import { IStyle } from '@type-dom/css-type';
+import { Instance } from '@type-dom/popper';
+export interface ITdPopper extends ITypeFragment {
+    className: 'TdPopper';
+}
+export type RoleTypes = 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';
+export interface PopperProps extends TypeFragmentProps {
+    /**
+     *    default: 'tooltip',
+     */
+    role?: RoleTypes;
+}
+export type ITdPopperEffect = 'dark' | 'light';
+export type ITdPopperTrigger = 'click' | 'hover' | 'focus' | 'context-menu';
+export type Measurable = {
+    getBoundingClientRect: () => DOMRect;
+};
+/**
+ * triggerRef indicates the element that triggers popper
+ * contentRef indicates the element of popper content
+ * referenceRef indicates the element that popper content relative with
+ */
+export type TdPopperInjectionContext = {
+    triggerRef: Signal<Measurable | undefined>;
+    contentRef: Signal<HTMLElement | undefined>;
+    popperInstanceRef: Signal<Instance | undefined>;
+    referenceRef: Signal<Measurable | undefined>;
+    role: Computed<RoleTypes | undefined>;
+};
+export type TdPopperContentInjectionContext = {
+    arrowRef?: Signal<HTMLElement | undefined>;
+    arrowOffset?: Signal<number | undefined>;
+    arrowStyle: Computed<IStyle>;
+};
+//# sourceMappingURL=td-popper.interface.d.ts.map

package/dist/src/components/feedback/td-popper/td-popper.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-popper.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/td-popper.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,SAAS,EAAE,UAAU,CAAC;CACvB;AAED,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,YAAY,GACZ,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAGD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,CAAC;AAE5E,MAAM,MAAM,UAAU,GAAG;IACvB,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAC5C,iBAAiB,EAAE,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC7C,IAAI,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC"}

package/dist/src/components/feedback/td-popper/td-popper.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-popper.interface.js.map

package/dist/src/components/feedback/td-popper/td-popper.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-popper.interface.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/td-popper.interface.ts"],"names":[],"mappings":""}

package/dist/src/components/feedback/td-popper/td-popper.style.d.ts

@@ -0,0 +1,24 @@
+import { IStyle } from '@type-dom/css-type';
+export declare const $popper: {
+    borderRadius: string;
+};
+export declare const $popperStyle: IStyle;
+export declare const $popperArrowStyle: IStyle;
+export declare const $arrowBeforeStyle: IStyle;
+export declare const $darkStyle: IStyle;
+export declare const $arrowDarkStyle: IStyle;
+export declare const $lightStyle: IStyle;
+export declare const $arrowLightStyle: IStyle;
+export declare const $customizedEffectStyle: IStyle;
+export declare const $customizedEffectArrowStyle: IStyle;
+export declare const $popperContentPureStyle: IStyle;
+export declare const $placements: {
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+};
+export declare const matchPlacement: (placement: keyof typeof $placements) => {
+    [x: string]: string;
+};
+//# sourceMappingURL=td-popper.style.d.ts.map

package/dist/src/components/feedback/td-popper/td-popper.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-popper.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/td-popper.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAI5C,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAW1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAgB/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAU/B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAIxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAI7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAI9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAIpC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAGzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAErC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AASF,eAAO,MAAM,cAAc,cAAe,MAAM,OAAO,WAAW;;CAcjE,CAAC"}

package/dist/src/components/feedback/td-popper/td-popper.style.js

@@ -0,0 +1,103 @@
+import { $bgColor, $borderColor, $textColor } from '../../../styles/var';
+import { capitalize } from '@type-dom/utils';
+export const $popper = {
+    borderRadius: '4px',
+};
+export const $popperStyle = {
+    position: 'absolute',
+    // border-radius: getCssVar('popper', 'border-radius'),
+    borderRadius: $popper.borderRadius,
+    padding: '5px 11px',
+    zIndex: 2000,
+    fontSize: '12px',
+    lineHeight: '20px',
+    minWidth: '10px',
+    overflowWrap: 'break-word',
+    // visibility: 'hidden' // 'visible', // edit by me
+};
+export const $popperArrowStyle = {
+    position: 'absolute',
+    width: '10px',
+    height: '10px',
+    zIndex: -1,
+    // add by me
+    // position: 'absolute',
+    // top: '100%', /* 箭头的位置 */
+    // left: '50%',
+    // marginLeft: '-5px',
+    // width: 0,
+    // height: 0,
+    // borderLeft: '7px solid transparent',
+    // borderRight: '7px solid transparent',
+    // borderTop: '7px solid ' + $textColor.primary,
+};
+export const $arrowBeforeStyle = {
+    position: 'absolute',
+    width: '10px',
+    height: '10px',
+    zIndex: -1,
+    // content: ' ',
+    transform: 'rotate(45deg)',
+    // background: getCssVar('text-color', 'primary'),
+    background: $textColor.primary,
+    boxSizing: 'border-box',
+};
+export const $darkStyle = {
+    color: $bgColor.default, // getCssVar('bg-color');
+    background: $textColor.primary, // getCssVar('text-color', 'primary');
+    border: '1px solid ' + $textColor.primary, //getCssVar('text-color', 'primary');
+};
+export const $arrowDarkStyle = {
+    border: '1px solid ' + $textColor.primary, //getCssVar('text-color', 'primary');
+    background: $textColor.primary, //getCssVar('text-color', 'primary');
+    right: 0,
+};
+export const $lightStyle = {
+    background: $bgColor.overlay, // getCssVar('bg-color', 'overlay');
+    border: '1px solid ' + $borderColor.light, // getCssVar('border-color', 'light');
+};
+export const $arrowLightStyle = {
+    border: '1px solid ' + $borderColor.light, // getCssVar('border-color', 'light');
+    background: $bgColor.overlay, // getCssVar('bg-color', 'overlay');
+    right: 0,
+};
+export const $customizedEffectStyle = {
+    /* Set padding to ensure the height is 32px */
+    padding: '6px 12px',
+    background: 'linear-gradient(90deg, rgb(159, 229, 151), rgb(204, 229, 129))',
+};
+export const $customizedEffectArrowStyle = {
+    background: 'linear-gradient(45deg, #b2e68d, #bce689)',
+    right: 0,
+};
+export const $popperContentPureStyle = {
+    padding: 0,
+};
+export const $placements = {
+    top: 'bottom',
+    bottom: 'top',
+    left: 'right',
+    right: 'left',
+};
+const $adjacency = {
+    top: 'left',
+    bottom: 'right',
+    left: 'bottom',
+    right: 'top',
+};
+// 根据placement 返回箭头对应的位置
+export const matchPlacement = (placement) => {
+    const opposite = $placements[placement];
+    const borderPlacementColor = 'border' + capitalize(placement) + 'Color';
+    const borderPlacement = 'border' + capitalize(placement);
+    const borderAdjacencyColor = 'border' + capitalize($adjacency[placement]) + 'Color';
+    const borderAdjacency = 'border' + capitalize($adjacency[placement]);
+    return {
+        [opposite]: '-5px',
+        [borderPlacementColor]: 'transparent !important',
+        [borderAdjacencyColor]: 'transparent !important',
+        [borderPlacement]: 'none',
+        [borderAdjacency]: 'none',
+    };
+};
+//# sourceMappingURL=td-popper.style.js.map

package/dist/src/components/feedback/td-popper/td-popper.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-popper.style.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/td-popper.style.ts"],"names":[],"mappings":"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"}

package/dist/src/components/feedback/td-popper/trigger/trigger.class.d.ts

@@ -0,0 +1,9 @@
+import { TypeFragment } from '@type-dom/framework';
+import { ITdPopperTrigger, PopperTriggerProps } from './trigger.interface';
+export declare class TdPopperTrigger extends TypeFragment implements ITdPopperTrigger {
+    className: 'TdPopperTrigger';
+    props: PopperTriggerProps;
+    constructor(params?: PopperTriggerProps);
+    setup(): void;
+}
+//# sourceMappingURL=trigger.class.d.ts.map

package/dist/src/components/feedback/td-popper/trigger/trigger.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/trigger/trigger.class.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EAMb,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,qBAAa,eAAgB,SAAQ,YAAa,YAAW,gBAAgB;IAC3E,SAAS,EAAE,iBAAiB,CAAC;IACpB,KAAK,EAAE,kBAAkB,CAAC;gBAEvB,MAAM,GAAE,kBAAuB;IAQlC,KAAK;CA6Jf"}

package/dist/src/components/feedback/td-popper/trigger/trigger.class.js

@@ -0,0 +1,144 @@
+import { isElement, isFocusable, isNil } from '@type-dom/utils';
+import { TypeFragment, defineExpose, inject, onBeforeUnmount, onMounted, unrefElement, } from '@type-dom/framework';
+import { computed, unref, watch } from '@type-dom/signals';
+import { useForwardRef } from '../../../../hooks/use-forward-ref';
+import { TdOnlyChild } from '../../td-only-child/td-only-child.class';
+import { POPPER_INJECTION_KEY } from '../constants';
+import { popperTriggerProps } from './trigger.const';
+export class TdPopperTrigger extends TypeFragment {
+    constructor(params = {}) {
+        super();
+        // console.log('td-popper-trigger , params.virtualRef is ', params.virtualRef);
+        this.className = 'TdPopperTrigger';
+        this.assignProps(popperTriggerProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b;
+        const props = this.props;
+        const { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined);
+        // console.log('role is ', role, ' , triggerRef is ', triggerRef);
+        // 与 only-child组件配合使用的方法，绑定相关的方法；
+        useForwardRef(triggerRef);
+        const ariaControls = computed(() => {
+            return ariaHaspopup.get() ? unref(props.id) : undefined;
+        });
+        const ariaDescribedby = computed(() => {
+            var _a;
+            if (role && role.get() === 'tooltip') {
+                return ((_a = props.open) === null || _a === void 0 ? void 0 : _a.get()) && props.id ? unref(props.id) : undefined;
+            }
+            return undefined;
+        });
+        const ariaHaspopup = computed(() => {
+            if (role && role.get() !== 'tooltip') {
+                return role.get();
+            }
+            return undefined;
+        });
+        const ariaExpanded = computed(() => {
+            var _a;
+            return ariaHaspopup.get() ? `${(_a = props.open) === null || _a === void 0 ? void 0 : _a.get()}` : undefined;
+        });
+        let virtualTriggerAriaStopWatch = undefined;
+        const TRIGGER_ELE_EVENTS = [
+            'onMouseenter',
+            'onMouseleave',
+            'onClick',
+            'onKeydown',
+            'onFocus',
+            'onBlur',
+            'onContextmenu',
+        ];
+        onMounted(() => {
+            watch(() => unref(props.virtualRef), (virtualEl, prevEl) => {
+                // console.warn('virtualEl, prevEl is ', virtualEl, prevEl);
+                if (virtualEl) {
+                    triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.set(unrefElement(virtualEl));
+                }
+            }, {
+                immediate: true,
+            });
+            watch(triggerRef, (el, prevEl) => {
+                // console.warn('triggerRef , prevEl is ', el, prevEl);
+                virtualTriggerAriaStopWatch === null || virtualTriggerAriaStopWatch === void 0 ? void 0 : virtualTriggerAriaStopWatch();
+                virtualTriggerAriaStopWatch = undefined;
+                if (isElement(el)) {
+                    // console.log(
+                    //   'then bind listeners to trigger html element from this element props .'
+                    // );
+                    TRIGGER_ELE_EVENTS.forEach((eventName) => {
+                        var _a;
+                        const handler = props[eventName];
+                        if (handler) {
+                            el.addEventListener(eventName.slice(2).toLowerCase(), handler);
+                            (_a = prevEl === null || prevEl === void 0 ? void 0 : prevEl.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(prevEl, eventName.slice(2).toLowerCase(), handler);
+                        }
+                    });
+                    if (isFocusable(el)) {
+                        virtualTriggerAriaStopWatch = watch(() => [
+                            ariaControls.get(),
+                            ariaDescribedby.get(),
+                            ariaHaspopup.get(),
+                            ariaExpanded.get(),
+                        ], (watches) => {
+                            [
+                                'aria-controls',
+                                'aria-describedby',
+                                'aria-haspopup',
+                                'aria-expanded',
+                            ].forEach((key, idx) => {
+                                isNil(watches[idx])
+                                    ? el.removeAttribute(key)
+                                    : el.setAttribute(key, watches[idx]);
+                            });
+                        }, { immediate: true });
+                    }
+                }
+                if (isElement(prevEl) && isFocusable(prevEl)) {
+                    [
+                        'aria-controls',
+                        'aria-describedby',
+                        'aria-haspopup',
+                        'aria-expanded',
+                    ].forEach((key) => prevEl.removeAttribute(key));
+                }
+            }, {
+                immediate: true,
+            });
+        });
+        onBeforeUnmount(() => {
+            virtualTriggerAriaStopWatch === null || virtualTriggerAriaStopWatch === void 0 ? void 0 : virtualTriggerAriaStopWatch();
+            virtualTriggerAriaStopWatch = undefined;
+            if ((triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.get()) && isElement(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.get())) {
+                const el = triggerRef.get();
+                TRIGGER_ELE_EVENTS.forEach((eventName) => {
+                    var _a;
+                    const handler = props[eventName];
+                    if (handler) {
+                        (_a = el === null || el === void 0 ? void 0 : el.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(el, eventName.slice(2).toLowerCase(), handler);
+                    }
+                });
+                triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.set(undefined);
+            }
+        });
+        defineExpose({
+            /**
+             * @description trigger element
+             */
+            triggerRef,
+        });
+        this.addChild(new TdOnlyChild({
+            vIf: !props.virtualTriggering,
+            // v-bind: $attrs
+            attrObj: {
+                ariaControls: ariaControls,
+                ariaDescribedby: ariaDescribedby,
+                ariaExpanded: ariaExpanded,
+                ariaHaspopup: ariaHaspopup,
+            },
+            slot: (_a = props.slot) !== null && _a !== void 0 ? _a : (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default,
+        }));
+    }
+}
+//# sourceMappingURL=trigger.class.js.map

package/dist/src/components/feedback/td-popper/trigger/trigger.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.class.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/trigger/trigger.class.ts"],"names":[],"mappings":"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"}

package/dist/src/components/feedback/td-popper/trigger/trigger.const.d.ts

@@ -0,0 +1,3 @@
+export declare const popperTriggerProps: {};
+export declare const TRIGGER_ELE_EVENTS: readonly ["onMouseenter", "onMouseleave", "onClick", "onKeydown", "onFocus", "onBlur", "onContextmenu"];
+//# sourceMappingURL=trigger.const.d.ts.map

package/dist/src/components/feedback/td-popper/trigger/trigger.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.const.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/trigger/trigger.const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,IAE9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yGAQrB,CAAC"}

package/dist/src/components/feedback/td-popper/trigger/trigger.const.js

@@ -0,0 +1,13 @@
+export const popperTriggerProps = {
+/* 没有默认值 */
+};
+export const TRIGGER_ELE_EVENTS = [
+    'onMouseenter',
+    'onMouseleave',
+    'onClick',
+    'onKeydown',
+    'onFocus',
+    'onBlur',
+    'onContextmenu',
+];
+//# sourceMappingURL=trigger.const.js.map

package/dist/src/components/feedback/td-popper/trigger/trigger.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.const.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/trigger/trigger.const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;AAChC,WAAW;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,cAAc;IACd,cAAc;IACd,SAAS;IACT,WAAW;IACX,SAAS;IACT,QAAQ;IACR,eAAe;CACP,CAAC"}

package/dist/src/components/feedback/td-popper/trigger/trigger.interface.d.ts

@@ -0,0 +1,20 @@
+import { ITypeFragment, TypeFragmentProps } from '@type-dom/framework';
+import { MaybeRef, Ref, Signal } from '@type-dom/signals';
+import { Measurable } from '../td-popper.interface';
+export interface ITdPopperTrigger extends ITypeFragment {
+    className: 'TdPopperTrigger';
+}
+export interface PopperTriggerProps extends TypeFragmentProps {
+    virtualRef?: Ref<Measurable>;
+    virtualTriggering?: boolean;
+    onMouseenter?: (e: Event) => void;
+    onMouseleave?: (e: Event) => void;
+    onClick?: (e: Event) => void;
+    onKeydown?: (e: Event) => void;
+    onFocus?: (e: Event) => void;
+    onBlur?: (e: Event) => void;
+    onContextmenu?: (e: Event) => void;
+    id?: MaybeRef<string>;
+    open?: Signal<boolean>;
+}
+//# sourceMappingURL=trigger.interface.d.ts.map

package/dist/src/components/feedback/td-popper/trigger/trigger.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/trigger/trigger.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAI3D,UAAU,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAGlC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAGlC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAG7B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAG/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAG7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAG5B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAGnC,EAAE,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;CAGxB"}

package/dist/src/components/feedback/td-popper/trigger/trigger.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=trigger.interface.js.map

package/dist/src/components/feedback/td-popper/trigger/trigger.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.interface.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/trigger/trigger.interface.ts"],"names":[],"mappings":""}

package/dist/src/components/feedback/td-popper/utils.d.ts

@@ -0,0 +1,8 @@
+import { TypeNode } from '@type-dom/framework';
+import { MaybeRef } from '@type-dom/signals';
+import { Middleware, PopperOptions } from '@type-dom/popper';
+import { PopperCoreConfigProps } from './content/content.interface';
+import { Measurable } from './td-popper.interface';
+export declare const buildPopperOptions: (props: PopperCoreConfigProps, middlewares?: Middleware[]) => PopperOptions;
+export declare const unwrapMeasurableEl: ($el: MaybeRef<Measurable | TypeNode | undefined>) => HTMLElement | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/components/feedback/td-popper/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/utils.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAgB,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAQ,UAAU,EAAU,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,UACtB,qBAAqB,gBACf,UAAU,EAAE,kBAa1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,QACxB,QAAQ,CAAC,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC,4BAIjD,CAAC"}

package/dist/src/components/feedback/td-popper/utils.js

@@ -0,0 +1,82 @@
+// import { unrefElement } from '@vueuse/core'
+// import { isClient } from '@element-plus/utils'
+// import type { ComponentPublicInstance } from 'vue'
+// import type { MaybeRef } from '@vueuse/core'
+// import type { Modifier } from '@popperjs/core'
+// import type { Measurable } from './constants'
+// import type { PopperCoreConfigProps } from './content'
+import { unrefElement } from '@type-dom/framework';
+// todo floatingui 的 api 变了
+import { flip, offset } from '@type-dom/popper';
+import { isClient } from '@type-dom/utils';
+export const buildPopperOptions = (props, middlewares = []) => {
+    var _a;
+    const { placement, strategy, popperOptions } = props;
+    const options = Object.assign(Object.assign({ placement,
+        strategy }, popperOptions), { middleware: [...genMiddleware(props), ...middlewares] });
+    deriveExtraMiddleware(options, (_a = popperOptions === null || popperOptions === void 0 ? void 0 : popperOptions.middleware) !== null && _a !== void 0 ? _a : []);
+    // console.error('options is ', options);
+    return options;
+};
+export const unwrapMeasurableEl = ($el) => {
+    if (!isClient)
+        return;
+    return unrefElement($el);
+};
+// todo api 变了
+//   应该对应新的 middleWare
+function genMiddleware(options) {
+    var _a;
+    const { fallbackPlacements } = options;
+    return [
+        offset((_a = options.offset) !== null && _a !== void 0 ? _a : 12),
+        // {
+        //   name: 'offset',
+        //   options: {
+        //     offset: [0, offset ?? 12],
+        //   },
+        // },
+        // detectOverflow(state, {
+        //   padding: {
+        //     top: 2,
+        //     bottom: 2,
+        //     left: 5,
+        //     right: 5,
+        //   },
+        // }),
+        // {
+        //   name: 'preventOverflow',
+        //   options: {
+        //   padding: {
+        //     top: 2,
+        //     bottom: 2,
+        //     left: 5,
+        //     right: 5,
+        //   },
+        //   },
+        // },
+        flip({
+            padding: 5,
+            fallbackPlacements,
+        }),
+        // {
+        //   name: 'flip',
+        //   options: {
+        //     padding: 5,
+        //     fallbackPlacements,
+        //   },
+        // },
+        // {
+        //   name: 'computeStyles',
+        //   options: {
+        //     gpuAcceleration,
+        //   },
+        // },
+    ];
+}
+function deriveExtraMiddleware(options, middleware) {
+    if (middleware) {
+        options.middleware = [...options.middleware, ...(middleware !== null && middleware !== void 0 ? middleware : [])];
+    }
+}
+//# sourceMappingURL=utils.js.map

package/dist/src/components/feedback/td-popper/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/utils.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,iDAAiD;AAEjD,qDAAqD;AACrD,+CAA+C;AAC/C,iDAAiD;AACjD,gDAAgD;AAChD,yDAAyD;AAEzD,OAAO,EAAY,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7D,2BAA2B;AAC3B,OAAO,EAAE,IAAI,EAAc,MAAM,EAAiB,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAA4B,EAC5B,cAA4B,EAAE,EAC9B,EAAE;;IACF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,OAAO,iCACX,SAAS;QACT,QAAQ,IACL,aAAa,KAChB,UAAU,EAAE,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,EAAE,GAAG,WAAW,CAAC,GACtD,CAAC;IAEF,qBAAqB,CAAC,OAAO,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,mCAAI,EAAE,CAAC,CAAC;IAChE,yCAAyC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,GAAgD,EAChD,EAAE;IACF,IAAI,CAAC,QAAQ;QAAE,OAAO;IACtB,OAAO,YAAY,CAAC,GAAkB,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,cAAc;AACd,sBAAsB;AACtB,SAAS,aAAa,CAAC,OAA8B;;IACnD,MAAM,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;IACvC,OAAO;QACL,MAAM,CAAC,MAAA,OAAO,CAAC,MAAM,mCAAI,EAAE,CAAC;QAC5B,IAAI;QACJ,oBAAoB;QACpB,eAAe;QACf,iCAAiC;QACjC,OAAO;QACP,KAAK;QACL,0BAA0B;QAC1B,eAAe;QACf,cAAc;QACd,iBAAiB;QACjB,eAAe;QACf,gBAAgB;QAChB,OAAO;QACP,MAAM;QACN,IAAI;QACJ,6BAA6B;QAC7B,eAAe;QACf,eAAe;QACf,cAAc;QACd,iBAAiB;QACjB,eAAe;QACf,gBAAgB;QAChB,OAAO;QACP,OAAO;QACP,KAAK;QACL,IAAI,CAAC;YACH,OAAO,EAAE,CAAC;YACV,kBAAkB;SACnB,CAAC;QACF,IAAI;QACJ,kBAAkB;QAClB,eAAe;QACf,kBAAkB;QAClB,0BAA0B;QAC1B,OAAO;QACP,KAAK;QACL,IAAI;QACJ,2BAA2B;QAC3B,eAAe;QACf,uBAAuB;QACvB,OAAO;QACP,KAAK;KACN,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAAC,OAAY,EAAE,UAAwB;IACnE,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CAAC,UAAU,GAAG,CAAC,GAAG,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC;AACH,CAAC"}

package/dist/src/components/feedback/td-tooltip/content/content.class.d.ts

@@ -0,0 +1,13 @@
+import { TypeFragmentProps, TypeFragment } from '@type-dom/framework';
+import { Signal } from '@type-dom/signals';
+import { TdPopperContent } from '../../td-popper/content/content.class';
+import { ITdTooltipContent, TooltipContentProps } from './content.interface';
+export declare class TdTooltipContent extends TypeFragment implements ITdTooltipContent {
+    className: 'TdTooltipContent';
+    props: TooltipContentProps & TypeFragmentProps;
+    contentRef?: Signal<TdPopperContent>;
+    isFocusInsideContent?: (event?: FocusEvent) => boolean;
+    constructor(params?: TooltipContentProps & TypeFragmentProps);
+    setup(): void;
+}
+//# sourceMappingURL=content.class.d.ts.map