@type-dom/ui 0.5.0 → 0.6.1

package/dist/components/basic/td-button/td-button.class.js

@@ -0,0 +1,119 @@
+import { Span, TypeHtml, Fragment, addEmits, addEvents, unref, addAttrObj, addStyleObj, addAttrClass, defaultProps, } from '@type-dom/framework';
+import { computed } from '@type-dom/signals';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { TdIcon } from '../td-icon/td-icon.class';
+import { buttonEmits, buttonProps } from './td-button.const';
+import { useButtonCustomStyle } from './button-custom';
+import { useButton } from './use-button';
+import { ElLoadingSvg } from '@type-dom/svgs';
+import './style/index';
+export class TdButton extends TypeHtml {
+    dom;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, buttonProps);
+        this.dom = document.createElement(params.tag ?? 'button');
+        addEmits(this, buttonEmits);
+    }
+    setup() {
+        const props = this.props;
+        // console.log('TdButton setup, props.slot is ', props.slot);
+        const emit = this.emit;
+        // 提供 loadingIcon 的默认值（延迟初始化，避免模块加载时访问 document）
+        if (!props.loadingIcon) {
+            props.loadingIcon = new ElLoadingSvg();
+        }
+        const buttonStyle = useButtonCustomStyle(props);
+        const ns = useNamespace('button');
+        const { _ref, _size, _type, _disabled, _props, _plain, _round, _text, _dashed, shouldAddSpace, handleClick, } = useButton(props, emit);
+        // console.log('_disabled.get() is ', _disabled.get());
+        const buttonKls = computed(() => [
+            ns.b(),
+            ns.m(_type.get()),
+            ns.m(_size.get()),
+            ns.is('disabled', _disabled.get()),
+            ns.is('loading', unref(props.loading)),
+            ns.is('plain', _plain.get()),
+            ns.is('round', _round.get()),
+            ns.is('circle', props.circle),
+            ns.is('text', _text.get()),
+            ns.is('dashed', _dashed.get()),
+            ns.is('link', props.link),
+            ns.is('has-bg', unref(props.bg)),
+        ]);
+        // v-bind="_props"
+        // :is="tag"
+        // assignProps(this, {
+        //   // ..._props.get(),
+        //   // nodeName: unref(props.tag),
+        //   refDom: _ref,
+        // });
+        _ref.set(this.dom);
+        addEvents(this, {
+            click: handleClick,
+        });
+        // addAttrObj(this, {
+        //   type: props.nativeType ?? 'button',
+        //   // class: buttonKls,
+        // });
+        addAttrClass(this, buttonKls);
+        if (props.tag === 'button') {
+            addAttrObj(this, {
+                ariaDisabled: computed(() => _props.get().ariaDisabled || undefined),
+                type: computed(() => _props.get().type || undefined),
+                // 布尔属性：仅当为真时渲染，避免 disabled="false"/type="false" 这类冗余属性
+                // （HTML 中 disabled 属性存在即视为禁用，渲染成 "false" 反而会把按钮错误禁用）。
+                // 同时纳入 loading：element-plus 在 loading 时自动禁用按钮。
+                disabled: computed(() => (_disabled.get() || unref(props.loading) ? true : undefined)),
+                autofocus: computed(() => _props.get().autofocus || undefined),
+            }); // disabled loading 阻止触发事件
+        }
+        else {
+            addAttrObj(this, {
+                // 非 button 标签（如 link 模式渲染的 <a>）同样需要：
+                // 1) 布尔 disabled 仅为真时渲染，避免 "false" 字符串（HTML 中仍视作禁用）；
+                // 2) link 模式的 <a> 需带 rel，与 Element Plus 保持一致。
+                disabled: computed(() => (_disabled.get() || unref(props.loading) ? true : undefined)),
+                rel: computed(() => (unref(props.link) ? 'noopener noreferrer' : undefined)),
+            });
+        }
+        addStyleObj(this, buttonStyle);
+        this.addChildren(new Span({
+            vIf: props.loading,
+            slot: () => {
+                if (props.slots?.loading) {
+                    return props.slots.loading;
+                }
+                else {
+                    // console.warn('props.loadingIcon is ', props.loadingIcon);
+                    return new TdIcon({
+                        class: ns.is('loading'),
+                        slot: props.loadingIcon,
+                    });
+                }
+            },
+        }), new Fragment({
+            vIf: computed(() => !unref(props.loading) && (props.icon || props.slots?.icon)),
+            slot: () => {
+                if (props.slots?.icon) {
+                    return props.slots.icon;
+                }
+                else {
+                    return new TdIcon({
+                        class: ns.is('icon'),
+                        slot: props.icon,
+                    });
+                }
+            },
+        }), new Span({
+            vIf: props.slot ?? props.slots?.default,
+            // shouldAddSpace 是响应式 computed，必须用 computed 包裹 class 对象，
+            // 否则框架只在 setup 时求一次值，切换 autoInsertSpace 后不会更新展开空格。
+            class: computed(() => ({
+                [ns.em('text', 'expand')]: shouldAddSpace.get(),
+            })),
+            slot: props.slot ?? props.slots?.default,
+        }));
+    }
+}
+//# sourceMappingURL=td-button.class.js.map

