@type-dom/ui 0.2.2 → 0.3.1

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

@@ -0,0 +1,72 @@
+import { $colors, $fontSizes, $fontWeightPrimary, $textColor, } from '../../../styles/var';
+// Link
+// css3 var in packages/theme-chalk/src/link.scss
+export const $link = {
+    // 'font-size': getCssVar('font-size-base'),
+    fontSize: $fontSizes.base,
+    // 'font-weight': getCssVar('font-weight-primary'),
+    fontWeight: $fontWeightPrimary,
+    // 'text-color': getCssVar('text-color-regular'),
+    textColor: $textColor.regular,
+    // 'hover-text-color': getCssVar('color-primary'),
+    hoverTextColor: $colors.primary.base,
+    // 'disabled-text-color': getCssVar('text-color-placeholder'),
+    disabledTextColor: $textColor.placeholder,
+};
+export let $linkTextColor;
+export function useType(config) {
+    $link.textColor = $colors[(config === null || config === void 0 ? void 0 : config.type) || 'default'].base;
+    $link.hoverTextColor = $colors[(config === null || config === void 0 ? void 0 : config.type) || 'default']['light-3'];
+    $link.disabledTextColor = $colors[(config === null || config === void 0 ? void 0 : config.type) || 'default']['light-5'];
+    buttonVariant((config === null || config === void 0 ? void 0 : config.type) || 'default');
+}
+export const $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: $link.fontSize,
+    // font-weight: getCssVar('link', 'font-weight'),
+    fontWeight: $link.fontWeight,
+    // color: getCssVar('link', 'text-color'),
+    color: $link.textColor,
+};
+export const $linkInnerStyle = {
+    display: 'inline-flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+export const $linkStateColors = {};
+export function buttonVariant($type) {
+    $linkStateColors[$type] = {
+        default: {
+            color: $colors[$type].base,
+        },
+        hover: {
+            color: $type === 'default'
+                ? $colors['primary'].base
+                : $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: $colors[$type]['dark-2'], // ['color', $type, 'dark-2'],
+        },
+        disabled: {
+            color: $colors[$type]['light-5'], // ['color', $type, 'light-5'],
+        },
+    };
+}
+//# sourceMappingURL=td-link.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-link.style.js","sourceRoot":"","sources":["../../../../../src/components/basic/td-link/td-link.style.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,UAAU,GAEX,MAAM,qBAAqB,CAAC;AAG7B,OAAO;AACP,iDAAiD;AACjD,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,4CAA4C;IAC5C,QAAQ,EAAE,UAAU,CAAC,IAAI;IACzB,mDAAmD;IACnD,UAAU,EAAE,kBAAkB;IAC9B,iDAAiD;IACjD,SAAS,EAAE,UAAU,CAAC,OAAO;IAC7B,kDAAkD;IAClD,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI;IACpC,8DAA8D;IAC9D,iBAAiB,EAAE,UAAU,CAAC,WAAW;CAC1C,CAAC;AAEF,MAAM,CAAC,IAAI,cAAsB,CAAC;AAElC,MAAM,UAAU,OAAO,CAAC,MAAkB;IACxC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,SAAS,CAAC,CAAC,IAAI,CAAC;IAC1D,KAAK,CAAC,cAAc,GAAG,OAAO,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;IACrE,KAAK,CAAC,iBAAiB,GAAG,OAAO,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;IACxE,aAAa,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,SAAS,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAW;IAChC,OAAO,EAAE,aAAa;IACtB,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,2BAA2B;IAC3B,QAAQ,EAAE,UAAU;IACpB,cAAc,EAAE,MAAM;IACtB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,GAAG;IACZ,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,iDAAiD;IACjD,UAAU,EAAE,KAAK,CAAC,UAAU;IAC5B,0CAA0C;IAC1C,KAAK,EAAE,KAAK,CAAC,SAAS;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,OAAO,EAAE,aAAa;IACtB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAA2C,CAAC;AAE5E,MAAM,UAAU,aAAa,CAAC,KAAY;IACxC,gBAAgB,CAAC,KAAK,CAAC,GAAG;QACxB,OAAO,EAAE;YACP,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI;SAC3B;QACD,KAAK,EAAE;YACL,KAAK,EACH,KAAK,KAAK,SAAS;gBACjB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI;gBACzB,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,EAAE,+BAA+B;YAChE,eAAe;YACf,wBAAwB;YACxB,WAAW;YACX,YAAY;YACZ,aAAa;YACb,aAAa;YACb,4GAA4G;SAC7G;QACD,MAAM,EAAE;YACN,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,EAAE,8BAA8B;SAChE;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,EAAE,+BAA+B;SAClE;KACF,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+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;
+}
+//# sourceMappingURL=bar.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/bar/bar.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGjD,qBAAa,GAAI,SAAQ,YAAa,YAAW,IAAI;IACnD,SAAS,EAAE,KAAK,CAAC;IACR,KAAK,EAAE,QAAQ,CAAC;IAChB,UAAU,EAAE,KAAK,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;gBAE9B,MAAM,GAAE,QAAa;IAWxB,KAAK;CAwEf"}

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

