@type-dom/ui 0.1.3 → 0.2.1

package/src/components/basic/td-link/td-link.style.d.ts

@@ -1,16 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-import { IType } from '../../../styles/var';
-import { LinkProps } from './td-link.interface';
-export declare const $link: {
-    fontSize: string;
-    fontWeight: number;
-    textColor: string;
-    hoverTextColor: string;
-    disabledTextColor: string;
-};
-export declare let $linkTextColor: string;
-export declare function useType(config?: LinkProps): void;
-export declare const $linkStyle: IStyle;
-export declare const $linkInnerStyle: IStyle;
-export declare const $linkStateColors: Record<IType, Record<string, IStyle>>;
-export declare function buttonVariant($type: IType): void;

package/src/components/basic/td-link/td-link.style.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$linkStateColors = exports.$linkInnerStyle = exports.$linkStyle = exports.$linkTextColor = exports.$link = void 0;
-exports.useType = useType;
-exports.buttonVariant = buttonVariant;
-const var_1 = require("../../../styles/var");
-// Link
-// css3 var in packages/theme-chalk/src/link.scss
-exports.$link = {
-    // 'font-size': getCssVar('font-size-base'),
-    fontSize: var_1.$fontSizes.base,
-    // 'font-weight': getCssVar('font-weight-primary'),
-    fontWeight: var_1.$fontWeightPrimary,
-    // 'text-color': getCssVar('text-color-regular'),
-    textColor: var_1.$textColor.regular,
-    // 'hover-text-color': getCssVar('color-primary'),
-    hoverTextColor: var_1.$colors.primary.base,
-    // 'disabled-text-color': getCssVar('text-color-placeholder'),
-    disabledTextColor: var_1.$textColor.placeholder,
-};
-function useType(config) {
-    exports.$link.textColor = var_1.$colors[(config === null || config === void 0 ? void 0 : config.type) || 'default'].base;
-    exports.$link.hoverTextColor = var_1.$colors[(config === null || config === void 0 ? void 0 : config.type) || 'default']['light-3'];
-    exports.$link.disabledTextColor = var_1.$colors[(config === null || config === void 0 ? void 0 : config.type) || 'default']['light-5'];
-    buttonVariant((config === null || config === void 0 ? void 0 : config.type) || 'default');
-}
-exports.$linkStyle = {
-    display: 'inline-flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    // verticalAlign: 'middle',
-    position: 'relative',
-    textDecoration: 'none',
-    outline: 'none',
-    cursor: 'pointer',
-    padding: '0',
-    // font-size: getCssVar('link', 'font-size'),
-    fontSize: exports.$link.fontSize,
-    // font-weight: getCssVar('link', 'font-weight'),
-    fontWeight: exports.$link.fontWeight,
-    // color: getCssVar('link', 'text-color'),
-    color: exports.$link.textColor,
-};
-exports.$linkInnerStyle = {
-    display: 'inline-flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-};
-exports.$linkStateColors = {};
-function buttonVariant($type) {
-    exports.$linkStateColors[$type] = {
-        default: {
-            color: var_1.$colors[$type].base,
-        },
-        hover: {
-            color: $type === 'default'
-                ? var_1.$colors['primary'].base
-                : var_1.$colors[$type]['light-3'], // ['color', $type, 'light-3'],
-            // content: '',
-            // position: 'absolute',
-            // left: 0,
-            // right: 0,
-            // height: 0,
-            // bottom: 0,
-            // borderBottom: '1px solid ' + ($type === 'default' ? $colors['primary'].base : $colors[$type]['light-3']),
-        },
-        active: {
-            color: var_1.$colors[$type]['dark-2'], // ['color', $type, 'dark-2'],
-        },
-        disabled: {
-            color: var_1.$colors[$type]['light-5'], // ['color', $type, 'light-5'],
-        },
-    };
-}

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

@@ -1,12 +0,0 @@
-import { TypeFragment } from '@type-dom/framework';
-import { Thumb } from '../thumb/thumb.class';
-import { IBar, BarProps } from './bar.interface';
-export declare class Bar extends TypeFragment implements IBar {
-    className: 'Bar';
-    props: BarProps;
-    childNodes: Thumb[];
-    handleScroll?: (el?: HTMLDivElement) => void;
-    updateDom?: (el?: HTMLDivElement) => void;
-    constructor(params?: BarProps);
-    setup(): void;
-}

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

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Bar = void 0;
-const framework_1 = require("@type-dom/framework");
-const signals_1 = require("@type-dom/signals");
-const util_1 = require("../util");
-const thumb_class_1 = require("../thumb/thumb.class");
-const td_scrollbar_const_1 = require("../td-scrollbar.const");
-const bar_const_1 = require("./bar.const");
-class Bar extends framework_1.TypeFragment {
-    constructor(params = {}) {
-        super();
-        this.className = 'Bar';
-        this.childNodes = [];
-        // this.attr.addName('td-scrollbar-bar');
-        this.assignProps(bar_const_1.barProps);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        const props = this.props;
-        const scrollbar = (0, framework_1.inject)(td_scrollbar_const_1.scrollbarContextKey);
-        const moveX = (0, signals_1.signal)(0);
-        const moveY = (0, signals_1.signal)(0);
-        const sizeWidth = (0, signals_1.signal)('');
-        const sizeHeight = (0, signals_1.signal)('');
-        const ratioY = (0, signals_1.signal)(1);
-        const ratioX = (0, signals_1.signal)(1);
-        const handleScroll = (wrap) => {
-            if (wrap) {
-                const offsetHeight = wrap.offsetHeight - util_1.GAP;
-                const offsetWidth = wrap.offsetWidth - util_1.GAP;
-                moveY.set(((wrap.scrollTop * 100) / offsetHeight) * ratioY.get());
-                moveX.set(((wrap.scrollLeft * 100) / offsetWidth) * ratioX.get());
-            }
-        };
-        const update = () => {
-            const wrap = scrollbar === null || scrollbar === void 0 ? void 0 : scrollbar.wrapElement.get();
-            if (!wrap)
-                return;
-            const offsetHeight = wrap.offsetHeight - util_1.GAP;
-            const offsetWidth = wrap.offsetWidth - util_1.GAP;
-            const originalHeight = Math.pow(offsetHeight, 2) / wrap.scrollHeight;
-            const originalWidth = Math.pow(offsetWidth, 2) / wrap.scrollWidth;
-            const height = Math.max(originalHeight, props.minSize);
-            const width = Math.max(originalWidth, props.minSize);
-            ratioY.set(originalHeight /
-                (offsetHeight - originalHeight) /
-                (height / (offsetHeight - height)));
-            ratioX.set(originalWidth /
-                (offsetWidth - originalWidth) /
-                (width / (offsetWidth - width)));
-            sizeHeight.set(height + util_1.GAP < offsetHeight ? `${height}px` : '');
-            // console.warn('sizeHeight is ', sizeHeight);
-            sizeWidth.set(width + util_1.GAP < offsetWidth ? `${width}px` : '');
-            // console.warn('sizeWidth is ', sizeWidth);
-        };
-        (0, framework_1.defineExpose)({
-            handleScroll,
-            updateDom: update,
-        });
-        this.addChildren(new thumb_class_1.Thumb({
-            move: moveX,
-            ratio: ratioX,
-            size: sizeWidth,
-            always: props.always,
-        }), new thumb_class_1.Thumb({
-            move: moveY,
-            ratio: ratioY,
-            size: sizeHeight,
-            vertical: true,
-            always: props.always,
-        }));
-    }
-}
-exports.Bar = Bar;

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

@@ -1,2 +0,0 @@
-import { BarProps } from './bar.interface';
-export declare const barProps: BarProps;

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.barProps = void 0;
-exports.barProps = {
-    always: true,
-    // minSize: 20, // required: true,
-};

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

@@ -1,8 +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;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,2 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-scrollbar.css';

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

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../base/style/css");
-require("@element-plus/theme-chalk/el-scrollbar.css");

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

@@ -1,2 +0,0 @@
-import '../../../../components/base/style';
-import '../../../../theme-chalk/scrollbar.scss';

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

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../../components/base/style");
-require("../../../../theme-chalk/scrollbar.scss");

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

@@ -1,18 +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;
-}

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

