@type-dom/ui 0.5.0 → 0.6.1

package/dist/src/components/basic/td-scrollbar/bar/bar.interface.d.ts

@@ -1,9 +0,0 @@
-import { ITypeFragment, TypeFragmentProps } from '@type-dom/framework';
-export interface IBar extends ITypeFragment {
-    className: 'Bar';
-}
-export interface BarProps extends TypeFragmentProps {
-    always?: boolean;
-    minSize?: number;
-}
-//# sourceMappingURL=bar.interface.d.ts.map

package/dist/src/components/basic/td-scrollbar/bar/bar.interface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/bar/bar.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,IAAK,SAAQ,aAAa;IACzC,SAAS,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,WAAW,QAAS,SAAQ,iBAAiB;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/src/components/basic/td-scrollbar/bar/bar.interface.js.map

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

package/dist/src/components/basic/td-scrollbar/style/css.d.ts

@@ -1,3 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-scrollbar.css';
-//# sourceMappingURL=css.d.ts.map

package/dist/src/components/basic/td-scrollbar/style/css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,4CAA4C,CAAC"}

package/dist/src/components/basic/td-scrollbar/style/css.js

@@ -1,3 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-scrollbar.css';
-//# sourceMappingURL=css.js.map

package/dist/src/components/basic/td-scrollbar/style/css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,4CAA4C,CAAC"}

package/dist/src/components/basic/td-scrollbar/style/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,wCAAwC,CAAC"}

package/dist/src/components/basic/td-scrollbar/style/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,wCAAwC,CAAC"}

package/dist/src/components/basic/td-scrollbar/td-scrollbar.class.d.ts

@@ -1,19 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { Arrayable } from '@type-dom/utils';
-import { ITdScrollbar, ScrollbarProps } from './td-scrollbar.interface';
-import './style/index';
-export declare class TdScrollbar extends TypeDiv implements ITdScrollbar {
-    className: 'TdScrollbar';
-    props: ScrollbarProps;
-    updateDom?: () => void;
-    handleScroll?: () => void;
-    stopResizeObserver?: () => void;
-    stopResizeListener?: () => void;
-    scrollTo?: (xCord: number, yCord?: number) => void;
-    setScrollTop?: (value: Arrayable<number>) => void;
-    scrollLeft?: (value: number) => void;
-    private tag;
-    constructor(params?: ScrollbarProps);
-    setup(): void;
-}
-//# sourceMappingURL=td-scrollbar.class.d.ts.map

package/dist/src/components/basic/td-scrollbar/td-scrollbar.class.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"td-scrollbar.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-scrollbar/td-scrollbar.class.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,OAAO,EAER,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAW,SAAS,EAAiC,MAAM,iBAAiB,CAAC;AAIpF,OAAO,EACL,YAAY,EACZ,cAAc,EACf,MAAM,0BAA0B,CAAC;AAMlC,OAAO,eAAe,CAAC;AAEvB,qBAAa,WAAY,SAAQ,OAAQ,YAAW,YAAY;IAC9D,SAAS,EAAE,aAAa,CAAC;IAChB,KAAK,EAAE,cAAc,CAAC;IAE/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,GAAG,CAAqB;gBAEpB,MAAM,GAAE,cAAmB;IAW9B,KAAK;CAkMf"}

package/dist/src/components/basic/td-scrollbar/td-scrollbar.class.js

