@type-dom/ui 0.1.3 → 0.2.0

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

@@ -1,153 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Thumb = 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 util_1 = require("../util");
-const td_scrollbar_const_1 = require("../td-scrollbar.const");
-class Thumb extends framework_1.TypeFragment {
-    constructor(params = {}) {
-        super();
-        this.className = 'Thumb';
-        this.props = this.useParams(params);
-    }
-    setup() {
-        const props = this.props;
-        const COMPONENT_NAME = 'Thumb';
-        const scrollbar = (0, framework_1.inject)(td_scrollbar_const_1.scrollbarContextKey);
-        const ns = (0, use_namespace_1.useNamespace)('scrollbar');
-        if (!scrollbar)
-            (0, utils_1.throwError)(COMPONENT_NAME, 'can not inject scrollbar context');
-        const instance = (0, signals_1.signal)();
-        const thumb = (0, signals_1.signal)();
-        const thumbState = (0, signals_1.signal)({});
-        const visible = (0, signals_1.signal)(false);
-        let cursorDown = false;
-        let cursorLeave = false;
-        let originalOnSelectStart = utils_1.isClient ? document.onselectstart : null;
-        const bar = (0, signals_1.computed)(() => util_1.BAR_MAP[props.vertical ? 'vertical' : 'horizontal']);
-        const thumbStyle = (0, signals_1.computed)(() => {
-            // console.warn('thumStyle . ');
-            // props.size?.get();
-            // props.move?.get();
-            return (0, util_1.renderThumbStyle)({
-                size: props.size,
-                move: props.move,
-                bar: bar.get(),
-            });
-        });
-        const offsetRatio = (0, signals_1.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] /
-            (0, signals_1.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);
-        };
-        (0, framework_1.onBeforeUnmount)(() => {
-            restoreOnselectstart();
-            document.removeEventListener('mouseup', mouseUpDocumentHandler);
-        });
-        const restoreOnselectstart = () => {
-            if (document.onselectstart !== originalOnSelectStart)
-                document.onselectstart = originalOnSelectStart;
-        };
-        (0, framework_1.useEventListener)(scrollbar.scrollbarElement, 'mousemove', mouseMoveScrollbarHandler);
-        (0, framework_1.useEventListener)(scrollbar.scrollbarElement, 'mouseleave', mouseLeaveScrollbarHandler);
-        this.addChild(new framework_1.Transition({
-            name: ns.b('fade'),
-            slot: new framework_1.Div({
-                vShow: (0, signals_1.computed)(() => props.always || visible.get()),
-                refDom: instance,
-                class: (0, signals_1.computed)(() => [ns.e('bar'), ns.is(bar.get().key)]),
-                events: {
-                    mousedown: clickTrackHandler,
-                },
-                slot: new framework_1.Div({
-                    refDom: thumb,
-                    class: ns.e('thumb'),
-                    styleObj: thumbStyle,
-                    events: {
-                        mousedown: clickThumbHandler,
-                    },
-                }),
-            })
-        }));
-    }
-}
-exports.Thumb = Thumb;

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

@@ -1,12 +0,0 @@
-import { ITypeFragment, TypeFragmentProps } from '@type-dom/framework';
-import { Ref } from '@type-dom/signals';
-export interface IThumb extends ITypeFragment {
-    className: 'Thumb';
-}
-export interface ThumbProps extends TypeFragmentProps {
-    vertical?: boolean;
-    size?: Ref<string>;
-    move?: Ref<number>;
-    ratio?: Ref<number>;
-    always?: boolean;
-}

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

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

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

