@type-dom/ui 0.2.1 → 0.3.0

package/dist/src/components/data/td-descriptions/td-descriptions.class.js

@@ -0,0 +1,152 @@
+import { Div, Table, TableBody, TypeDiv } from '@type-dom/framework';
+import { TdDescriptionsItem } from '../td-descriptions-item/td-descriptions-item.class';
+import { TdDescriptionsRow } from './td-descriptions-row';
+import { $descriptionsBodyStyle, $descriptionsBodyTableCellStyle, $descriptionsBodyTableStyle, $descriptionsHeaderStyle, $descriptionsHeaderTitleStyle, $descriptionsStyle, useBordered, useSize, } from './td-descriptions.style';
+import { descriptionProps, descriptionsKey } from './token';
+export class TdDescriptions extends TypeDiv {
+    constructor(params) {
+        super();
+        this.className = 'TdDescriptions';
+        this.assignProps(descriptionProps);
+        this.props = this.useParams(params);
+        this.provide(descriptionsKey, this.props);
+    }
+    setup() {
+        var _a, _b, _c, _d;
+        const props = this.props;
+        useSize(props);
+        useBordered(props);
+        if ((props === null || props === void 0 ? void 0 : props.title) ||
+            (props === null || props === void 0 ? void 0 : props.extra) ||
+            ((_a = props === null || props === void 0 ? void 0 : props.slots) === null || _a === void 0 ? void 0 : _a.title) ||
+            ((_b = props === null || props === void 0 ? void 0 : props.slots) === null || _b === void 0 ? void 0 : _b.extra)) {
+            this.header = new Div({
+                name: 'header',
+                styleObj: $descriptionsHeaderStyle,
+            });
+            this.addChild(this.header);
+            this.headerTitle = new Div({
+                name: 'title',
+                styleObj: $descriptionsHeaderTitleStyle,
+            });
+            if ((_c = props === null || props === void 0 ? void 0 : props.slots) === null || _c === void 0 ? void 0 : _c.title) {
+                this.headerTitle = new Div({
+                    name: 'title',
+                    styleObj: $descriptionsHeaderTitleStyle,
+                    slot: [props.slots.title],
+                });
+            }
+            else {
+                this.headerTitle = new Div({
+                    name: 'title',
+                    slot: props.title,
+                    styleObj: $descriptionsHeaderTitleStyle,
+                });
+            }
+            this.header.addChild(this.headerTitle);
+            if ((_d = props === null || props === void 0 ? void 0 : props.slots) === null || _d === void 0 ? void 0 : _d.extra) {
+                this.header.addChild(new Div({
+                    name: 'extra',
+                    slot: [props.slots.extra],
+                }));
+            }
+            else {
+                this.header.addChild(new Div({
+                    name: 'extra',
+                    slot: props.extra,
+                }));
+            }
+        }
+        if (!(props === null || props === void 0 ? void 0 : props.slot)) {
+            throw Error('slot is required . ');
+        }
+        const rows = this.getRows(); // 获取数据排列的行数；
+        console.log('rows is ', rows);
+        this.rows = rows.map((row) => new TdDescriptionsRow({ row: row }));
+        console.log('TdDescriptionsRow rows is ', this.rows);
+        this.bodyTable = new Table({
+            name: 'table',
+            styleObj: $descriptionsBodyTableStyle,
+            slot: [
+                new TableBody({
+                    name: 'table-body',
+                    slot: this.rows,
+                }),
+            ],
+        });
+        this.body = new Div({
+            name: 'body',
+            styleObj: $descriptionsBodyStyle,
+            slot: this.bodyTable,
+        });
+        this.addChild(this.body);
+        this.useParams(props); // todo ????
+    }
+    filledNode(node, span, count, isLast = false) {
+        if (!node.props) {
+            node.props = {};
+        }
+        if (span > count) {
+            node.props.span = count;
+        }
+        if (isLast) {
+            // set the last span
+            node.props.span = span;
+        }
+        return node;
+    }
+    getRows() {
+        var _a;
+        const props = this.props;
+        const children = (_a = props.slot) === null || _a === void 0 ? void 0 : _a.filter((item) => item instanceof TdDescriptionsItem);
+        const rows = [];
+        let temp = [];
+        let count = props.column || 3;
+        let totalSpan = 0; // all spans number of item
+        children.forEach((child, index) => {
+            const span = child.props.span || 1;
+            if (index < children.length - 1) {
+                totalSpan += span > count ? count : span;
+            }
+            if (index === children.length - 1) {
+                // calculate the last item span
+                const lastSpan = (props.column || 3) - (totalSpan % (props.column || 3));
+                // const lastSpan = count - (totalSpan % count)
+                temp.push(this.filledNode(child, lastSpan, count, true));
+                rows.push(temp);
+                return;
+            }
+            if (span < count) {
+                count -= span;
+                temp.push(child);
+            }
+            else {
+                temp.push(this.filledNode(child, span, count));
+                rows.push(temp);
+                count = props.column || 3;
+                temp = [];
+            }
+        });
+        console.log('rows is ', rows);
+        return rows;
+    }
+    setSize(size) {
+        var _a, _b, _c, _d, _e;
+        this.props.size = size;
+        useSize(this.props);
+        useBordered(this.props);
+        this.style.setObj($descriptionsStyle);
+        (_a = this.header) === null || _a === void 0 ? void 0 : _a.style.setObj($descriptionsHeaderStyle);
+        (_b = this.headerTitle) === null || _b === void 0 ? void 0 : _b.style.setObj($descriptionsHeaderTitleStyle);
+        (_c = this.body) === null || _c === void 0 ? void 0 : _c.style.setObj($descriptionsBodyStyle);
+        (_d = this.bodyTable) === null || _d === void 0 ? void 0 : _d.style.setObj($descriptionsBodyTableStyle);
+        (_e = this.rows) === null || _e === void 0 ? void 0 : _e.forEach((row) => {
+            row.childNodes.forEach((tr) => {
+                tr.childNodes.forEach((td) => {
+                    td.style.setObj($descriptionsBodyTableCellStyle);
+                });
+            });
+        });
+    }
+}
+//# sourceMappingURL=td-descriptions.class.js.map