@@ -1,187 +0,0 @@
-import { defineExpose, nextTick, onMounted, onUpdated, provide, useEventListener, useResizeObserver, Div, TypeDiv, XElement, onActivated } from '@type-dom/framework';
-import { computed, signal, watch } from '@type-dom/signals';
-import { addUnit, debugWarn, isNumber, isObject } from '@type-dom/utils';
-import { useNamespace } from '../../../hooks/use-namespace';
-import { Bar } from './bar/bar.class';
-import { scrollbarContextKey, scrollbarEmits, scrollbarProps, } from './td-scrollbar.const';
-import './style/index';
-export class TdScrollbar extends TypeDiv {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdScrollbar';
-        this.attr.addName('td-scrollbar');
-        this.tag = params.tag;
-        params.tag = 'div';
-        this.addEmits(scrollbarEmits);
-        this.assignProps(scrollbarProps);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        const COMPONENT_NAME = 'TdScrollbar';
-        const props = this.props;
-        const emit = this.emit;
-        const ns = useNamespace('scrollbar');
-        let stopResizeObserver = undefined;
-        let stopResizeListener = undefined;
-        let wrapScrollTop = 0;
-        let wrapScrollLeft = 0;
-        const scrollbarRef = signal();
-        const wrapRef = signal();
-        const resizeRef = signal();
-        const barRef = signal();
-        const wrapStyle = computed(() => {
-            const style = {};
-            if (props.height)
-                style.height = addUnit(props.height);
-            if (props.maxHeight)
-                style.maxHeight = addUnit(props.maxHeight);
-            return [props.wrapStyle, style];
-        });
-        const wrapKls = computed(() => {
-            return [
-                props.wrapClass,
-                ns.e('wrap'),
-                { [ns.em('wrap', 'hidden-default')]: !props.native },
-            ];
-        });
-        const resizeKls = computed(() => {
-            return [ns.e('view'), props.viewClass];
-        });
-        const handleScroll = () => {
-            var _a, _b, _c, _d;
-            // console.warn('handleScroll')
-            if (wrapRef.get()) {
-                (_b = (_a = barRef.get()) === null || _a === void 0 ? void 0 : _a.handleScroll) === null || _b === void 0 ? void 0 : _b.call(_a, wrapRef.get());
-                wrapScrollTop = wrapRef.get().scrollTop;
-                wrapScrollLeft = wrapRef.get().scrollLeft;
-                emit('scroll', {
-                    scrollTop: (_c = wrapRef.get()) === null || _c === void 0 ? void 0 : _c.scrollTop,
-                    scrollLeft: (_d = wrapRef.get()) === null || _d === void 0 ? void 0 : _d.scrollLeft,
-                });
-            }
-        };
-        function scrollTo(arg1, arg2) {
-            if (isObject(arg1)) {
-                wrapRef.get().scrollTo(arg1);
-            }
-            else if (isNumber(arg1) && isNumber(arg2)) {
-                wrapRef.get().scrollTo(arg1, arg2);
-            }
-        }
-        const setScrollTop = (value) => {
-            if (!isNumber(value)) {
-                debugWarn(COMPONENT_NAME, 'value must be a number');
-                return;
-            }
-            wrapRef.get().scrollTop = value;
-        };
-        const setScrollLeft = (value) => {
-            if (!isNumber(value)) {
-                debugWarn(COMPONENT_NAME, 'value must be a number');
-                return;
-            }
-            wrapRef.get().scrollLeft = value;
-        };
-        const update = () => {
-            var _a, _b;
-            (_b = (_a = barRef.get()) === null || _a === void 0 ? void 0 : _a.updateDom) === null || _b === void 0 ? void 0 : _b.call(_a);
-        };
-        watch(() => props.noresize, (noresize) => {
-            if (noresize) {
-                stopResizeObserver === null || stopResizeObserver === void 0 ? void 0 : stopResizeObserver();
-                stopResizeListener === null || stopResizeListener === void 0 ? void 0 : stopResizeListener();
-            }
-            else {
-                ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
-                stopResizeListener = useEventListener('resize', update);
-            }
-        }, { immediate: true });
-        watch(() => [props.maxHeight, props.height], () => {
-            if (!props.native)
-                nextTick(() => {
-                    var _a, _b;
-                    update();
-                    if (wrapRef.get()) {
-                        (_b = (_a = barRef.get()) === null || _a === void 0 ? void 0 : _a.handleScroll) === null || _b === void 0 ? void 0 : _b.call(_a, wrapRef.get());
-                    }
-                });
-        });
-        provide(scrollbarContextKey, 
-        // reactive({
-        //   scrollbarElement: scrollbarRef,
-        //   wrapElement: wrapRef,
-        // })
-        {
-            scrollbarElement: scrollbarRef,
-            wrapElement: wrapRef,
-        });
-        onActivated(() => {
-            if (wrapRef.get()) {
-                wrapRef.get().scrollTop = wrapScrollTop;
-                wrapRef.get().scrollLeft = wrapScrollLeft;
-            }
-        });
-        onMounted(() => {
-            if (!props.native)
-                nextTick(() => {
-                    update();
-                });
-        });
-        onUpdated(() => update());
-        defineExpose({
-            /** @description scrollbar wrap ref */
-            wrapRef,
-            /** @description update scrollbar state manually */
-            updateDom: update,
-            /** @description scrolls to a particular set of coordinates */
-            scrollTo,
-            /** @description set distance to scroll top */
-            setScrollTop,
-            /** @description set distance to scroll left */
-            setScrollLeft,
-            /** @description handle scroll event */
-            handleScroll,
-        });
-        this.assignProps({
-            refDom: scrollbarRef,
-            // class: ns.b() // todo 不生效 ？？？
-        });
-        this.attr.addClass(ns.b());
-        this.addChild(new Div({
-            name: 'td-scrollbar-wrap',
-            refDom: wrapRef,
-            class: wrapKls,
-            styleObj: wrapStyle,
-            attrObj: {
-                tabindex: props.tabindex,
-            },
-            events: {
-                scroll: handleScroll,
-            },
-            slot: [
-                new XElement({
-                    tag: this.tag,
-                    refDom: resizeRef,
-                    class: resizeKls,
-                    name: 'td-scrollbar-resize',
-                    attrObj: {
-                        id: props.id,
-                        role: props.role,
-                        ariaLabel: props.ariaLabel,
-                        ariaOrientation: props.ariaOrientation,
-                    },
-                    styleObj: props.viewStyle,
-                    slot: props.slot
-                }),
-            ],
-        }));
-        if (!(props === null || props === void 0 ? void 0 : props.native)) {
-            this.addChild(new Bar({
-                refEl: barRef,
-                always: props === null || props === void 0 ? void 0 : props.always,
-                minSize: props === null || props === void 0 ? void 0 : props.minSize,
-            }));
-        }
-    }
-}
-//# sourceMappingURL=td-scrollbar.class.js.map