package/dist/components/basic/td-button/td-button.class.js.map

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

package/dist/components/basic/td-button/td-button.const.d.ts

@@ -0,0 +1,8 @@
+import type { IButtonType, TdButtonProps } from './td-button.interface';
+export declare const buttonTypes: IButtonType[];
+export declare const buttonNativeTypes: readonly ["button", "submit", "reset"];
+export declare const buttonProps: TdButtonProps;
+export declare const buttonEmits: {
+    click: (evt: MouseEvent) => boolean;
+};
+//# sourceMappingURL=td-button.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-button.const.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/td-button/td-button.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAExE,eAAO,MAAM,WAAW,EAAE,WAAW,EAa3B,CAAC;AAEX,eAAO,MAAM,iBAAiB,wCAAyC,CAAC;AAExE,eAAO,MAAM,WAAW,EAAE,aAWzB,CAAC;AACF,eAAO,MAAM,WAAW;iBACT,UAAU;CACxB,CAAC"}

package/dist/components/basic/td-button/td-button.const.js

@@ -0,0 +1,31 @@
+export const buttonTypes = [
+    'default',
+    'primary',
+    'success',
+    'warning',
+    'info',
+    'danger',
+    /**
+     * @deprecated
+     * Text type will be deprecated in the preview major version (3.0.0)
+     */
+    'text',
+    '',
+];
+export const buttonNativeTypes = ['button', 'submit', 'reset'];
+export const buttonProps = {
+    type: '',
+    nativeType: 'button',
+    // loadingIcon 不在这里初始化，避免模块加载时访问 document
+    // loadingIcon: new ElLoadingSvg(),
+    plain: undefined,
+    text: undefined,
+    round: undefined,
+    dashed: undefined,
+    autoInsertSpace: undefined,
+    tag: 'button',
+};
+export const buttonEmits = {
+    click: (evt) => evt instanceof MouseEvent,
+};
+//# sourceMappingURL=td-button.const.js.map

package/dist/components/basic/td-button/td-button.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-button.const.js","sourceRoot":"","sources":["../../../../src/components/basic/td-button/td-button.const.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAkB;IACxC,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,MAAM;IACN,QAAQ;IACR;;;OAGG;IACH,MAAM;IACN,EAAE;CACM,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAkB;IACxC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE,QAAQ;IACpB,yCAAyC;IACzC,mCAAmC;IACnC,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,eAAe,EAAE,SAAS;IAC1B,GAAG,EAAE,QAAQ;CACd,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU;CACtD,CAAC"}

package/dist/components/basic/td-button/td-button.interface.d.ts