package/dist/src/components/data/td-descriptions/td-descriptions.class.js.map

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

package/dist/src/components/data/td-descriptions/td-descriptions.interface.d.ts

@@ -0,0 +1,71 @@
+import { TypeProps, ITypeDiv, TypeDivProps, TypeElement } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants/size';
+import { TdDescriptionsItem } from '../td-descriptions-item/td-descriptions-item.class';
+import { MaybeRef } from '@type-dom/signals';
+export interface ITdDescriptions extends ITypeDiv {
+    className: 'TdDescriptions';
+    props: DescriptionsProps;
+}
+export interface DescriptionsProps extends TypeDivProps {
+    /**
+     * @description with or without border
+     *     default: false,
+     */
+    border?: boolean;
+    /**
+     * @description numbers of `Descriptions Item` in one line
+     *     default: 3,
+     */
+    column?: number;
+    /**
+     * @description direction of list
+     *     default: 'horizontal',
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * @description size of list
+     */
+    size?: MaybeRef<ComponentSize>;
+    /**
+     * @description title text, display on the top left
+     *     default: '',
+     */
+    title?: string;
+    /**
+     * @description extra text, display on the top right
+     *     default: '',
+     */
+    extra?: string;
+    /**
+     * @description width of every label column
+     *     default: '',
+     */
+    labelWidth?: string | number;
+    slot?: TdDescriptionsItem[];
+    slots?: {
+        title?: TypeElement;
+        extra?: TypeElement;
+    };
+}
+export interface IDescriptionsInject extends TypeProps {
+    border?: boolean;
+    column?: number;
+    direction?: 'horizontal' | 'vertical';
+    size?: ComponentSize;
+    title?: string;
+    extra?: string;
+    labelWidth?: string | number;
+}
+export interface IDescriptionsItemInject {
+    label: string;
+    span: number;
+    rowspan: number;
+    width: string | number;
+    minWidth: string | number;
+    labelWidth: string | number;
+    align: string;
+    labelAlign: string;
+    className: string;
+    labelClassName: string;
+}
+//# sourceMappingURL=td-descriptions.interface.d.ts.map