@@ -1,28 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-import { ThumbProps } from './thumb/thumb.interface';
-export declare const GAP = 4;
-export declare const BAR_MAP: {
-    readonly vertical: {
-        readonly offset: "offsetHeight";
-        readonly scroll: "scrollTop";
-        readonly scrollSize: "scrollHeight";
-        readonly size: "height";
-        readonly key: "vertical";
-        readonly axis: "Y";
-        readonly client: "clientY";
-        readonly direction: "top";
-    };
-    readonly horizontal: {
-        readonly offset: "offsetWidth";
-        readonly scroll: "scrollLeft";
-        readonly scrollSize: "scrollWidth";
-        readonly size: "width";
-        readonly key: "horizontal";
-        readonly axis: "X";
-        readonly client: "clientX";
-        readonly direction: "left";
-    };
-};
-export declare const renderThumbStyle: ({ move, size, bar, }: Pick<ThumbProps, "move" | "size"> & {
-    bar: (typeof BAR_MAP)[keyof typeof BAR_MAP];
-}) => IStyle;

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderThumbStyle = exports.BAR_MAP = exports.GAP = void 0;
-const signals_1 = require("@type-dom/signals");
-const utils_1 = require("@type-dom/utils");
-exports.GAP = 4; // top 2 + bottom 2 of bar instance
-exports.BAR_MAP = {
-    vertical: {
-        offset: 'offsetHeight',
-        scroll: 'scrollTop',
-        scrollSize: 'scrollHeight',
-        size: 'height',
-        key: 'vertical',
-        axis: 'Y',
-        client: 'clientY',
-        direction: 'top',
-    },
-    horizontal: {
-        offset: 'offsetWidth',
-        scroll: 'scrollLeft',
-        scrollSize: 'scrollWidth',
-        size: 'width',
-        key: 'horizontal',
-        axis: 'X',
-        client: 'clientX',
-        direction: 'left',
-    },
-};
-const renderThumbStyle = ({ move, size, bar, }) => {
-    // console.warn('size is ', size);
-    // console.warn('move is ', move);
-    // console.warn('bar is ', bar);
-    return {
-        [bar.size]: (0, utils_1.addUnit)(size === null || size === void 0 ? void 0 : size.get()),
-        transform: `translate${bar.axis}(${(0, signals_1.unref)(move)}%)`,
-    };
-};
-exports.renderThumbStyle = renderThumbStyle;

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

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

package/src/components/basic/td-space/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-space.css");

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

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

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

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

package/src/components/basic/td-space/td-space-item/td-space-item.class.d.ts

@@ -1,8 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { SpaceItemProps } from './td-space-item.interface';
-export declare class TdSpaceItem extends TypeDiv {
-    className: 'TdSpaceItem';
-    props: SpaceItemProps;
-    constructor(params?: SpaceItemProps);
-    setup(): void;
-}

package/src/components/basic/td-space/td-space-item/td-space-item.class.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdSpaceItem = void 0;
-const framework_1 = require("@type-dom/framework");
-const signals_1 = require("@type-dom/signals");
-const use_namespace_1 = require("../../../../hooks/use-namespace");
-class TdSpaceItem extends framework_1.TypeDiv {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdSpaceItem';
-        this.props = this.useParams(params);
-    }
-    setup() {
-        var _a;
-        const props = this.props;
-        const ns = (0, use_namespace_1.useNamespace)('space');
-        const classes = (0, signals_1.computed)(() => `${(props === null || props === void 0 ? void 0 : props.prefixCls) || ns.b()}__item`);
-        this.attr.addClass(classes);
-        this.slotChildren(props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default));
-    }
-}
-exports.TdSpaceItem = TdSpaceItem;

package/src/components/basic/td-space/td-space-item/td-space-item.interface.d.ts

@@ -1,7 +0,0 @@
-import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
-export interface ITdSpaceItem extends ITypeDiv {
-    className: 'TdSpaceItem';
-}
-export interface SpaceItemProps extends TypeDivProps {
-    prefixCls?: string;
-}

package/src/components/basic/td-space/td-space-item/td-space-item.interface.js

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

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

@@ -1,9 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { ITdSpace, SpaceProps } from './td-space.interface';
-import './style/index';
-export declare class TdSpace extends TypeDiv implements ITdSpace {
-    className: 'TdSpace';
-    props: SpaceProps;
-    constructor(params?: SpaceProps);
-    setup(): void;
-}

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