@@ -0,0 +1,119 @@
+import { ITypeHtml, SvgSvg, MaybeRef, HtmlProps } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants';
+export interface ITdButton extends ITypeHtml {
+    props: TdButtonProps;
+}
+export type IButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger'
+/**
+ * @deprecated
+ * Text type will be deprecated in the preview major version (3.0.0)
+ */
+ | 'text' | '';
+export type IButtonNativeType = 'button' | 'submit' | 'reset';
+/**
+ *     type、plain、round 和 circle 来定义按钮的样式。
+ *         type: primary/success/warning/danger/info
+ *         size: small/default/large
+ *         round: boolean
+ *         circle: boolean
+ *     使用 icon 属性来为按钮添加图标。
+ *         icon: 'Search'
+ *     通过设置 loading 属性为 true 来显示加载中状态。
+ *     loading-icon  自定义加载中状态图标组件
+ *     color 自定义按钮的颜色。
+ *     disabled  按钮是否为禁用状态
+ */
+export interface TdButtonProps extends HtmlProps {
+    /**
+     * @description button size
+     */
+    size?: MaybeRef<ComponentSize | undefined>;
+    /**
+     * @description disable the button
+     */
+    disabled?: MaybeRef<boolean>;
+    /**
+     * @description button type
+     */
+    type?: IButtonType;
+    /**
+     * @description icon component
+     */
+    icon?: SvgSvg;
+    /**
+     * @description native button type
+     */
+    nativeType?: IButtonNativeType;
+    /**
+     * @description determine whether it's loading
+     */
+    loading?: MaybeRef<boolean>;
+    /**
+     * @description customize loading icon component
+     *     default?: () => Loading;
+     */
+    loadingIcon?: SvgSvg;
+    /**
+     * @description determine whether it's a plain button
+     *     default: undefined,
+     */
+    plain?: boolean;
+    /**
+     * @description determine whether it's a text button
+     */
+    text?: boolean;
+    /**
+     * @description determine whether it's a link button
+     */
+    link?: boolean;
+    /**
+     * @description determine whether the text button background color is always on
+     */
+    bg?: MaybeRef<boolean>;
+    /**
+     * @description native button autofocus
+     */
+    autofocus?: boolean;
+    /**
+     * @description determine whether it's a round button
+     *     default: undefined,
+     */
+    round?: boolean;
+    /**
+     * @description determine whether it's a circle button
+     */
+    circle?: boolean;
+    /**
+     * @description determine whether it's a dashed button
+     */
+    dashed?: boolean;
+    /**
+     * @description custom button color; automatically calculate `hover` and `active` color
+     */
+    color?: string;
+    /**
+     * @description dark mode; which automatically converts `color` to dark mode colors
+     */
+    dark?: boolean;
+    /**
+     * @description automatically insert a space between two chinese characters
+     *     default: undefined,
+     */
+    autoInsertSpace?: boolean;
+    /**
+     * @description custom element tag
+     *     default: 'button',
+     */
+    tag?: string;
+}
+export type ButtonType = TdButtonProps['type'];
+export type ButtonNativeType = TdButtonProps['nativeType'];
+export interface ButtonConfigContext {
+    type?: MaybeRef<string>;
+    plain?: MaybeRef<boolean>;
+    text?: MaybeRef<boolean>;
+    round?: MaybeRef<boolean>;
+    dashed?: MaybeRef<boolean>;
+    autoInsertSpace?: MaybeRef<boolean>;
+}
+//# sourceMappingURL=td-button.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-button.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/td-button/td-button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,KAAK,EAAE,aAAa,CAAC;CACtB;AAID,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ;AACV;;;GAGG;GACD,MAAM,GACN,EAAE,CAAC;AAEP,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAC/C,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACxB,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACzB,MAAM,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC1B,eAAe,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CACrC"}

package/dist/components/basic/td-button/td-button.interface.js.map

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

package/dist/components/basic/td-button/use-button.d.ts

@@ -0,0 +1,26 @@
+import { AnyFn } from '@type-dom/utils';
+import type { TdButtonProps } from './td-button.interface';
+export declare const useButton: (props: TdButtonProps, emit: AnyFn) => {
+    _disabled: import("@type-dom/signals").Computed<boolean>;
+    _size: import("@type-dom/signals").Computed<"" | "small" | "default" | "large">;
+    _type: import("@type-dom/signals").Computed<string>;
+    _ref: import("@type-dom/signals").Signal<HTMLElement>;
+    _props: import("@type-dom/signals").Computed<{
+        ariaDisabled: boolean;
+        disabled: boolean;
+        autofocus: boolean | undefined;
+        type: import("./td-button.interface").IButtonNativeType | undefined;
+    } | {
+        ariaDisabled?: undefined;
+        disabled?: undefined;
+        autofocus?: undefined;
+        type?: undefined;
+    }>;
+    _plain: import("@type-dom/signals").Computed<boolean>;
+    _round: import("@type-dom/signals").Computed<boolean>;
+    _text: import("@type-dom/signals").Computed<boolean>;
+    _dashed: import("@type-dom/signals").Computed<boolean>;
+    shouldAddSpace: import("@type-dom/signals").Computed<boolean>;
+    handleClick: (evt?: MouseEvent) => void;
+};
+//# sourceMappingURL=use-button.d.ts.map