package/dist/src/components/data/td-descriptions/td-descriptions.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-descriptions.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-descriptions/td-descriptions.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,SAAS,EAAE,gBAAgB,CAAC;IAC5B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE7B,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,KAAK,CAAC,EAAE,WAAW,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB"}

package/dist/src/components/data/td-descriptions/td-descriptions.interface.js

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

package/dist/src/components/data/td-descriptions/td-descriptions.interface.js.map

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

package/dist/src/components/data/td-descriptions/td-descriptions.style.d.ts

@@ -0,0 +1,52 @@
+import { IStyle } from '@type-dom/css-type';
+import { DescriptionsProps } from './td-descriptions.interface';
+export declare const $descriptionsHeaderMarginBottom: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare const $descriptionsTitleFontSize: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare const $descriptionsCellPaddingBottom: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare const $descriptionsBorderedCellPadding: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare const $descriptionsCellFontSize: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare const $descriptions: {
+    tableBorder: string;
+    itemBorderedLabelBackground: string;
+};
+export declare const $descriptionsStyle: IStyle;
+export declare const $descriptionsHeaderStyle: IStyle;
+export declare const $descriptionsHeaderTitleStyle: IStyle;
+export declare const $descriptionsBodyStyle: IStyle;
+export declare const $descriptionsBodyTableStyle: IStyle;
+export declare const $descriptionsBodyTableCellStyle: IStyle;
+export declare const $descriptionsItemLabelMarginRight: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare function useSize(config?: DescriptionsProps): void;
+export declare const $descriptionsItemVerticalLabelPaddingBottom: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare let $descriptionsCellLabelStyle: IStyle;
+export declare const $descriptionsCellContentStyle: IStyle;
+export declare function useBordered(config: DescriptionsProps): void;
+//# sourceMappingURL=td-descriptions.style.d.ts.map

package/dist/src/components/data/td-descriptions/td-descriptions.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-descriptions.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-descriptions/td-descriptions.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAQ5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE,eAAO,MAAM,+BAA+B;;;;CAI3C,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;CAItC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;;CAI1C,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;CAI5C,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAIF,eAAO,MAAM,aAAa;;;CAKzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAMhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAMtC,CAAC;AACF,eAAO,MAAM,6BAA6B,EAAE,MAM3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAGpC,CAAC;AACF,eAAO,MAAM,2BAA2B,EAAE,MAGzC,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAS7C,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;CAI7C,CAAC;AAEF,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,iBAAiB,QAoBjD;AAED,eAAO,MAAM,2CAA2C;;;;CAIvD,CAAC;AAEF,eAAO,IAAI,2BAA2B,EAAE,MAAW,CAAC;AAEpD,eAAO,MAAM,6BAA6B,EAAE,MAE3C,CAAC;AAEF,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,QA0BpD"}

package/dist/src/components/data/td-descriptions/td-descriptions.style.js