@@ -1,155 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdSpace = void 0;
-const utils_1 = require("@type-dom/utils");
-const signals_1 = require("@type-dom/signals");
-const framework_1 = require("@type-dom/framework");
-const td_space_const_1 = require("./td-space.const");
-const td_space_item_class_1 = require("./td-space-item/td-space-item.class");
-const use_space_1 = require("./use-space");
-require("./style/index");
-class TdSpace extends framework_1.TypeDiv {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdSpace';
-        this.attr.addName('td-space');
-        this.assignProps(td_space_const_1.spaceProps);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        var _a, _b;
-        // console.log('td-space setup . ');
-        const props = this.props;
-        const { classes, containerStyle, itemStyle } = (0, use_space_1.useSpace)(props);
-        // console.warn('containerStyle is ', containerStyle);
-        // retrieve the children out via a simple for loop
-        // the edge case here is that when users uses directives like <v-for>, <v-if>
-        // we need to go deeper until the child is not the Fragment type
-        function extractChildren(children, parentKey = '', extractedChildren = []) {
-            // console.warn('extractChildren is ', children);
-            // const { prefixCls } = props
-            children.forEach((child, loopKey) => {
-                if ((0, framework_1.isFragment)(child)) {
-                    if (child instanceof framework_1.For) {
-                        // For element should be done here
-                        const data = (0, signals_1.toRaw)(child.props.data);
-                        const getter = child.props.getter;
-                        if (data !== undefined) {
-                            data.forEach((item, index) => {
-                                let slot;
-                                if (getter) {
-                                    slot = getter(item, index);
-                                }
-                                else {
-                                    slot = item;
-                                }
-                                extractedChildren.push(new td_space_item_class_1.TdSpaceItem({
-                                    styleObj: itemStyle,
-                                    prefixCls: props.prefixCls,
-                                    slot: slot,
-                                }));
-                            });
-                        }
-                    }
-                    else if ((0, utils_1.isArray)(child.children)) {
-                        child.children.forEach((nested, key) => {
-                            if ((0, framework_1.isFragment)(nested) && (0, utils_1.isArray)(nested.children)) {
-                                extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
-                            }
-                            else {
-                                extractedChildren.push(new td_space_item_class_1.TdSpaceItem({
-                                    styleObj: itemStyle,
-                                    prefixCls: props.prefixCls,
-                                    slot: nested,
-                                }));
-                            }
-                        });
-                    }
-                    // if the current child is valid vnode, then append this current vnode
-                    // to item as child node.
-                }
-                else if ((0, framework_1.isValidElementNode)(child)) {
-                    extractedChildren.push(new td_space_item_class_1.TdSpaceItem({
-                        styleObj: itemStyle,
-                        prefixCls: props.prefixCls,
-                        slot: child,
-                    }));
-                }
-            });
-            return extractedChildren;
-        }
-        const { spacer, direction } = props;
-        // this.slotChildren(props.slot || props.slots?.default);
-        // this.children.forEach((item) => {
-        //   if (item instanceof TypeHtml) {
-        //     item.style.addObj({
-        //       display: 'flex',
-        //       flexWrap: 'wrap'
-        //     });
-        //   } else if (item instanceof TypeFragment) {
-        //     item.addStyleObj({
-        //       display: 'flex',
-        //       flexWrap: 'wrap'
-        //     })
-        //   }
-        // });
-        // const children = renderSlot(slots, 'default', { key: 0 }, () => [])
-        const children = (0, framework_1.arraySlot)((_a = props.slot) !== null && _a !== void 0 ? _a : (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default);
-        // if ((children.children ?? []).length === 0) return null
-        if ((children !== null && children !== void 0 ? children : []).length === 0)
-            return;
-        // loop the children, if current children is rendered via `renderList` or `<v-for>`
-        if ((0, utils_1.isArray)(children)) {
-            let extractedChildren = extractChildren(children);
-            // console.log('extractChildren is ', extractedChildren);
-            if (spacer) {
-                // track the current rendering index, when encounters the last element
-                // then no need to add a spacer after it.
-                const len = extractedChildren.length - 1;
-                extractedChildren = extractedChildren.reduce((acc, child, idx) => {
-                    const children = [...acc, child];
-                    if (idx !== len) {
-                        children.push(
-                        // adding width 100% for vertical alignment,
-                        // when the spacer inherit the width from the
-                        // parent, this span's width was not set, so space
-                        // might disappear
-                        new framework_1.Span({
-                            styleObj: (0, signals_1.computed)(() => [
-                                itemStyle.get(),
-                                { width: direction === 'vertical' ? '100%' : undefined },
-                            ]),
-                            // if spacer is already a valid node, then append it to the current
-                            // span element.
-                            // otherwise, treat it as string.
-                            slot: spacer,
-                        })
-                        // createVNode(
-                        //   'span',
-                        //   {
-                        //     style: [
-                        //       itemStyle.value,
-                        //       direction === 'vertical' ? 'width: 100%' : null,
-                        //     ],
-                        //     key: idx,
-                        //   },
-                        //   [
-                        //     isVNode(spacer)
-                        //       ? spacer
-                        //       : createTextVNode(spacer as string, PatchFlags.TEXT),
-                        //   ],
-                        //   PatchFlags.STYLE
-                        // )
-                        );
-                    }
-                    return children;
-                }, []);
-            }
-            // spacer container.
-            this.attr.addClass(classes);
-            this.style.addObj(containerStyle);
-            this.slotChildren(extractedChildren);
-        }
-    }
-}
-exports.TdSpace = TdSpace;

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