package/dist/components/basic/td-button/use-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/td-button/use-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAY,MAAM,iBAAiB,CAAC;AAMlD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,eAAO,MAAM,SAAS,GAAI,OAAO,aAAa,EAAE,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;wBA4D9B,UAAU;CAyBtC,CAAC"}

package/dist/components/basic/td-button/use-button.js

@@ -0,0 +1,74 @@
+import { computed, signal } from '@type-dom/signals';
+import { arraySlot, inject, useSlots, unref, } from '@type-dom/framework';
+import { isString } from '@type-dom/utils';
+import { useFormItem } from '../../form/td-form/hooks/use-form-item';
+import { useFormDisabled, useFormSize } from '../../form/td-form/hooks/use-form-common-props';
+import { useGlobalConfig } from '../../configuration/td-config-provider';
+import { buttonGroupContextKey } from './constants';
+export const useButton = (props, emit) => {
+    const buttonGroupContext = inject(buttonGroupContextKey, undefined);
+    const globalConfig = useGlobalConfig('button');
+    const { form } = useFormItem();
+    const _size = useFormSize(buttonGroupContext?.size || props.size);
+    const _disabled = useFormDisabled();
+    const _ref = signal();
+    const slots = useSlots();
+    const _type = computed(() => unref(props.type) || unref(buttonGroupContext?.type) || unref(globalConfig.get()?.type) || '');
+    const autoInsertSpace = computed(() => unref(props.autoInsertSpace) ??
+        unref(globalConfig.get()?.autoInsertSpace) ??
+        false);
+    const _plain = computed(() => unref(props.plain) ?? unref(globalConfig.get()?.plain) ?? false);
+    const _round = computed(() => unref(props.round) ?? unref(globalConfig.get()?.round) ?? false);
+    const _text = computed(() => unref(props.text) ?? unref(globalConfig.get()?.text) ?? false);
+    const _dashed = computed(() => unref(props.dashed) ?? unref(globalConfig.get()?.dashed) ?? false);
+    const _props = computed(() => {
+        if (props.tag === 'button') {
+            // console.log('props.loading is ', unref(props.loading))
+            return {
+                ariaDisabled: _disabled.get() || unref(props.loading),
+                disabled: _disabled.get() || unref(props.loading),
+                autofocus: props.autofocus,
+                type: props.nativeType,
+            };
+        }
+        return {};
+    });
+    // add space between two characters in Chinese
+    const shouldAddSpace = computed(() => {
+        const defaultSlot = arraySlot(props.slot ?? slots?.default);
+        if (autoInsertSpace.get() && defaultSlot?.length === 1) {
+            const slot = defaultSlot[0];
+            // console.warn('slot is ', slot);
+            if (isString(slot)) {
+                // const text = slot.children as string;
+                return /^\p{Unified_Ideograph}{2}$/u.test(slot.trim());
+            }
+        }
+        return false;
+    });
+    const handleClick = (evt) => {
+        // console.warn('use-button handleClick . ');
+        if (_disabled.get() || unref(props.loading)) {
+            evt?.stopPropagation();
+            return;
+        }
+        if (props.nativeType === 'reset') {
+            form?.resetFields();
+        }
+        emit('click', evt);
+    };
+    return {
+        _disabled,
+        _size,
+        _type,
+        _ref,
+        _props,
+        _plain,
+        _round,
+        _text,
+        _dashed,
+        shouldAddSpace,
+        handleClick,
+    };
+};
+//# sourceMappingURL=use-button.js.map

package/dist/components/basic/td-button/use-button.js.map

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

package/dist/components/basic/td-button-group/style/css.d.ts.map

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

package/dist/components/basic/td-button-group/style/css.js.map

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

package/dist/components/basic/td-button-group/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-button-group/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2CAA2C,CAAC"}

package/dist/components/basic/td-button-group/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/basic/td-button-group/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2CAA2C,CAAC"}