@@ -0,0 +1,72 @@
+import { defineExpose, inject, TypeFragment } from '@type-dom/framework';
+import { signal } from '@type-dom/signals';
+import { GAP } from '../util';
+import { Thumb } from '../thumb/thumb.class';
+import { scrollbarContextKey } from '../td-scrollbar.const';
+import { barProps } from './bar.const';
+export class Bar extends TypeFragment {
+    constructor(params = {}) {
+        super();
+        this.className = 'Bar';
+        this.childNodes = [];
+        // this.attr.addName('td-scrollbar-bar');
+        this.assignProps(barProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        const props = this.props;
+        const scrollbar = inject(scrollbarContextKey);
+        const moveX = signal(0);
+        const moveY = signal(0);
+        const sizeWidth = signal('');
+        const sizeHeight = signal('');
+        const ratioY = signal(1);
+        const ratioX = signal(1);
+        const handleScroll = (wrap) => {
+            if (wrap) {
+                const offsetHeight = wrap.offsetHeight - GAP;
+                const offsetWidth = wrap.offsetWidth - 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 - GAP;
+            const offsetWidth = wrap.offsetWidth - 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 + GAP < offsetHeight ? `${height}px` : '');
+            // console.warn('sizeHeight is ', sizeHeight);
+            sizeWidth.set(width + GAP < offsetWidth ? `${width}px` : '');
+            // console.warn('sizeWidth is ', sizeWidth);
+        };
+        defineExpose({
+            handleScroll,
+            updateDom: update,
+        });
+        this.addChildren(new Thumb({
+            move: moveX,
+            ratio: ratioX,
+            size: sizeWidth,
+            always: props.always,
+        }), new Thumb({
+            move: moveY,
+            ratio: ratioY,
+            size: sizeHeight,
+            vertical: true,
+            always: props.always,
+        }));
+    }
+}
+//# sourceMappingURL=bar.class.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { BarProps } from './bar.interface';
+export declare const barProps: BarProps;
+//# sourceMappingURL=bar.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar.const.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/bar/bar.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,eAAO,MAAM,QAAQ,EAAE,QAGb,CAAC"}

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

@@ -0,0 +1,5 @@
+export const barProps = {
+    always: true,
+    // minSize: 20, // required: true,
+};
+//# sourceMappingURL=bar.const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar.const.js","sourceRoot":"","sources":["../../../../../../src/components/basic/td-scrollbar/bar/bar.const.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAa;IAChC,MAAM,EAAE,IAAI;IACZ,kCAAkC;CAC1B,CAAC"}

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/scrollbar.scss';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/scrollbar.scss';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,187 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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"}