@@ -1,5 +0,0 @@
-import { SpaceProps } from './td-space.interface';
-export declare const SIZE_MAP: {
-    [propName: string]: number;
-};
-export declare const spaceProps: SpaceProps;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.spaceProps = exports.SIZE_MAP = void 0;
-exports.SIZE_MAP = {
-    small: 8,
-    default: 12,
-    large: 16,
-};
-exports.spaceProps = {
-    direction: 'horizontal',
-    alignment: 'center', // StyleAlignItems.center,
-    fillRatio: 100,
-};

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

@@ -1,50 +0,0 @@
-import { ITypeDiv, TypeDivProps, TypeNode } from '@type-dom/framework';
-import { Property } from '@type-dom/css-type';
-import { MaybeRef } from '@type-dom/signals';
-import { ComponentSize } from '../../../constants';
-export interface ITdSpace extends ITypeDiv {
-    className: 'TdSpace';
-    horizontalSize?: number;
-    verticalSize?: number;
-}
-export interface SpaceProps extends TypeDivProps {
-    /**
-     * @description Placement direction	排列的方向
-     */
-    direction?: MaybeRef<'horizontal' | 'vertical'>;
-    /**
-     * @description Classname
-     */
-    /**
-     * @description Controls the alignment of items	对齐方式
-     * 对应 align-items
-     */
-    alignment?: Property.AlignItems;
-    /**
-     * @description Prefix for space-items
-     */
-    prefixCls?: string;
-    /**
-     * @description Spacer	间隔符
-     */
-    spacer?: string | number | TypeNode;
-    /**
-     * @description Auto wrapping 设置是否自动折行 default: false
-     */
-    wrap?: boolean;
-    /**
-     * @description Whether to fill the container	是否填充剩余空间 default: false
-     */
-    fill?: MaybeRef<boolean>;
-    /**
-     * @description Ratio of fill
-     * 填充比率 default: 100
-     */
-    fillRatio?: MaybeRef<number>;
-    /**
-     * Sets the space between each element.
-     * 间隔大小
-     * 元组：[水平间隔，垂直间隔]；
-     */
-    size?: MaybeRef<number | ComponentSize | string | [h: number, v: number]>;
-}

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

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