package/dist/src/components/basic/td-scrollbar/td-scrollbar.class.js.map

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

package/dist/src/components/basic/td-scrollbar/td-scrollbar.const.d.ts

@@ -1,11 +0,0 @@
-import { InjectionKey } from '@type-dom/framework';
-import { ScrollbarProps, ScrollbarContext } from './td-scrollbar.interface';
-export declare const scrollbarProps: ScrollbarProps;
-export declare const scrollbarEmits: {
-    scroll: ({ scrollTop, scrollLeft, }: {
-        scrollTop: number;
-        scrollLeft: number;
-    }) => boolean;
-};
-export declare const scrollbarContextKey: InjectionKey<ScrollbarContext>;
-//# sourceMappingURL=td-scrollbar.const.d.ts.map

package/dist/src/components/basic/td-scrollbar/td-scrollbar.const.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"td-scrollbar.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-scrollbar/td-scrollbar.const.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,eAAO,MAAM,cAAc,EAAE,cAKnB,CAAC;AAEX,eAAO,MAAM,cAAc;yCAItB;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACpB;CACF,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAAC,gBAAgB,CAE9D,CAAC"}

package/dist/src/components/basic/td-scrollbar/td-scrollbar.const.js

@@ -1,12 +0,0 @@
-import { isNumber } from '@type-dom/utils';
-export const scrollbarProps = {
-    native: false,
-    tag: 'div',
-    minSize: 20,
-    // ...useAriaProps(['ariaLabel', 'ariaOrientation']),
-};
-export const scrollbarEmits = {
-    scroll: ({ scrollTop, scrollLeft, }) => [scrollTop, scrollLeft].every(isNumber),
-};
-export const scrollbarContextKey = Symbol('scrollbarContextKey');
-//# sourceMappingURL=td-scrollbar.const.js.map