package/dist/components/basic/td-button-group/td-button-group.class.d.ts

@@ -0,0 +1,8 @@
+import { Div } from '@type-dom/framework';
+import { ITdButtonGroup, TdButtonGroupProps } from './td-button-group.interface';
+import './style/index';
+export declare class TdButtonGroup extends Div<TdButtonGroupProps> implements ITdButtonGroup {
+    constructor(params?: TdButtonGroupProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-button-group.class.d.ts.map

package/dist/components/basic/td-button-group/td-button-group.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-button-group.class.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/td-button-group/td-button-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EASJ,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,eAAe,CAAC;AAIvB,qBAAa,aAAc,SAAQ,GAAG,CAAC,kBAAkB,CAAE,YAAW,cAAc;gBAEtE,MAAM,GAAE,kBAAuB;IAQlC,KAAK,IAAI,IAAI;CAgBvB"}

package/dist/components/basic/td-button-group/td-button-group.class.js

@@ -0,0 +1,30 @@
+import { Div, provide, toRef, addAttrClass, transformSlot, defaultProps, unref,
+// Ref,
+ } from '@type-dom/framework';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { buttonGroupContextKey } from '../td-button/constants';
+import './style/index';
+import { computed } from '@type-dom/signals';
+export class TdButtonGroup extends Div {
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, {
+            direction: 'horizontal',
+            type: ''
+        });
+    }
+    setup() {
+        // console.log('td-button-group setup . ');
+        const props = this.props;
+        transformSlot(this, props.slot ?? props.slots?.default);
+        const ns = useNamespace('button');
+        // 添加方向修饰符类名 (默认 horizontal)
+        addAttrClass(this, computed(() => [ns.b('group'), ns.bm('group', unref(props.direction))]));
+        // 提供上下文给子按钮组件
+        provide(buttonGroupContextKey, {
+            size: toRef(props, 'size'),
+            type: toRef(props, 'type'),
+        });
+    }
+}
+//# sourceMappingURL=td-button-group.class.js.map

package/dist/components/basic/td-button-group/td-button-group.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-button-group.class.js","sourceRoot":"","sources":["../../../../src/components/basic/td-button-group/td-button-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EAEb,YAAY,EACZ,KAAK;AACL,OAAO;EACR,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,OAAO,aAAc,SAAQ,GAAuB;IAExD,YAAY,SAA6B,EAAE;QACzC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,YAAY,CAAC,IAAI,EAAE;YACjB,SAAS,EAAE,YAAY;YACvB,IAAI,EAAE,EAAE;SACT,CAAC,CAAC;IACL,CAAC;IAEQ,KAAK;QACZ,2CAA2C;QAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAExD,MAAM,EAAE,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;QAElC,4BAA4B;QAC5B,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE5F,cAAc;QACd,OAAO,CAAC,qBAAqB,EAAE;YAC7B,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAuB;YAChD,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAqB;SAC/C,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/components/basic/td-button-group/td-button-group.interface.d.ts

@@ -0,0 +1,22 @@
+import { IDiv, MaybeRef, DivProps } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants';
+import { IButtonType } from '../td-button/td-button.interface';
+export interface ITdButtonGroup extends IDiv {
+    props: TdButtonGroupProps;
+}
+export interface TdButtonGroupProps extends DivProps {
+    /**
+     * @description control the size of buttons in this button-group
+     */
+    size?: MaybeRef<ComponentSize>;
+    /**
+     * @description control the type of buttons in this button-group
+     */
+    type?: MaybeRef<IButtonType>;
+    /**
+     * @description display direction
+     * default: 'horizontal',
+     */
+    direction?: MaybeRef<'horizontal' | 'vertical'>;
+}
+//# sourceMappingURL=td-button-group.interface.d.ts.map

package/dist/components/basic/td-button-group/td-button-group.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-button-group.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/td-button-group/td-button-group.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAG,MAAM,kCAAkC,CAAC;AAEhE,MAAM,WAAW,cAAe,SAAQ,IAAI;IAC1C,KAAK,EAAE,kBAAkB,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;CACjD"}

package/dist/components/basic/td-button-group/td-button-group.interface.js.map

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

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

