@type-dom/ui 0.1.2 → 0.2.0

package/src/components/data/td-count-down/td-count-down.const.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.countdownEmits = exports.countdownProps = void 0;
-const utils_1 = require("@type-dom/utils");
-const event_1 = require("../../../constants/event");
-exports.countdownProps = {
-    format: 'HH:mm:ss',
-    value: 0,
-};
-exports.countdownEmits = {
-    finish: () => true,
-    [event_1.CHANGE_EVENT]: (value) => (0, utils_1.isNumber)(value),
-};

package/src/components/data/td-count-down/td-count-down.interface.d.ts

@@ -1,34 +0,0 @@
-import { ITypeFragment, StyleValue, TypeFragmentProps } from '@type-dom/framework';
-import { Dayjs } from 'dayjs';
-import { MaybeRef } from '@type-dom/signals';
-export interface ITdCountDown extends ITypeFragment {
-    className: 'TdCountDown';
-}
-export interface CountDownProps extends TypeFragmentProps {
-    /**
-     * @description Formatting the countdown display
-     *     default: 'HH:mm:ss',
-     */
-    format?: string;
-    /**
-     * @description Sets the prefix of a countdown
-     */
-    prefix?: string;
-    /**
-     * @description Sets the suffix of a countdown
-     */
-    suffix?: string;
-    /**
-     * @description countdown titles
-     */
-    title?: string;
-    /**
-     * @description target time
-     *     default: 0,
-     */
-    value?: MaybeRef<number | Dayjs>;
-    /**
-     * @description Styles countdown values
-     */
-    valueStyle?: StyleValue;
-}

package/src/components/data/td-count-down/td-count-down.interface.js

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

package/src/components/data/td-count-down/utils.d.ts

@@ -1,3 +0,0 @@
-import type { Dayjs } from 'dayjs';
-export declare const getTime: (value: number | Dayjs) => number;
-export declare const formatTime: (timestamp: number, format: string) => string;

package/src/components/data/td-count-down/utils.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatTime = exports.getTime = void 0;
-const utils_1 = require("@type-dom/utils");
-const signals_1 = require("@type-dom/signals");
-const timeUnits = [
-    ['Y', 1000 * 60 * 60 * 24 * 365], // years
-    ['M', 1000 * 60 * 60 * 24 * 30], // months
-    ['D', 1000 * 60 * 60 * 24], // days
-    ['H', 1000 * 60 * 60], // hours
-    ['m', 1000 * 60], // minutes
-    ['s', 1000], // seconds
-    ['S', 1], // million seconds
-];
-const getTime = (value) => {
-    return (0, utils_1.isNumber)(value) ? new Date(value).getTime() : value.valueOf();
-};
-exports.getTime = getTime;
-const formatTime = (timestamp, format) => {
-    // console.warn('formatTime , timestamp is ', timestamp, ' format is ', format);
-    let timeLeft = (0, signals_1.unref)(timestamp);
-    const escapeRegex = /\[([^\]]*)]/g;
-    const replacedText = timeUnits.reduce((current, [name, unit]) => {
-        const replaceRegex = new RegExp(`${name}+(?![^\\[\\]]*\\])`, 'g');
-        if (replaceRegex.test(current)) {
-            const value = Math.floor(timeLeft / unit);
-            timeLeft -= value * unit;
-            return current.replace(replaceRegex, (match) => String(value).padStart(match.length, '0'));
-        }
-        return current;
-    }, format);
-    return replacedText.replace(escapeRegex, '$1');
-};
-exports.formatTime = formatTime;

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

@@ -1,3 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-descriptions.css';
-import '../../../data/td-descriptions-item/style/css';

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../base/style/css");
-require("@element-plus/theme-chalk/el-descriptions.css");
-require("../../../data/td-descriptions-item/style/css");

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

@@ -1,3 +0,0 @@
-import '../../../base/style';
-import '../../../../theme-chalk/descriptions.scss';
-import '../../td-descriptions-item/style';

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

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

package/src/components/data/td-descriptions/td-descriptions-row.d.ts

@@ -1,21 +0,0 @@
-import { ITypeFragment, TypeFragmentProps, TableRow, TypeFragment } from '@type-dom/framework';
-import { TdDescriptionsItem } from '../td-descriptions-item/td-descriptions-item.class';
-export interface ITdDescriptionsRow extends ITypeFragment {
-    className: 'TdDescriptionsRow';
-    props: DescriptionsRowProps;
-}
-export interface DescriptionsRowProps extends TypeFragmentProps {
-    row?: TdDescriptionsItem[];
-}
-/**
- * @name TdDescriptionsRow
- * @description
- * @author darcrand
- */
-export declare class TdDescriptionsRow extends TypeFragment implements ITdDescriptionsRow {
-    className: 'TdDescriptionsRow';
-    props: DescriptionsRowProps;
-    childNodes: TableRow[];
-    constructor(params?: DescriptionsRowProps);
-    setup(): void;
-}