package/dist/src/components/basic/td-scrollbar/td-scrollbar.const.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"td-scrollbar.const.js","sourceRoot":"","sources":["../../../../../src/components/basic/td-scrollbar/td-scrollbar.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,MAAM,EAAE,KAAK;IACb,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,EAAE;IACX,qDAAqD;CAC7C,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,CAAC,EACP,SAAS,EACT,UAAU,GAIX,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAmC,MAAM,CACvE,qBAAqB,CACtB,CAAC"}

package/dist/src/components/basic/td-scrollbar/td-scrollbar.interface.d.ts

@@ -1,79 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-import { ClassValue, ITypeDiv, TypeDivProps } from '@type-dom/framework';
-import { Signal } from '@type-dom/signals';
-export interface ITdScrollbar extends ITypeDiv {
-    className: 'TdScrollbar';
-}
-export interface ScrollbarProps extends TypeDivProps {
-    /**
-     * @description height of scrollbar
-     */
-    height?: number | string;
-    /**
-     * @description max height of scrollbar
-     */
-    maxHeight?: number | string;
-    /**
-     * @description whether to use the native scrollbar
-     *     default: false,
-     */
-    native?: boolean;
-    /**
-     * @description style of wrap
-     */
-    wrapStyle?: Partial<IStyle>;
-    /**
-     * @description class of wrap
-     */
-    wrapClass?: ClassValue;
-    /**
-     * @description class of view
-     */
-    viewClass?: ClassValue;
-    /**
-     * @description style of view
-     */
-    viewStyle?: Partial<IStyle>;
-    /**
-     * @description element tag of the view
-     * default: div
-     */
-    tag?: string;
-    /**
-     * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
-     */
-    noresize?: boolean;
-    /**
-     * @description always show
-     */
-    always?: boolean;
-    /**
-     * @description minimum size of scrollbar
-     */
-    minSize?: number;
-    /**
-     * @description Wrap tabindex
-     */
-    tabindex?: string | number;
-    /**
-     * @description id of view
-     */
-    id?: string;
-    /**
-     * @description role of view
-     */
-    role?: string;
-    /**
-     * @description aria-label of view
-     */
-    ariaLabel?: string;
-    /**
-     * @description aria-orientation of view
-     */
-    ariaOrientation?: 'horizontal' | 'vertical';
-}
-export interface ScrollbarContext {
-    scrollbarElement: Signal<HTMLDivElement | undefined>;
-    wrapElement: Signal<HTMLDivElement | undefined>;
-}
-//# sourceMappingURL=td-scrollbar.interface.d.ts.map

package/dist/src/components/basic/td-scrollbar/td-scrollbar.interface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"td-scrollbar.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-scrollbar/td-scrollbar.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAIvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAIvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAK5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAI3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAG7C;AAED,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,EAAE,MAAM,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;CACjD"}

package/dist/src/components/basic/td-scrollbar/td-scrollbar.interface.js.map

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

package/dist/src/components/basic/td-scrollbar/td-scrollbar.style.d.ts

@@ -1,14 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-export declare const $scrollbar: {
-    opacity: number;
-    bgColor: string;
-    hoverOpacity: number;
-    hoverBgColor: string;
-};
-export declare const $scrollbarStyle: IStyle;
-export declare const $scrollbarWrapStyle: IStyle;
-export declare const $scrollbarWrapHiddenDefaultStyle: IStyle;
-export declare const $scrollbarThumbStyle: IStyle;
-export declare const $scrollbarThumbHoverStyle: IStyle;
-export declare const $scrollbarBarStyle: IStyle;
-//# sourceMappingURL=td-scrollbar.style.d.ts.map