@@ -0,0 +1,7 @@
+import '../../../base/style/css';
+import '../../../../theme-chalk/el-container.css';
+import '../../../../theme-chalk/el-aside.css';
+import '../../../../theme-chalk/el-footer.css';
+import '../../../../theme-chalk/el-header.css';
+import '../../../../theme-chalk/el-main.css';
+//# sourceMappingURL=css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,0CAA0C,CAAC;AAClD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC"}

package/dist/components/basic/td-container/style/css.js

@@ -0,0 +1,7 @@
+import '../../../base/style/css';
+import '../../../../theme-chalk/el-container.css';
+import '../../../../theme-chalk/el-aside.css';
+import '../../../../theme-chalk/el-footer.css';
+import '../../../../theme-chalk/el-header.css';
+import '../../../../theme-chalk/el-main.css';
+//# sourceMappingURL=css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,0CAA0C,CAAC;AAClD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wCAAwC,CAAC;AAChD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mCAAmC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wCAAwC,CAAC;AAChD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mCAAmC,CAAC"}

package/dist/components/basic/td-container/td-aside/style/css.d.ts

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

package/dist/components/basic/td-container/td-aside/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-container/td-aside/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,sCAAsC,CAAC"}

package/dist/components/basic/td-container/td-aside/style/css.js

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

package/dist/components/basic/td-container/td-aside/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/basic/td-container/td-aside/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,sCAAsC,CAAC"}

package/dist/components/basic/td-container/td-aside/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-container/td-aside/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC"}

package/dist/components/basic/td-container/td-aside/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/basic/td-container/td-aside/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC"}

package/dist/components/basic/td-container/td-aside/td-aside.class.d.ts

@@ -0,0 +1,7 @@
+import { Aside } from '@type-dom/framework';
+import { ITdAside, TdAsideProps } from './td-aside.interface';
+export declare class TdAside extends Aside<TdAsideProps> implements ITdAside {
+    constructor(params?: TdAsideProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-aside.class.d.ts.map

package/dist/components/basic/td-container/td-aside/td-aside.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-aside.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/td-aside/td-aside.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAKN,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,qBAAa,OAAQ,SAAQ,KAAK,CAAC,YAAY,CAAE,YAAW,QAAQ;gBACtD,MAAM,GAAE,YAAiB;IAI5B,KAAK;CAgBf"}

package/dist/components/basic/td-container/td-aside/td-aside.class.js

@@ -0,0 +1,24 @@
+import { Aside, addAttrClass, addStyleObj, transformSlot, } from '@type-dom/framework';
+import { useNamespace } from '../../../../hooks/use-namespace';
+export class TdAside extends Aside {
+    constructor(params = {}) {
+        super(params);
+    }
+    setup() {
+        const props = this.props;
+        const ns = useNamespace('aside');
+        const style = props.width
+            ? ns.cssVarBlock({ width: props.width.toString() })
+            : {};
+        // this.assignProps({
+        //   attrObj: {
+        //     class: ns.b(), // todo 不生效
+        //   },
+        //   // styleObj: style,
+        // });
+        addAttrClass(this, ns.b());
+        addStyleObj(this, style);
+        transformSlot(this, props.slot ?? props.slots?.default);
+    }
+}
+//# sourceMappingURL=td-aside.class.js.map

package/dist/components/basic/td-container/td-aside/td-aside.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-aside.class.js","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/td-aside/td-aside.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAEL,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D,MAAM,OAAO,OAAQ,SAAQ,KAAmB;IAC9C,YAAY,SAAuB,EAAE;QACnC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAEQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QACjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK;YACvB,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;YACnD,CAAC,CAAE,EAAoB,CAAC;QAC1B,qBAAqB;QACrB,eAAe;QACf,iCAAiC;QACjC,OAAO;QACP,wBAAwB;QACxB,MAAM;QACN,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3B,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACzB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1D,CAAC;CACF"}

package/dist/components/basic/td-container/td-aside/td-aside.interface.d.ts

@@ -0,0 +1,8 @@
+import { IAside, AsideProps } from '@type-dom/framework';
+export interface ITdAside extends IAside {
+    props: TdAsideProps;
+}
+export interface TdAsideProps extends AsideProps {
+    width?: string | number;
+}
+//# sourceMappingURL=td-aside.interface.d.ts.map