@type-dom/ui 0.6.0 → 0.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"td-button.const.js","sourceRoot":"","sources":["../../../../src/components/basic/td-button/td-button.const.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,qBAAqB,GAAqC,MAAM,CAC3E,uBAAuB,CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,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,GAAG;IACzB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,QAAQ;CACd,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU;CACtD,CAAC"}
+{"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

@@ -1,14 +1,8 @@
-import { TypeProps, ITypeHtml, TypeSvgSvg } from '@type-dom/framework';
-import { MaybeRef } from '@type-dom/signals';
+import { ITypeHtml, SvgSvg, MaybeRef, HtmlProps } from '@type-dom/framework';
 import { ComponentSize } from '../../../constants';
-export interface ITdButtonAbstract extends ITypeHtml {
-    className: 'TdButton' | string;
-}
-export interface ITdButton extends ITdButtonAbstract {
-    className: 'TdButton';
+export interface ITdButton extends ITypeHtml {
     props: TdButtonProps;
 }
-export type IButtonSize = 'small' | 'default' | 'large';
 export type IButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger'
 /**
  * @deprecated
@@ -29,12 +23,11 @@ export type IButtonNativeType = 'button' | 'submit' | 'reset';
  *     color 自定义按钮的颜色。
  *     disabled  按钮是否为禁用状态
  */
-export interface TdButtonProps extends TypeProps {
-    svgObj?: TypeSvgSvg;
+export interface TdButtonProps extends HtmlProps {
     /**
      * @description button size
      */
-    size?: ComponentSize;
+    size?: MaybeRef<ComponentSize | undefined>;
     /**
      * @description disable the button
      */
@@ -46,7 +39,7 @@ export interface TdButtonProps extends TypeProps {
     /**
      * @description icon component
      */
-    icon?: TypeSvgSvg;
+    icon?: SvgSvg;
     /**
      * @description native button type
      */
@@ -54,14 +47,15 @@ export interface TdButtonProps extends TypeProps {
     /**
      * @description determine whether it's loading
      */
-    loading?: boolean;
+    loading?: MaybeRef<boolean>;
     /**
      * @description customize loading icon component
      *     default?: () => Loading;
      */
-    loadingIcon?: TypeSvgSvg;
+    loadingIcon?: SvgSvg;
     /**
      * @description determine whether it's a plain button
+     *     default: undefined,
      */
     plain?: boolean;
     /**
@@ -75,19 +69,24 @@ export interface TdButtonProps extends TypeProps {
     /**
      * @description determine whether the text button background color is always on
      */
-    bg?: boolean;
+    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
      */
@@ -98,11 +97,23 @@ export interface TdButtonProps extends TypeProps {
     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

@@ -1 +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,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAElD,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC;CAEhC;AAED,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD,SAAS,EAAE,UAAU,CAAC;IACtB,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,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;IAE9C,MAAM,CAAC,EAAE,UAAU,CAAC;IAGpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;OAEG;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,OAAO,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd"}
+{"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/use-button.d.ts

@@ -1,13 +1,13 @@
 import { AnyFn } from '@type-dom/utils';
-import { TdButtonProps } from './td-button.interface';
+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<"default" | "" | "text" | "success" | "primary" | "warning" | "danger" | "info">;
-    _ref: import("@type-dom/signals").Signal<HTMLButtonElement>;
+    _type: import("@type-dom/signals").Computed<string>;
+    _ref: import("@type-dom/signals").Signal<HTMLElement>;
     _props: import("@type-dom/signals").Computed<{
-        ariaDisabled: boolean | undefined;
-        disabled: boolean | undefined;
+        ariaDisabled: boolean;
+        disabled: boolean;
         autofocus: boolean | undefined;
         type: import("./td-button.interface").IButtonNativeType | undefined;
     } | {
@@ -16,6 +16,10 @@ export declare const useButton: (props: TdButtonProps, emit: AnyFn) => {
         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;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"use-button.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/td-button/use-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAOxC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,eAAO,MAAM,SAAS,UAAW,aAAa,QAAQ,KAAK;;;;;;;;;;;;;;;;;wBAuD9B,UAAU;CAoBtC,CAAC"}
+{"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

@@ -1,35 +1,32 @@
-import { computed, signal, unref } from '@type-dom/signals';
-import { arraySlot, inject, useSlots, } from '@type-dom/framework';
-import { useDeprecated } from '../../../hooks/use-deprecated';
+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) => {
-    useDeprecated({
-        from: 'type.text',
-        replacement: 'link',
-        version: '3.0.0',
-        scope: 'props',
-        ref: 'https://element-plus.org/en-US/component/button.html#button-attributes',
-    }, computed(() => props.type === 'text'));
     const buttonGroupContext = inject(buttonGroupContextKey, undefined);
     const globalConfig = useGlobalConfig('button');
     const { form } = useFormItem();
-    const _size = useFormSize(computed(() => unref(buttonGroupContext === null || buttonGroupContext === void 0 ? void 0 : buttonGroupContext.size)));
+    const _size = useFormSize(buttonGroupContext?.size || props.size);
     const _disabled = useFormDisabled();
     const _ref = signal();
     const slots = useSlots();
-    const _type = computed(() => props.type || unref(buttonGroupContext === null || buttonGroupContext === void 0 ? void 0 : buttonGroupContext.type) || '');
-    const autoInsertSpace = computed(() => {
-        var _a, _b, _c;
-        return (_c = (_a = props.autoInsertSpace) !== null && _a !== void 0 ? _a : (_b = globalConfig.get()) === null || _b === void 0 ? void 0 : _b.autoInsertSpace) !== null && _c !== void 0 ? _c : false;
-    });
+    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() || props.loading,
-                disabled: _disabled.get() || props.loading,
+                ariaDisabled: _disabled.get() || unref(props.loading),
+                disabled: _disabled.get() || unref(props.loading),
                 autofocus: props.autofocus,
                 type: props.nativeType,
             };
@@ -38,25 +35,27 @@ export const useButton = (props, emit) => {
     });
     // add space between two characters in Chinese
     const shouldAddSpace = computed(() => {
-        const defaultSlot = arraySlot(slots === null || slots === void 0 ? void 0 : slots.default);
-        if (autoInsertSpace.get() && (defaultSlot === null || defaultSlot === void 0 ? void 0 : defaultSlot.length) === 1) {
+        const defaultSlot = arraySlot(props.slot ?? slots?.default);
+        if (autoInsertSpace.get() && defaultSlot?.length === 1) {
             const slot = defaultSlot[0];
-            if ((slot === null || slot === void 0 ? void 0 : slot.type) === Text) {
-                const text = slot.children;
-                return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
+            // 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) => {
-        if (_disabled.get() || props.loading) {
-            evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+        // console.warn('use-button handleClick . ');
+        if (_disabled.get() || unref(props.loading)) {
+            evt?.stopPropagation();
             return;
         }
         if (props.nativeType === 'reset') {
-            form === null || form === void 0 ? void 0 : form.resetFields();
+            form?.resetFields();
         }
-        // emit('click', evt)
+        emit('click', evt);
     };
     return {
         _disabled,
@@ -64,6 +63,10 @@ export const useButton = (props, emit) => {
         _type,
         _ref,
         _props,
+        _plain,
+        _round,
+        _text,
+        _dashed,
         shouldAddSpace,
         handleClick,
     };

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

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

@@ -1,11 +1,7 @@
-import { TypeDiv } from '@type-dom/framework';
-import { TdButton } from '../td-button/td-button.class';
+import { Div } from '@type-dom/framework';
 import { ITdButtonGroup, TdButtonGroupProps } from './td-button-group.interface';
 import './style/index';
-export declare class TdButtonGroup extends TypeDiv implements ITdButtonGroup {
-    className: 'TdButtonGroup';
-    props: TdButtonGroupProps;
-    childNodes: TdButton[];
+export declare class TdButtonGroup extends Div<TdButtonGroupProps> implements ITdButtonGroup {
     constructor(params?: TdButtonGroupProps);
     setup(): void;
 }

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

@@ -1 +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,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EACL,cAAc,EACd,kBAAkB,EACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,eAAe,CAAC;AAEvB,qBAAa,aAAc,SAAQ,OAAQ,YAAW,cAAc;IAClE,SAAS,EAAE,eAAe,CAAC;IAClB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,UAAU,EAAE,QAAQ,EAAE,CAAC;gBAEpB,MAAM,GAAE,kBAAuB;IAOlC,KAAK,IAAI,IAAI;CAYvB"}
+{"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

@@ -1,23 +1,27 @@
-import { TypeDiv } from '@type-dom/framework';
-import { toRef } from '@type-dom/signals';
+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';
-export class TdButtonGroup extends TypeDiv {
+import { computed } from '@type-dom/signals';
+export class TdButtonGroup extends Div {
     constructor(params = {}) {
-        super();
-        this.className = 'TdButtonGroup';
-        this.childNodes = [];
-        this.props = this.useParams(params);
+        super(params);
+        defaultProps(this, {
+            direction: 'horizontal',
+            type: ''
+        });
     }
     setup() {
         // console.log('td-button-group setup . ');
         const props = this.props;
-        this.attr.addName('td-button-group');
+        transformSlot(this, props.slot ?? props.slots?.default);
         const ns = useNamespace('button');
-        this.attr.addClass(ns.b('group'));
-        this.slotChildren(props.slot);
-        this.provide(buttonGroupContextKey, {
+        // 添加方向修饰符类名 (默认 horizontal)
+        addAttrClass(this, computed(() => [ns.b('group'), ns.bm('group', unref(props.direction))]));
+        // 提供上下文给子按钮组件
+        provide(buttonGroupContextKey, {
             size: toRef(props, 'size'),
             type: toRef(props, 'type'),
         });

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

@@ -1 +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,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAK/D,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,aAAc,SAAQ,OAAO;IAKxC,YAAY,SAA6B,EAAE;QACzC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAEQ,KAAK;QACZ,2CAA2C;QAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACrC,MAAM,EAAE,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE;YAClC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC;YAC1B,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC;SAC3B,CAAC,CAAC;IACL,CAAC;CACF"}
+{"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

@@ -1,18 +1,22 @@
-import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
-import { IButtonSize, IButtonType, TdButtonProps } from '../td-button/td-button.interface';
-export interface ITdButtonGroup extends ITypeDiv {
-    className: 'TdButtonGroup';
+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 TypeDivProps {
+export interface TdButtonGroupProps extends DivProps {
     /**
      * @description control the size of buttons in this button-group
      */
-    size?: IButtonSize;
+    size?: MaybeRef<ComponentSize>;
     /**
      * @description control the type of buttons in this button-group
      */
-    type?: IButtonType;
-    options?: TdButtonProps[];
+    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

@@ -1 +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,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACd,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,kBAAkB,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;CAC3B"}
+{"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-container/style/css.d.ts

@@ -1,7 +1,7 @@
 import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-container.css';
-import '@element-plus/theme-chalk/el-aside.css';
-import '@element-plus/theme-chalk/el-footer.css';
-import '@element-plus/theme-chalk/el-header.css';
-import '@element-plus/theme-chalk/el-main.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

@@ -1 +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,4CAA4C,CAAC;AACpD,OAAO,wCAAwC,CAAC;AAChD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,uCAAuC,CAAC"}
+{"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

@@ -1,7 +1,7 @@
 import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-container.css';
-import '@element-plus/theme-chalk/el-aside.css';
-import '@element-plus/theme-chalk/el-footer.css';
-import '@element-plus/theme-chalk/el-header.css';
-import '@element-plus/theme-chalk/el-main.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

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,4CAA4C,CAAC;AACpD,OAAO,wCAAwC,CAAC;AAChD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,uCAAuC,CAAC"}
+{"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/td-aside/style/css.d.ts

@@ -1,3 +1,3 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-aside.css';
+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

@@ -1 +1 @@
-{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/td-container/td-aside/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,wCAAwC,CAAC"}
+{"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

@@ -1,3 +1,3 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-aside.css';
+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

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/basic/td-container/td-aside/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,wCAAwC,CAAC"}
+{"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/td-aside.class.d.ts

@@ -1,8 +1,6 @@
-import { TypeAside } from '@type-dom/framework';
+import { Aside } from '@type-dom/framework';
 import { ITdAside, TdAsideProps } from './td-aside.interface';
-export declare class TdAside extends TypeAside implements ITdAside {
-    className: 'TdAside';
-    props: TdAsideProps;
+export declare class TdAside extends Aside<TdAsideProps> implements ITdAside {
     constructor(params?: TdAsideProps);
     setup(): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"td-aside.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/td-aside/td-aside.class.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,qBAAa,OAAQ,SAAQ,SAAU,YAAW,QAAQ;IACxD,SAAS,EAAE,SAAS,CAAC;IACZ,KAAK,EAAE,YAAY,CAAC;gBAEjB,MAAM,GAAE,YAAiB;IAO5B,KAAK;CAmBf"}
+{"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

@@ -1,29 +1,24 @@
-import { computed } from '@type-dom/signals';
-import { TypeAside } from '@type-dom/framework';
+import { Aside, addAttrClass, addStyleObj, transformSlot, } from '@type-dom/framework';
 import { useNamespace } from '../../../../hooks/use-namespace';
-export class TdAside extends TypeAside {
+export class TdAside extends Aside {
     constructor(params = {}) {
-        super();
-        this.className = 'TdAside';
-        this.attr.addName('td-aside');
-        this.props = this.useParams(params);
+        super(params);
     }
     setup() {
-        var _a;
         const props = this.props;
         const ns = useNamespace('aside');
-        const style = computed(() => (props.width
+        const style = props.width
             ? ns.cssVarBlock({ width: props.width.toString() })
-            : {}));
+            : {};
         // this.assignProps({
         //   attrObj: {
         //     class: ns.b(), // todo 不生效
         //   },
         //   // styleObj: style,
         // });
-        this.attr.addClass(ns.b());
-        this.style.addObj(style);
-        this.slotChildren(props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default));
+        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

@@ -1 +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,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D,MAAM,OAAO,OAAQ,SAAQ,SAAS;IAIpC,YAAY,SAAuB,EAAE;QACnC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAEQ,KAAK;;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QACjC,MAAM,KAAK,GAAG,QAAQ,CACpB,GAAG,EAAE,CACH,CAAC,KAAK,CAAC,KAAK;YACV,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;YACnD,CAAC,CAAC,EAAE,CAAW,CACpB,CAAC;QACF,qBAAqB;QACrB,eAAe;QACf,iCAAiC;QACjC,OAAO;QACP,wBAAwB;QACxB,MAAM;QACN,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,CAAA,CAAC,CAAC;IACxD,CAAC;CACF"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"td-aside.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/td-aside/td-aside.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,QAAS,SAAQ,UAAU;IAC1C,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB"}
+{"version":3,"file":"td-aside.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/td-container/td-aside/td-aside.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,WAAW,QAAS,SAAQ,MAAM;IACtC,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB"}

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

@@ -1,9 +1,7 @@
-import { TypeSection } from '@type-dom/framework';
+import { Section } from '@type-dom/framework';
 import { ITdContainer, ContainerProps } from './td-container.interface';
 import './style/index';
-export declare class TdContainer extends TypeSection implements ITdContainer {
-    className: 'TdContainer';
-    props: ContainerProps;
+export declare class TdContainer extends Section<ContainerProps> implements ITdContainer {
     constructor(params?: ContainerProps);
     setup(): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"td-container.class.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/td-container/td-container.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAEZ,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,eAAe,CAAC;AAEvB,qBAAa,WAAY,SAAQ,WAAY,YAAW,YAAY;IAClE,SAAS,EAAE,aAAa,CAAC;IAChB,KAAK,EAAE,cAAc,CAAC;gBAEnB,MAAM,GAAE,cAAmB;IAQ9B,KAAK;CAiCf"}
+{"version":3,"file":"td-container.class.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/td-container/td-container.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,OAAO,EAMR,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,eAAe,CAAC;AAEvB,qBAAa,WAAY,SAAQ,OAAO,CAAC,cAAc,CAAE,YAAW,YAAY;gBAClE,MAAM,GAAE,cAAmB;IAK9B,KAAK;CAoCf"}