package/src/components/basic/td-space/use-space.d.ts

@@ -1,7 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-import { SpaceProps } from './td-space.interface';
-export declare function useSpace(props: SpaceProps): {
-    classes: import("@type-dom/signals").Computed<import("dist/libs/framework/src").ClassValue[]>;
-    containerStyle: import("@type-dom/signals").Computed<(IStyle<string | 0, string> | Record<string, import("@type-dom/signals").MaybeRef<string | number | undefined>> | import("@type-dom/signals").Signal<import("dist/libs/framework/src").StyleValue | undefined> | import("@type-dom/signals").Computed<import("dist/libs/framework/src").StyleValue | undefined> | (import("dist/libs/framework/src").StyleValue | undefined)[] | undefined)[]>;
-    itemStyle: import("@type-dom/signals").Computed<IStyle<string | 0, string>>;
-};

package/src/components/basic/td-space/use-space.js

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSpace = useSpace;
-const signals_1 = require("@type-dom/signals");
-const utils_1 = require("@type-dom/utils");
-const use_namespace_1 = require("../../../hooks/use-namespace");
-const SIZE_MAP = {
-    small: 8,
-    default: 12,
-    large: 16,
-};
-function useSpace(props) {
-    const ns = (0, use_namespace_1.useNamespace)('space');
-    const classes = (0, signals_1.computed)(() => [
-        ns.b(),
-        ns.m((0, signals_1.toRaw)(props.direction)),
-        props.class,
-    ]);
-    const horizontalSize = (0, signals_1.signal)(0);
-    const verticalSize = (0, signals_1.signal)(0);
-    const containerStyle = (0, signals_1.computed)(() => {
-        const wrapKls = props.wrap || (0, signals_1.toRaw)(props.fill) ? { flexWrap: 'wrap' } : {};
-        const alignment = {
-            alignItems: props.alignment,
-        };
-        const gap = {
-            rowGap: `${verticalSize.get()}px`,
-            columnGap: `${horizontalSize.get()}px`,
-        };
-        // return Object.assign({}, wrapKls, alignment, gap, props.styleObj)
-        return [wrapKls, alignment, gap, props.styleObj];
-    });
-    const itemStyle = (0, signals_1.computed)(() => {
-        return (0, signals_1.toRaw)(props.fill)
-            ? { flexGrow: 1, minWidth: `${(0, signals_1.toRaw)(props.fillRatio)}%` }
-            : {};
-    });
-    (0, signals_1.effect)(() => {
-        var _a;
-        // console.error('TdSpace effect . ');
-        const { size: inputSize = 'small', wrap, direction: dir, fill } = props;
-        // const size = unref(props.size) ?? 'small';
-        // console.error('TdSpace effect , inputSize ',  inputSize);
-        const size = (_a = (0, signals_1.unref)(inputSize)) !== null && _a !== void 0 ? _a : 'small';
-        // console.error('size is ', size);
-        // when the specified size have been given
-        if ((0, utils_1.isArray)(size)) {
-            const [h = 0, v = 0] = size;
-            horizontalSize.set(h);
-            verticalSize.set(v);
-        }
-        else {
-            let val;
-            if ((0, utils_1.isNumber)(size)) {
-                val = size;
-            }
-            else {
-                val = SIZE_MAP[size || 'small'] || SIZE_MAP.small;
-            }
-            if ((wrap || fill) && dir === 'horizontal') {
-                horizontalSize.set(val);
-                verticalSize.set(val);
-            }
-            else {
-                if (dir === 'horizontal') {
-                    horizontalSize.set(val);
-                    verticalSize.set(0);
-                }
-                else {
-                    verticalSize.set(val);
-                    horizontalSize.set(0);
-                }
-            }
-        }
-    });
-    return {
-        classes,
-        containerStyle,
-        itemStyle,
-    };
-}

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

@@ -1,2 +0,0 @@
-import '../../../base/style/css';
-import '../../../../theme-chalk/td-text.css';

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

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

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

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

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

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