@@ -1,190 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdScrollbar = void 0;
-const framework_1 = require("@type-dom/framework");
-const signals_1 = require("@type-dom/signals");
-const utils_1 = require("@type-dom/utils");
-const use_namespace_1 = require("../../../hooks/use-namespace");
-const bar_class_1 = require("./bar/bar.class");
-const td_scrollbar_const_1 = require("./td-scrollbar.const");
-require("./style/index");
-class TdScrollbar extends framework_1.TypeDiv {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdScrollbar';
-        this.attr.addName('td-scrollbar');
-        this.tag = params.tag;
-        params.tag = 'div';
-        this.addEmits(td_scrollbar_const_1.scrollbarEmits);
-        this.assignProps(td_scrollbar_const_1.scrollbarProps);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        const COMPONENT_NAME = 'TdScrollbar';
-        const props = this.props;
-        const emit = this.emit;
-        const ns = (0, use_namespace_1.useNamespace)('scrollbar');
-        let stopResizeObserver = undefined;
-        let stopResizeListener = undefined;
-        let wrapScrollTop = 0;
-        let wrapScrollLeft = 0;
-        const scrollbarRef = (0, signals_1.signal)();
-        const wrapRef = (0, signals_1.signal)();
-        const resizeRef = (0, signals_1.signal)();
-        const barRef = (0, signals_1.signal)();
-        const wrapStyle = (0, signals_1.computed)(() => {
-            const style = {};
-            if (props.height)
-                style.height = (0, utils_1.addUnit)(props.height);
-            if (props.maxHeight)
-                style.maxHeight = (0, utils_1.addUnit)(props.maxHeight);
-            return [props.wrapStyle, style];
-        });
-        const wrapKls = (0, signals_1.computed)(() => {
-            return [
-                props.wrapClass,
-                ns.e('wrap'),
-                { [ns.em('wrap', 'hidden-default')]: !props.native },
-            ];
-        });
-        const resizeKls = (0, signals_1.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 ((0, utils_1.isObject)(arg1)) {
-                wrapRef.get().scrollTo(arg1);
-            }
-            else if ((0, utils_1.isNumber)(arg1) && (0, utils_1.isNumber)(arg2)) {
-                wrapRef.get().scrollTo(arg1, arg2);
-            }
-        }
-        const setScrollTop = (value) => {
-            if (!(0, utils_1.isNumber)(value)) {
-                (0, utils_1.debugWarn)(COMPONENT_NAME, 'value must be a number');
-                return;
-            }
-            wrapRef.get().scrollTop = value;
-        };
-        const setScrollLeft = (value) => {
-            if (!(0, utils_1.isNumber)(value)) {
-                (0, utils_1.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);
-        };
-        (0, signals_1.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 } = (0, framework_1.useResizeObserver)(resizeRef, update));
-                stopResizeListener = (0, framework_1.useEventListener)('resize', update);
-            }
-        }, { immediate: true });
-        (0, signals_1.watch)(() => [props.maxHeight, props.height], () => {
-            if (!props.native)
-                (0, framework_1.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());
-                    }
-                });
-        });
-        (0, framework_1.provide)(td_scrollbar_const_1.scrollbarContextKey, 
-        // reactive({
-        //   scrollbarElement: scrollbarRef,
-        //   wrapElement: wrapRef,
-        // })
-        {
-            scrollbarElement: scrollbarRef,
-            wrapElement: wrapRef,
-        });
-        (0, framework_1.onActivated)(() => {
-            if (wrapRef.get()) {
-                wrapRef.get().scrollTop = wrapScrollTop;
-                wrapRef.get().scrollLeft = wrapScrollLeft;
-            }
-        });
-        (0, framework_1.onMounted)(() => {
-            if (!props.native)
-                (0, framework_1.nextTick)(() => {
-                    update();
-                });
-        });
-        (0, framework_1.onUpdated)(() => update());
-        (0, framework_1.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 framework_1.Div({
-            name: 'td-scrollbar-wrap',
-            refDom: wrapRef,
-            class: wrapKls,
-            styleObj: wrapStyle,
-            attrObj: {
-                tabindex: props.tabindex,
-            },
-            events: {
-                scroll: handleScroll,
-            },
-            slot: [
-                new framework_1.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_class_1.Bar({
-                refEl: barRef,
-                always: props === null || props === void 0 ? void 0 : props.always,
-                minSize: props === null || props === void 0 ? void 0 : props.minSize,
-            }));
-        }
-    }
-}
-exports.TdScrollbar = TdScrollbar;

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