package/dist/src/components/basic/td-scrollbar/td-scrollbar.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"td-scrollbar.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-scrollbar/td-scrollbar.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAM5C,eAAO,MAAM,UAAU;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAGjC,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAK9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAmBlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAWvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAMhC,CAAC"}

package/dist/src/components/basic/td-scrollbar/td-scrollbar.style.js

@@ -1,67 +0,0 @@
-import { $transitionDuration } from '../../../styles/transition';
-import { $textColor } from '../../../styles/var';
-// Scrollbar
-// css3 var in packages/theme-chalk/src/scrollbar.scss
-export const $scrollbar = {
-    opacity: 0.3,
-    // bg-color: getCssVar('text-color-secondary'),
-    bgColor: $textColor.secondary,
-    hoverOpacity: 0.5,
-    // hover-bg-color: getCssVar('text-color-secondary'),
-    hoverBgColor: $textColor.secondary,
-};
-export const $scrollbarStyle = {
-    overflow: 'hidden',
-    position: 'relative',
-    height: '100%',
-};
-export const $scrollbarWrapStyle = {
-    overflow: 'auto',
-    height: '100%',
-};
-export const $scrollbarWrapHiddenDefaultStyle = {
-    scrollbarWidth: 'none',
-    // &::-webkit-scrollbar {
-    //   display: none,
-    // }
-};
-export const $scrollbarThumbStyle = {
-    position: 'relative',
-    display: 'block',
-    width: 0,
-    height: 0,
-    cursor: 'pointer',
-    borderRadius: 'inherit',
-    // background-color: var(
-    //   #{getCssVarName('scrollbar-bg-color')},
-    //   map.get($scrollbar, 'bg-color')
-    // );
-    backgroundColor: $scrollbar.bgColor,
-    // transition: getCssVar('transition-duration') background-color;
-    transition: $transitionDuration.default + 'background-color',
-    // opacity: var(
-    //   #{getCssVarName('scrollbar-opacity')},
-    //   map.get($scrollbar, 'opacity')
-    // );
-    opacity: $scrollbar.opacity,
-};
-export const $scrollbarThumbHoverStyle = {
-    //   background-color: var(
-    //     #{getCssVarName('scrollbar-hover-bg-color')},
-    //     map.get($scrollbar, 'hover-bg-color')
-    //   );
-    backgroundColor: $scrollbar.hoverBgColor,
-    //   opacity: var(
-    //     #{getCssVarName('scrollbar-hover-opacity')},
-    //     map.get($scrollbar, 'hover-opacity')
-    //   );
-    opacity: $scrollbar.hoverOpacity,
-};
-export const $scrollbarBarStyle = {
-    position: 'absolute',
-    right: '2px',
-    bottom: '2px',
-    zIndex: 1,
-    borderRadius: '4px',
-};
-//# sourceMappingURL=td-scrollbar.style.js.map

package/dist/src/components/basic/td-scrollbar/td-scrollbar.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"td-scrollbar.style.js","sourceRoot":"","sources":["../../../../../src/components/basic/td-scrollbar/td-scrollbar.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,YAAY;AACZ,sDAAsD;AACtD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,GAAG;IACZ,+CAA+C;IAC/C,OAAO,EAAE,UAAU,CAAC,SAAS;IAC7B,YAAY,EAAE,GAAG;IACjB,qDAAqD;IACrD,YAAY,EAAE,UAAU,CAAC,SAAS;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAW;IACtD,cAAc,EAAE,MAAM;IACtB,yBAAyB;IACzB,mBAAmB;IACnB,IAAI;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,SAAS;IACvB,yBAAyB;IACzB,4CAA4C;IAC5C,oCAAoC;IACpC,KAAK;IACL,eAAe,EAAE,UAAU,CAAC,OAAO;IACnC,iEAAiE;IACjE,UAAU,EAAE,mBAAmB,CAAC,OAAO,GAAG,kBAAkB;IAC5D,gBAAgB;IAChB,2CAA2C;IAC3C,mCAAmC;IACnC,KAAK;IACL,OAAO,EAAE,UAAU,CAAC,OAAO;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,2BAA2B;IAC3B,oDAAoD;IACpD,4CAA4C;IAC5C,OAAO;IACP,eAAe,EAAE,UAAU,CAAC,YAAY;IACxC,kBAAkB;IAClB,mDAAmD;IACnD,2CAA2C;IAC3C,OAAO;IACP,OAAO,EAAE,UAAU,CAAC,YAAY;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,KAAK;CACpB,CAAC"}