@@ -0,0 +1,139 @@
+import { $borderColor, $fillColor, $fontSizes, $textColor, } from '../../../styles/var';
+import { $inputFontSize } from '../../form/td-input/td-input.style';
+import { unref } from '@type-dom/signals';
+export const $descriptionsHeaderMarginBottom = {
+    large: '20px',
+    default: '16px',
+    small: '12px',
+};
+export const $descriptionsTitleFontSize = {
+    large: '16px',
+    default: '16px',
+    small: '14px',
+};
+export const $descriptionsCellPaddingBottom = {
+    large: '16px',
+    default: '12px',
+    small: '8px',
+};
+export const $descriptionsBorderedCellPadding = {
+    large: '12px 15px',
+    default: '8px 11px',
+    small: '4px 7px',
+};
+export const $descriptionsCellFontSize = {
+    large: '14px',
+    default: '14px',
+    small: '12px',
+};
+// Descriptions
+// css3 var in packages/theme-chalk/src/descriptions.scss
+export const $descriptions = {
+    // tableBorder: 1px solid getCssVar('border-color-lighter'),
+    tableBorder: '1px solid ' + $borderColor.lighter,
+    // itemBorderedLabelBackground: getCssVar('fill-color', 'light'),
+    itemBorderedLabelBackground: $fillColor.light,
+};
+export const $descriptionsStyle = {
+    boxSizing: 'border-box',
+    // fontSize: getCssVar('font-size', 'base'),
+    fontSize: $fontSizes.base,
+    // color: getCssVar('text-color', 'primary'),
+    color: $textColor.primary,
+};
+export const $descriptionsHeaderStyle = {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    // margin-bottom: map.get($descriptions-header-margin-bottom, 'default'),
+    marginBottom: $descriptionsHeaderMarginBottom.default,
+};
+export const $descriptionsHeaderTitleStyle = {
+    // color: getCssVar('text-color', 'primary'),
+    color: $textColor.primary,
+    // font-size: map.get($descriptions-title-font-size, 'default'),
+    fontSize: $descriptionsTitleFontSize.default,
+    fontWeight: 'bold',
+};
+export const $descriptionsBodyStyle = {
+    // background-color: getCssVar('fill-color', 'blank')
+    backgroundColor: $fillColor.blank,
+};
+export const $descriptionsBodyTableStyle = {
+    borderCollapse: 'collapse',
+    width: '100%',
+};
+export const $descriptionsBodyTableCellStyle = {
+    // display: 'inline-flex', // add by me
+    boxSizing: 'border-box',
+    textAlign: 'left',
+    fontWeight: 'normal',
+    lineHeight: '23px',
+    // font-size: map.get($descriptions-cell-font-size, 'default'),
+    fontSize: $descriptionsCellFontSize.default,
+};
+export const $descriptionsItemLabelMarginRight = {
+    large: '16px',
+    default: '16px',
+    small: '12px',
+};
+export function useSize(config) {
+    const size = unref(config === null || config === void 0 ? void 0 : config.size) || 'default';
+    // if (size !== 'default') {
+    $descriptionsStyle.fontSize = $inputFontSize[size];
+    $descriptionsHeaderStyle.marginBottom = $descriptionsHeaderMarginBottom[size];
+    $descriptionsHeaderTitleStyle.fontSize = $descriptionsTitleFontSize[size];
+    $descriptionsBodyTableStyle.fontSize = $descriptionsCellFontSize[size];
+    $descriptionsBodyTableCellStyle.fontSize = $descriptionsCellFontSize[size];
+    if (config === null || config === void 0 ? void 0 : config.border) {
+        $descriptionsBodyTableCellStyle.padding =
+            $descriptionsBorderedCellPadding[size];
+    }
+    else {
+        $descriptionsBodyTableCellStyle.paddingBottom =
+            $descriptionsCellPaddingBottom[size];
+        $descriptionsCellLabelStyle.marginRight =
+            $descriptionsItemLabelMarginRight[size];
+        $descriptionsCellLabelStyle.paddingBottom =
+            $descriptionsItemVerticalLabelPaddingBottom[size];
+    }
+    // }
+}
+export const $descriptionsItemVerticalLabelPaddingBottom = {
+    large: '8px',
+    default: '6px',
+    small: '4px',
+};
+export let $descriptionsCellLabelStyle = {};
+export const $descriptionsCellContentStyle = {
+    color: $textColor.regular,
+};
+export function useBordered(config) {
+    const bordered = config === null || config === void 0 ? void 0 : config.border;
+    if (bordered) {
+        $descriptionsCellLabelStyle = {
+            fontWeight: 'bold',
+            color: $textColor.regular,
+            backgroundColor: $descriptions.itemBorderedLabelBackground,
+        };
+        $descriptionsBodyTableCellStyle.border = $descriptions.tableBorder;
+        $descriptionsBodyTableCellStyle.padding =
+            $descriptionsBorderedCellPadding.default;
+        $descriptionsCellContentStyle.color = $textColor.primary;
+    }
+    else {
+        $descriptionsBodyTableCellStyle.border = undefined;
+        $descriptionsBodyTableCellStyle.padding = undefined;
+        $descriptionsBodyTableCellStyle.paddingBottom =
+            $descriptionsCellPaddingBottom.default;
+        $descriptionsCellLabelStyle = {
+            color: $textColor.primary,
+            marginRight: $descriptionsItemLabelMarginRight.default,
+        };
+        if (config.direction === 'vertical') {
+            $descriptionsCellLabelStyle.paddingBottom =
+                $descriptionsItemVerticalLabelPaddingBottom.default;
+        }
+    }
+}
+//# sourceMappingURL=td-descriptions.style.js.map