@@ -1,10 +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>;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollbarContextKey = exports.scrollbarEmits = exports.scrollbarProps = void 0;
-const utils_1 = require("@type-dom/utils");
-exports.scrollbarProps = {
-    native: false,
-    tag: 'div',
-    minSize: 20,
-    // ...useAriaProps(['ariaLabel', 'ariaOrientation']),
-};
-exports.scrollbarEmits = {
-    scroll: ({ scrollTop, scrollLeft, }) => [scrollTop, scrollLeft].every(utils_1.isNumber),
-};
-exports.scrollbarContextKey = Symbol('scrollbarContextKey');

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

@@ -1,78 +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>;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,13 +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;

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

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$scrollbarBarStyle = exports.$scrollbarThumbHoverStyle = exports.$scrollbarThumbStyle = exports.$scrollbarWrapHiddenDefaultStyle = exports.$scrollbarWrapStyle = exports.$scrollbarStyle = exports.$scrollbar = void 0;
-const transition_1 = require("../../../styles/transition");
-const var_1 = require("../../../styles/var");
-// Scrollbar
-// css3 var in packages/theme-chalk/src/scrollbar.scss
-exports.$scrollbar = {
-    opacity: 0.3,
-    // bg-color: getCssVar('text-color-secondary'),
-    bgColor: var_1.$textColor.secondary,
-    hoverOpacity: 0.5,
-    // hover-bg-color: getCssVar('text-color-secondary'),
-    hoverBgColor: var_1.$textColor.secondary,
-};
-exports.$scrollbarStyle = {
-    overflow: 'hidden',
-    position: 'relative',
-    height: '100%',
-};
-exports.$scrollbarWrapStyle = {
-    overflow: 'auto',
-    height: '100%',
-};
-exports.$scrollbarWrapHiddenDefaultStyle = {
-    scrollbarWidth: 'none',
-    // &::-webkit-scrollbar {
-    //   display: none,
-    // }
-};
-exports.$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: exports.$scrollbar.bgColor,
-    // transition: getCssVar('transition-duration') background-color;
-    transition: transition_1.$transitionDuration.default + 'background-color',
-    // opacity: var(
-    //   #{getCssVarName('scrollbar-opacity')},
-    //   map.get($scrollbar, 'opacity')
-    // );
-    opacity: exports.$scrollbar.opacity,
-};
-exports.$scrollbarThumbHoverStyle = {
-    //   background-color: var(
-    //     #{getCssVarName('scrollbar-hover-bg-color')},
-    //     map.get($scrollbar, 'hover-bg-color')
-    //   );
-    backgroundColor: exports.$scrollbar.hoverBgColor,
-    //   opacity: var(
-    //     #{getCssVarName('scrollbar-hover-opacity')},
-    //     map.get($scrollbar, 'hover-opacity')
-    //   );
-    opacity: exports.$scrollbar.hoverOpacity,
-};
-exports.$scrollbarBarStyle = {
-    position: 'absolute',
-    right: '2px',
-    bottom: '2px',
-    zIndex: 1,
-    borderRadius: '4px',
-};

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

@@ -1,8 +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;
-}