package/dist/src/components/basic/td-scrollbar/thumb/thumb.class.d.ts

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

package/dist/src/components/basic/td-scrollbar/thumb/thumb.class.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"thumb.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/thumb/thumb.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,YAAY,EACb,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,qBAAa,KACX,SAAQ,YACR,YAAW,MAAM;IAEjB,SAAS,EAAE,OAAO,CAAC;IACV,KAAK,EAAE,UAAU,CAAC;gBAEf,MAAM,GAAE,UAAe;IAO1B,KAAK;CA0Kf"}

package/dist/src/components/basic/td-scrollbar/thumb/thumb.class.js

@@ -1,150 +0,0 @@
-import { inject, onBeforeUnmount, useEventListener, Div, Transition, TypeFragment } from '@type-dom/framework';
-import { computed, signal, unref } from '@type-dom/signals';
-import { isClient, throwError } from '@type-dom/utils';
-import { useNamespace } from '../../../../hooks/use-namespace';
-import { BAR_MAP, renderThumbStyle } from '../util';
-import { scrollbarContextKey } from '../td-scrollbar.const';
-export class Thumb extends TypeFragment {
-    constructor(params = {}) {
-        super();
-        this.className = 'Thumb';
-        this.props = this.useParams(params);
-    }
-    setup() {
-        const props = this.props;
-        const COMPONENT_NAME = 'Thumb';
-        const scrollbar = inject(scrollbarContextKey);
-        const ns = useNamespace('scrollbar');
-        if (!scrollbar)
-            throwError(COMPONENT_NAME, 'can not inject scrollbar context');
-        const instance = signal();
-        const thumb = signal();
-        const thumbState = signal({});
-        const visible = signal(false);
-        let cursorDown = false;
-        let cursorLeave = false;
-        let originalOnSelectStart = isClient ? document.onselectstart : null;
-        const bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']);
-        const thumbStyle = computed(() => {
-            // console.warn('thumStyle . ');
-            // props.size?.get();
-            // props.move?.get();
-            return renderThumbStyle({
-                size: props.size,
-                move: props.move,
-                bar: bar.get(),
-            });
-        });
-        const offsetRatio = computed(() => 
-        // offsetRatioX = original width of thumb / current width of thumb / ratioX
-        // offsetRatioY = original height of thumb / current height of thumb / ratioY
-        // instance height = wrap height - GAP
-        Math.pow(instance.get()[bar.get().offset], 2) /
-            scrollbar.wrapElement.get()[bar.get().scrollSize] /
-            unref(props.ratio) /
-            thumb.get()[bar.get().offset]);
-        const clickThumbHandler = (e) => {
-            var _a;
-            // prevent click event of middle and right button
-            if (!e)
-                return;
-            e === null || e === void 0 ? void 0 : e.stopPropagation();
-            if ((e === null || e === void 0 ? void 0 : e.ctrlKey) || [1, 2].includes(e.button))
-                return;
-            (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
-            startDrag(e);
-            const el = e.currentTarget;
-            if (!el)
-                return;
-            thumbState.get()[bar.get().axis] =
-                el[bar.get().offset] -
-                    (e[bar.get().client] - el.getBoundingClientRect()[bar.get().direction]);
-        };
-        const clickTrackHandler = (e) => {
-            if (!e || !thumb.get() || !instance.get() || !scrollbar.wrapElement)
-                return;
-            const offset = Math.abs(e.target.getBoundingClientRect()[bar.get().direction] -
-                e[bar.get().client]);
-            const thumbHalf = thumb.get()[bar.get().offset] / 2;
-            const thumbPositionPercentage = ((offset - thumbHalf) * 100 * offsetRatio.get()) /
-                instance.get()[bar.get().offset];
-            scrollbar.wrapElement.get()[bar.get().scroll] =
-                (thumbPositionPercentage * scrollbar.wrapElement.get()[bar.get().scrollSize]) /
-                    100;
-        };
-        const startDrag = (e) => {
-            e.stopImmediatePropagation();
-            cursorDown = true;
-            document.addEventListener('mousemove', mouseMoveDocumentHandler);
-            document.addEventListener('mouseup', mouseUpDocumentHandler);
-            originalOnSelectStart = document.onselectstart;
-            document.onselectstart = () => false;
-        };
-        const mouseMoveDocumentHandler = (e) => {
-            if (!instance.get() || !thumb.get())
-                return;
-            if (cursorDown === false)
-                return;
-            const prevPage = thumbState.get()[bar.get().axis];
-            if (!prevPage)
-                return;
-            const offset = (instance.get().getBoundingClientRect()[bar.get().direction] -
-                e[bar.get().client]) *
-                -1;
-            const thumbClickPosition = thumb.get()[bar.get().offset] - prevPage;
-            const thumbPositionPercentage = ((offset - thumbClickPosition) * 100 * offsetRatio.get()) /
-                instance.get()[bar.get().offset];
-            scrollbar.wrapElement.get()[bar.get().scroll] =
-                (thumbPositionPercentage * scrollbar.wrapElement.get()[bar.get().scrollSize]) /
-                    100;
-        };
-        const mouseUpDocumentHandler = () => {
-            cursorDown = false;
-            thumbState.get()[bar.get().axis] = 0;
-            document.removeEventListener('mousemove', mouseMoveDocumentHandler);
-            document.removeEventListener('mouseup', mouseUpDocumentHandler);
-            restoreOnselectstart();
-            if (cursorLeave)
-                visible.set(false);
-        };
-        const mouseMoveScrollbarHandler = () => {
-            var _a;
-            cursorLeave = false;
-            visible.set(!!((_a = props.size) === null || _a === void 0 ? void 0 : _a.get()));
-        };
-        const mouseLeaveScrollbarHandler = () => {
-            cursorLeave = true;
-            visible.set(cursorDown);
-        };
-        onBeforeUnmount(() => {
-            restoreOnselectstart();
-            document.removeEventListener('mouseup', mouseUpDocumentHandler);
-        });
-        const restoreOnselectstart = () => {
-            if (document.onselectstart !== originalOnSelectStart)
-                document.onselectstart = originalOnSelectStart;
-        };
-        useEventListener(scrollbar.scrollbarElement, 'mousemove', mouseMoveScrollbarHandler);
-        useEventListener(scrollbar.scrollbarElement, 'mouseleave', mouseLeaveScrollbarHandler);
-        this.addChild(new Transition({
-            name: ns.b('fade'),
-            slot: new Div({
-                vShow: computed(() => props.always || visible.get()),
-                refDom: instance,
-                class: computed(() => [ns.e('bar'), ns.is(bar.get().key)]),
-                events: {
-                    mousedown: clickTrackHandler,
-                },
-                slot: new Div({
-                    refDom: thumb,
-                    class: ns.e('thumb'),
-                    styleObj: thumbStyle,
-                    events: {
-                        mousedown: clickThumbHandler,
-                    },
-                }),
-            })
-        }));
-    }
-}
-//# sourceMappingURL=thumb.class.js.map