package/src/components/data/td-descriptions/td-descriptions-row.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdDescriptionsRow = void 0;
-const framework_1 = require("@type-dom/framework");
-const td_descritions_cell_1 = require("./td-descritions-cell");
-const token_1 = require("./token");
-/**
- * @name TdDescriptionsRow
- * @description
- * @author darcrand
- */
-class TdDescriptionsRow extends framework_1.TypeFragment {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdDescriptionsRow';
-        this.childNodes = [];
-        this.props = this.useParams(params);
-    }
-    setup() {
-        var _a;
-        // todo  descriptions.direction === 'vertical'
-        //     descriptions.border 根据这两个条件判断，创建cell.
-        console.log('TdDescriptionsRow setup . ');
-        const descriptionsConfig = this.inject(token_1.descriptionsKey);
-        if (!descriptionsConfig) {
-            throw Error('TdDescriptionsRow need TdDescriptions as parent. ');
-        }
-        // useSize(descriptionsConfig);
-        // useBordered(descriptionsConfig);
-        if ((descriptionsConfig === null || descriptionsConfig === void 0 ? void 0 : descriptionsConfig.direction) === 'vertical') {
-            //   todo  要加 两个 tr , 这样就不是 一个 tr 的组件了。
-            console.log('vertical . ');
-            const labelTr = new framework_1.TableRow();
-            const contentTr = new framework_1.TableRow();
-            const row = ((_a = this.props) === null || _a === void 0 ? void 0 : _a.row) || [];
-            row.forEach((item, index) => {
-                labelTr.addChild(new td_descritions_cell_1.TdDescriptionsCell({
-                    cell: item.props,
-                    tag: 'th',
-                    type: 'label',
-                }));
-            });
-            row.forEach((item, index) => {
-                contentTr.addChild(new td_descritions_cell_1.TdDescriptionsCell({
-                    cell: item.props,
-                    tag: 'td',
-                    type: 'content',
-                }));
-            });
-            this.addChildren(labelTr, contentTr);
-        }
-        else {
-            console.warn('horizontal . ');
-            const tr = new framework_1.TableRow();
-            const row = this.props.row || [];
-            row.forEach((item) => {
-                if (descriptionsConfig.border) {
-                    tr.addChildren(new td_descritions_cell_1.TdDescriptionsCell({
-                        cell: item.props,
-                        tag: 'td',
-                        type: 'label',
-                    }), new td_descritions_cell_1.TdDescriptionsCell({
-                        cell: item.props,
-                        tag: 'td',
-                        type: 'content',
-                    }));
-                }
-                else {
-                    tr.addChild(new td_descritions_cell_1.TdDescriptionsCell({
-                        cell: item.props,
-                        tag: 'td',
-                        type: 'both',
-                    }));
-                }
-            });
-            this.addChild(tr);
-        }
-    }
-}
-exports.TdDescriptionsRow = TdDescriptionsRow;

package/src/components/data/td-descriptions/td-descriptions.class.d.ts

@@ -1,18 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { ComponentSize } from '../../../constants/size';
-import { TdDescriptionsItem } from '../td-descriptions-item/td-descriptions-item.class';
-import { ITdDescriptions, DescriptionsProps } from './td-descriptions.interface';
-export declare class TdDescriptions extends TypeDiv implements ITdDescriptions {
-    className: 'TdDescriptions';
-    props: DescriptionsProps;
-    private header?;
-    private body?;
-    private rows?;
-    private headerTitle?;
-    private bodyTable?;
-    constructor(params: DescriptionsProps);
-    setup(): void;
-    filledNode(node: TdDescriptionsItem, span: number, count: number, isLast?: boolean): TdDescriptionsItem;
-    getRows(): TdDescriptionsItem[][];
-    setSize(size: ComponentSize): void;
-}

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