package/dist/src/components/data/td-descriptions/td-descriptions.style.js.map

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

package/dist/src/components/data/td-descriptions/td-descritions-cell.d.ts

@@ -0,0 +1,16 @@
+import { TypeProps, TypeHtml } from '@type-dom/framework';
+import { DescriptionsItemProps } from '../td-descriptions-item/td-descriptions-item.interface';
+export interface DescriptionsCellProps extends TypeProps {
+    cell?: DescriptionsItemProps;
+    tag?: string;
+    type?: string;
+    span?: number;
+}
+export declare class TdDescriptionsCell extends TypeHtml {
+    className: 'TdDescriptionsCell';
+    props: DescriptionsCellProps;
+    dom?: HTMLElement;
+    constructor(params?: DescriptionsCellProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-descritions-cell.d.ts.map

package/dist/src/components/data/td-descriptions/td-descritions-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-descritions-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-descriptions/td-descritions-cell.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAkB,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAU/F,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,kBAAmB,SAAQ,QAAQ;IAC9C,SAAS,EAAE,oBAAoB,CAAC;IACvB,KAAK,EAAE,qBAAqB,CAAC;IACtC,GAAG,CAAC,EAAE,WAAW,CAAC;gBAEN,MAAM,GAAE,qBAA0B;IASrC,KAAK;CAoGf"}

package/dist/src/components/data/td-descriptions/td-descritions-cell.js

@@ -0,0 +1,108 @@
+import { Span, TextNode, TypeHtml } from '@type-dom/framework';
+import { $descriptionsBodyTableCellStyle, $descriptionsCellContentStyle, $descriptionsCellLabelStyle, } from './td-descriptions.style';
+import { descriptionsKey } from './token';
+import { Computed, Signal } from '@type-dom/signals';
+export class TdDescriptionsCell extends TypeHtml {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdDescriptionsCell';
+        this.assignProps({
+            nodeName: params.tag || 'td',
+        });
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        const descriptionsConfig = this.inject(descriptionsKey);
+        if (!descriptionsConfig) {
+            throw Error('TdDescriptionsRow need TdDescriptions as parent. ');
+        }
+        const isVertical = (descriptionsConfig === null || descriptionsConfig === void 0 ? void 0 : descriptionsConfig.direction) === 'vertical';
+        // useSize(descriptionsConfig);
+        // useBordered(descriptionsConfig);
+        this.style.addObj($descriptionsBodyTableCellStyle);
+        const props = this.props;
+        const span = ((_a = props.cell) === null || _a === void 0 ? void 0 : _a.span) || 1;
+        // console.log('span is ', span);
+        switch (props.type) {
+            case 'label':
+                console.log('label . ');
+                this.attr.addObj({
+                    colspan: isVertical ? span : 1,
+                    // colspan: span * 2 - 1 || 1
+                });
+                this.style.addObj($descriptionsCellLabelStyle);
+                if ((_c = (_b = props.cell) === null || _b === void 0 ? void 0 : _b.slots) === null || _c === void 0 ? void 0 : _c.label) {
+                    this.addChild(props === null || props === void 0 ? void 0 : props.cell.slots.label);
+                }
+                else if ((_d = props.cell) === null || _d === void 0 ? void 0 : _d.label) {
+                    this.addChild(new TextNode(props.cell.label));
+                    if (props.cell.labelStyle) {
+                        this.style.addObj((_e = props.cell) === null || _e === void 0 ? void 0 : _e.labelStyle);
+                    }
+                }
+                if ((_f = props.cell) === null || _f === void 0 ? void 0 : _f.labelAlign) {
+                    this.style.addObj({
+                        textAlign: props.cell.labelAlign,
+                    });
+                }
+                if ((_g = props.cell) === null || _g === void 0 ? void 0 : _g.width) {
+                    this.style.addObj({
+                        width: props.cell.width,
+                    });
+                }
+                break;
+            case 'content':
+                // debugger;
+                console.log('content . ');
+                this.attr.addObj({
+                    colspan: span * 2 - 1 || 1,
+                });
+                this.style.addObj($descriptionsCellContentStyle);
+                if ((_h = props.cell) === null || _h === void 0 ? void 0 : _h.slot) {
+                    this.slotChildren(props.cell.slot);
+                }
+                if ((_j = props.cell) === null || _j === void 0 ? void 0 : _j.contentStyle) {
+                    this.style.addObj(props.cell.contentStyle);
+                }
+                if ((_k = props.cell) === null || _k === void 0 ? void 0 : _k.align) {
+                    this.style.addObj({
+                        textAlign: props.cell.align,
+                    });
+                }
+                if ((_l = props.cell) === null || _l === void 0 ? void 0 : _l.width) {
+                    this.style.addObj({
+                        width: props.cell.width,
+                    });
+                }
+                break;
+            default: // both
+                this.attr.addObj({
+                    colspan: span,
+                });
+                if ((_o = (_m = props.cell) === null || _m === void 0 ? void 0 : _m.slots) === null || _o === void 0 ? void 0 : _o.label) {
+                    props.cell.slots.label.style.setObj($descriptionsCellLabelStyle);
+                    this.addChild(props.cell.slots.label);
+                }
+                else if ((_p = props.cell) === null || _p === void 0 ? void 0 : _p.label) {
+                    this.addChild(new Span({
+                        slot: props.cell.label,
+                        styleObj: Object.assign({}, $descriptionsCellLabelStyle, props.cell.labelStyle),
+                    }));
+                }
+                if (typeof ((_q = props.cell) === null || _q === void 0 ? void 0 : _q.slot) === 'string' ||
+                    ((_r = props.cell) === null || _r === void 0 ? void 0 : _r.slot) instanceof Signal ||
+                    ((_s = props.cell) === null || _s === void 0 ? void 0 : _s.slot) instanceof Computed) {
+                    this.addChild(new Span({
+                        slot: props.cell.slot,
+                        styleObj: $descriptionsCellContentStyle,
+                    }));
+                }
+                else if ((_t = props.cell) === null || _t === void 0 ? void 0 : _t.slot) {
+                    this.slotChildren(props.cell.slot);
+                }
+                break;
+        }
+    }
+}
+//# sourceMappingURL=td-descritions-cell.js.map

package/dist/src/components/data/td-descriptions/td-descritions-cell.js.map

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

package/dist/src/components/data/td-descriptions/token.d.ts

@@ -0,0 +1,5 @@
+import { InjectionKey } from '@type-dom/framework';
+import { IDescriptionsInject } from './td-descriptions.interface';
+export declare const descriptionsKey: InjectionKey<IDescriptionsInject>;
+export declare const descriptionProps: IDescriptionsInject;
+//# sourceMappingURL=token.d.ts.map

package/dist/src/components/data/td-descriptions/token.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-descriptions/token.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,mBAAmB,CACpC,CAAC;AAE3B,eAAO,MAAM,gBAAgB,EAAE,mBAG9B,CAAC"}

package/dist/src/components/data/td-descriptions/token.js

@@ -0,0 +1,6 @@
+export const descriptionsKey = Symbol('tdDescriptions');
+export const descriptionProps = {
+    column: 3,
+    direction: 'horizontal',
+};
+//# sourceMappingURL=token.js.map

package/dist/src/components/data/td-descriptions/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../../src/components/data/td-descriptions/token.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,eAAe,GAC1B,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,gBAAgB,GAAwB;IACnD,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,YAAY;CACxB,CAAC"}

package/dist/src/components/data/td-descriptions-item/style/css.d.ts

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

package/dist/src/components/data/td-descriptions-item/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data/td-descriptions-item/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,oDAAoD,CAAC"}

package/dist/src/components/data/td-descriptions-item/style/css.js

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

package/dist/src/components/data/td-descriptions-item/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/data/td-descriptions-item/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,oDAAoD,CAAC"}

package/dist/src/components/data/td-descriptions-item/style/index.d.ts

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

package/dist/src/components/data/td-descriptions-item/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data/td-descriptions-item/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gDAAgD,CAAC"}

package/dist/src/components/data/td-descriptions-item/style/index.js

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