@@ -1,155 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdDescriptions = void 0;
-const framework_1 = require("@type-dom/framework");
-const td_descriptions_item_class_1 = require("../td-descriptions-item/td-descriptions-item.class");
-const td_descriptions_row_1 = require("./td-descriptions-row");
-const td_descriptions_style_1 = require("./td-descriptions.style");
-const token_1 = require("./token");
-class TdDescriptions extends framework_1.TypeDiv {
-    constructor(params) {
-        super();
-        this.className = 'TdDescriptions';
-        this.assignProps(token_1.descriptionProps);
-        this.props = this.useParams(params);
-        this.provide(token_1.descriptionsKey, this.props);
-    }
-    setup() {
-        var _a, _b, _c, _d;
-        const props = this.props;
-        (0, td_descriptions_style_1.useSize)(props);
-        (0, td_descriptions_style_1.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 framework_1.Div({
-                name: 'header',
-                styleObj: td_descriptions_style_1.$descriptionsHeaderStyle,
-            });
-            this.addChild(this.header);
-            this.headerTitle = new framework_1.Div({
-                name: 'title',
-                styleObj: td_descriptions_style_1.$descriptionsHeaderTitleStyle,
-            });
-            if ((_c = props === null || props === void 0 ? void 0 : props.slots) === null || _c === void 0 ? void 0 : _c.title) {
-                this.headerTitle = new framework_1.Div({
-                    name: 'title',
-                    styleObj: td_descriptions_style_1.$descriptionsHeaderTitleStyle,
-                    slot: [props.slots.title],
-                });
-            }
-            else {
-                this.headerTitle = new framework_1.Div({
-                    name: 'title',
-                    slot: props.title,
-                    styleObj: td_descriptions_style_1.$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 framework_1.Div({
-                    name: 'extra',
-                    slot: [props.slots.extra],
-                }));
-            }
-            else {
-                this.header.addChild(new framework_1.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 td_descriptions_row_1.TdDescriptionsRow({ row: row }));
-        console.log('TdDescriptionsRow rows is ', this.rows);
-        this.bodyTable = new framework_1.Table({
-            name: 'table',
-            styleObj: td_descriptions_style_1.$descriptionsBodyTableStyle,
-            slot: [
-                new framework_1.TableBody({
-                    name: 'table-body',
-                    slot: this.rows,
-                }),
-            ],
-        });
-        this.body = new framework_1.Div({
-            name: 'body',
-            styleObj: td_descriptions_style_1.$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 td_descriptions_item_class_1.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;
-        (0, td_descriptions_style_1.useSize)(this.props);
-        (0, td_descriptions_style_1.useBordered)(this.props);
-        this.style.setObj(td_descriptions_style_1.$descriptionsStyle);
-        (_a = this.header) === null || _a === void 0 ? void 0 : _a.style.setObj(td_descriptions_style_1.$descriptionsHeaderStyle);
-        (_b = this.headerTitle) === null || _b === void 0 ? void 0 : _b.style.setObj(td_descriptions_style_1.$descriptionsHeaderTitleStyle);
-        (_c = this.body) === null || _c === void 0 ? void 0 : _c.style.setObj(td_descriptions_style_1.$descriptionsBodyStyle);
-        (_d = this.bodyTable) === null || _d === void 0 ? void 0 : _d.style.setObj(td_descriptions_style_1.$descriptionsBodyTableStyle);
-        (_e = this.rows) === null || _e === void 0 ? void 0 : _e.forEach((row) => {
-            row.childNodes.forEach((tr) => {
-                tr.childNodes.forEach((td) => {
-                    td.style.setObj(td_descriptions_style_1.$descriptionsBodyTableCellStyle);
-                });
-            });
-        });
-    }
-}
-exports.TdDescriptions = TdDescriptions;

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

@@ -1,70 +0,0 @@
-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;
-}

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

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

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

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

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

@@ -1,143 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$descriptionsCellContentStyle = exports.$descriptionsCellLabelStyle = exports.$descriptionsItemVerticalLabelPaddingBottom = exports.$descriptionsItemLabelMarginRight = exports.$descriptionsBodyTableCellStyle = exports.$descriptionsBodyTableStyle = exports.$descriptionsBodyStyle = exports.$descriptionsHeaderTitleStyle = exports.$descriptionsHeaderStyle = exports.$descriptionsStyle = exports.$descriptions = exports.$descriptionsCellFontSize = exports.$descriptionsBorderedCellPadding = exports.$descriptionsCellPaddingBottom = exports.$descriptionsTitleFontSize = exports.$descriptionsHeaderMarginBottom = void 0;
-exports.useSize = useSize;
-exports.useBordered = useBordered;
-const var_1 = require("../../../styles/var");
-const td_input_style_1 = require("../../form/td-input/td-input.style");
-const signals_1 = require("@type-dom/signals");
-exports.$descriptionsHeaderMarginBottom = {
-    large: '20px',
-    default: '16px',
-    small: '12px',
-};
-exports.$descriptionsTitleFontSize = {
-    large: '16px',
-    default: '16px',
-    small: '14px',
-};
-exports.$descriptionsCellPaddingBottom = {
-    large: '16px',
-    default: '12px',
-    small: '8px',
-};
-exports.$descriptionsBorderedCellPadding = {
-    large: '12px 15px',
-    default: '8px 11px',
-    small: '4px 7px',
-};
-exports.$descriptionsCellFontSize = {
-    large: '14px',
-    default: '14px',
-    small: '12px',
-};
-// Descriptions
-// css3 var in packages/theme-chalk/src/descriptions.scss
-exports.$descriptions = {
-    // tableBorder: 1px solid getCssVar('border-color-lighter'),
-    tableBorder: '1px solid ' + var_1.$borderColor.lighter,
-    // itemBorderedLabelBackground: getCssVar('fill-color', 'light'),
-    itemBorderedLabelBackground: var_1.$fillColor.light,
-};
-exports.$descriptionsStyle = {
-    boxSizing: 'border-box',
-    // fontSize: getCssVar('font-size', 'base'),
-    fontSize: var_1.$fontSizes.base,
-    // color: getCssVar('text-color', 'primary'),
-    color: var_1.$textColor.primary,
-};
-exports.$descriptionsHeaderStyle = {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    // margin-bottom: map.get($descriptions-header-margin-bottom, 'default'),
-    marginBottom: exports.$descriptionsHeaderMarginBottom.default,
-};
-exports.$descriptionsHeaderTitleStyle = {
-    // color: getCssVar('text-color', 'primary'),
-    color: var_1.$textColor.primary,
-    // font-size: map.get($descriptions-title-font-size, 'default'),
-    fontSize: exports.$descriptionsTitleFontSize.default,
-    fontWeight: 'bold',
-};
-exports.$descriptionsBodyStyle = {
-    // background-color: getCssVar('fill-color', 'blank')
-    backgroundColor: var_1.$fillColor.blank,
-};
-exports.$descriptionsBodyTableStyle = {
-    borderCollapse: 'collapse',
-    width: '100%',
-};
-exports.$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: exports.$descriptionsCellFontSize.default,
-};
-exports.$descriptionsItemLabelMarginRight = {
-    large: '16px',
-    default: '16px',
-    small: '12px',
-};
-function useSize(config) {
-    const size = (0, signals_1.unref)(config === null || config === void 0 ? void 0 : config.size) || 'default';
-    // if (size !== 'default') {
-    exports.$descriptionsStyle.fontSize = td_input_style_1.$inputFontSize[size];
-    exports.$descriptionsHeaderStyle.marginBottom = exports.$descriptionsHeaderMarginBottom[size];
-    exports.$descriptionsHeaderTitleStyle.fontSize = exports.$descriptionsTitleFontSize[size];
-    exports.$descriptionsBodyTableStyle.fontSize = exports.$descriptionsCellFontSize[size];
-    exports.$descriptionsBodyTableCellStyle.fontSize = exports.$descriptionsCellFontSize[size];
-    if (config === null || config === void 0 ? void 0 : config.border) {
-        exports.$descriptionsBodyTableCellStyle.padding =
-            exports.$descriptionsBorderedCellPadding[size];
-    }
-    else {
-        exports.$descriptionsBodyTableCellStyle.paddingBottom =
-            exports.$descriptionsCellPaddingBottom[size];
-        exports.$descriptionsCellLabelStyle.marginRight =
-            exports.$descriptionsItemLabelMarginRight[size];
-        exports.$descriptionsCellLabelStyle.paddingBottom =
-            exports.$descriptionsItemVerticalLabelPaddingBottom[size];
-    }
-    // }
-}
-exports.$descriptionsItemVerticalLabelPaddingBottom = {
-    large: '8px',
-    default: '6px',
-    small: '4px',
-};
-exports.$descriptionsCellLabelStyle = {};
-exports.$descriptionsCellContentStyle = {
-    color: var_1.$textColor.regular,
-};
-function useBordered(config) {
-    const bordered = config === null || config === void 0 ? void 0 : config.border;
-    if (bordered) {
-        exports.$descriptionsCellLabelStyle = {
-            fontWeight: 'bold',
-            color: var_1.$textColor.regular,
-            backgroundColor: exports.$descriptions.itemBorderedLabelBackground,
-        };
-        exports.$descriptionsBodyTableCellStyle.border = exports.$descriptions.tableBorder;
-        exports.$descriptionsBodyTableCellStyle.padding =
-            exports.$descriptionsBorderedCellPadding.default;
-        exports.$descriptionsCellContentStyle.color = var_1.$textColor.primary;
-    }
-    else {
-        exports.$descriptionsBodyTableCellStyle.border = undefined;
-        exports.$descriptionsBodyTableCellStyle.padding = undefined;
-        exports.$descriptionsBodyTableCellStyle.paddingBottom =
-            exports.$descriptionsCellPaddingBottom.default;
-        exports.$descriptionsCellLabelStyle = {
-            color: var_1.$textColor.primary,
-            marginRight: exports.$descriptionsItemLabelMarginRight.default,
-        };
-        if (config.direction === 'vertical') {
-            exports.$descriptionsCellLabelStyle.paddingBottom =
-                exports.$descriptionsItemVerticalLabelPaddingBottom.default;
-        }
-    }
-}