@type-dom/ui 0.1.3 → 0.2.1

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

@@ -1,218 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdSegmented = void 0;
-const framework_1 = require("@type-dom/framework");
-const signals_1 = require("@type-dom/signals");
-const utils_1 = require("@type-dom/utils");
-const event_1 = require("../../../constants/event");
-const use_namespace_1 = require("../../../hooks/use-namespace");
-const use_id_1 = require("../../../hooks/use-id");
-const use_form_common_props_1 = require("../../form/td-form/hooks/use-form-common-props");
-const use_form_item_1 = require("../../form/td-form/hooks/use-form-item");
-const td_segmented_const_1 = require("./td-segmented.const");
-require("./style/index");
-class TdSegmented extends framework_1.TypeFragment {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdSegmented';
-        this.addEmits(td_segmented_const_1.segmentedEmits);
-        this.assignProps(td_segmented_const_1.segmentedProps);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        var _a, _b;
-        console.log('TdSegmented setup . ');
-        const props = this.props;
-        const emit = this.emit;
-        const ns = (0, use_namespace_1.useNamespace)('segmented');
-        const segmentedId = (0, use_id_1.useId)();
-        const segmentedSize = (0, use_form_common_props_1.useFormSize)();
-        const _disabled = (0, use_form_common_props_1.useFormDisabled)();
-        const { formItem } = (0, use_form_item_1.useFormItem)();
-        const { inputId, isLabeledByFormItem } = (0, use_form_item_1.useFormItemInputId)(props, {
-            formItemContext: formItem,
-        });
-        const segmentedRef = (0, signals_1.signal)(undefined);
-        const activeElement = (0, framework_1.useActiveElement)();
-        const state = (0, signals_1.toSignals)({
-            isInit: false,
-            width: 0,
-            height: 0,
-            translateX: 0,
-            translateY: 0,
-            focusVisible: false,
-        });
-        const handleChange = (item) => {
-            // console.warn('handleChange . item is ', item);
-            const value = getValue(item);
-            emit(event_1.UPDATE_MODEL_EVENT, value);
-            emit(event_1.CHANGE_EVENT, value);
-        };
-        const aliasProps = (0, signals_1.computed)(() => (Object.assign(Object.assign({}, td_segmented_const_1.defaultProps), props.props)));
-        const getValue = (item) => {
-            return (0, utils_1.isObject)(item) ? item[aliasProps.get().value] : item;
-        };
-        const getLabel = (item) => {
-            return (0, utils_1.isObject)(item) ? item[aliasProps.get().label] : item;
-        };
-        const getDisabled = (item) => {
-            return !!(_disabled.get() || ((0, utils_1.isObject)(item) ? item.disabled : false));
-        };
-        const getSelected = (item) => {
-            var _a;
-            return ((_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get()) === getValue(item);
-        };
-        const getOption = (value) => {
-            var _a;
-            return (_a = props.options) === null || _a === void 0 ? void 0 : _a.find((item) => getValue(item) === value);
-        };
-        const getItemCls = (item) => {
-            return (0, signals_1.computed)(() => [
-                ns.e('item'),
-                ns.is('selected', getSelected(item)),
-                ns.is('disabled', getDisabled(item)),
-            ]);
-        };
-        const updateSelect = () => {
-            var _a, _b, _c;
-            // console.warn('updateSelect . ');
-            if (!segmentedRef.get())
-                return;
-            // 这一步有问题； is-selected 样式有异步。应该直接根据vModel的值匹配
-            // const selectedItem = segmentedRef.get()?.querySelector(
-            //   '.is-selected'
-            // ) as HTMLElement
-            // const selectedItemInput = segmentedRef.get()?.querySelector(
-            //   '.is-selected input'
-            // ) as HTMLElement
-            const selectedEl = this.down('attrObj.value', (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get());
-            // console.log('selectedItem is ', selectedEl);
-            // todo watch 触发时，dom 未必已经创建。
-            const selectedItem = selectedEl === null || selectedEl === void 0 ? void 0 : selectedEl.dom;
-            const selectedItemInput = (_c = (_b = selectedEl === null || selectedEl === void 0 ? void 0 : selectedEl.dom) === null || _b === void 0 ? void 0 : _b.querySelector) === null || _c === void 0 ? void 0 : _c.call(_b, 'input');
-            if (!selectedItem || !selectedItemInput) {
-                state.width.set(0);
-                state.height.set(0);
-                state.translateX.set(0);
-                state.translateY.set(0);
-                state.focusVisible.set(false);
-                return;
-            }
-            const rect = selectedItem.getBoundingClientRect();
-            state.isInit.set(true);
-            if ((0, signals_1.unref)(props.direction) === 'vertical') {
-                state.height.set(rect.height);
-                state.translateY.set(selectedItem.offsetTop);
-            }
-            else {
-                state.width.set(rect.width);
-                state.translateX.set(selectedItem.offsetLeft);
-            }
-            try {
-                // This will failed in test-dts
-                state.focusVisible.set(selectedItemInput.matches(':focus-visible'));
-            }
-            catch (err) {
-                console.error('selectedItemInput.matches is not supported', err);
-            }
-        };
-        const segmentedCls = (0, signals_1.computed)(() => [
-            ns.b(),
-            ns.m(segmentedSize.get()),
-            ns.is('block', props.block),
-        ]);
-        const selectedStyle = {
-            width: (0, signals_1.computed)(() => (0, signals_1.unref)(props.direction) === 'vertical'
-                ? '100%'
-                : `${state.width.get()}px`),
-            height: (0, signals_1.computed)(() => (0, signals_1.unref)(props.direction) === 'vertical'
-                ? `${state.height.get()}px`
-                : '100%'),
-            transform: (0, signals_1.computed)(() => (0, signals_1.unref)(props.direction) === 'vertical'
-                ? `translateY(${state.translateY.get()}px)`
-                : `translateX(${state.translateX.get()}px)`),
-            display: (0, signals_1.computed)(() => (state.isInit.get() ? 'block' : 'none')),
-        };
-        const selectedCls = (0, signals_1.computed)(() => {
-            var _a;
-            return [
-                ns.e('item-selected'),
-                ns.is('disabled', getDisabled(getOption((_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get()))),
-                ns.is('focus-visible', state.focusVisible.get()),
-            ];
-        });
-        const name = (0, signals_1.computed)(() => {
-            return props.name || segmentedId.get();
-        });
-        this.addChild(new framework_1.Div({
-            vIf: (_a = props.options) === null || _a === void 0 ? void 0 : _a.length,
-            refEl: segmentedRef,
-            class: segmentedCls,
-            styleObj: props.styleObj, // 父组件传入的样式
-            attrObj: {
-                name: 'td-segmented',
-                id: inputId.get(),
-                role: 'radiogroup',
-                ariaLabel: isLabeledByFormItem.get()
-                    ? props.ariaLabel || 'segmented'
-                    : undefined,
-                ariaLabelledby: isLabeledByFormItem.get()
-                    ? formItem.labelId
-                    : undefined,
-            },
-            slot: new framework_1.Div({
-                class: (0, signals_1.computed)(() => [ns.e('group'), ns.m((0, signals_1.unref)(props.direction))]),
-                slot: [
-                    new framework_1.Div({
-                        styleObj: selectedStyle,
-                        class: selectedCls,
-                    }),
-                    new framework_1.Fragment({
-                        slot: (_b = props.options) === null || _b === void 0 ? void 0 : _b.map((item) => {
-                            return new framework_1.Label({
-                                class: getItemCls(item),
-                                attrObj: {
-                                    value: getValue(item),
-                                },
-                                slot: [
-                                    new framework_1.Input({
-                                        attrObj: {
-                                            class: ns.e('item-input'),
-                                            type: 'radio',
-                                            name: name.get(),
-                                            checked: getSelected(item),
-                                            disabled: getDisabled(item),
-                                        },
-                                        events: {
-                                            change: () => handleChange(item),
-                                        },
-                                    }),
-                                    new framework_1.Div({
-                                        class: ns.e('item-label'),
-                                        slot: ((0, utils_1.isObject)(item) && item.slot) ? item.slot : getLabel(item),
-                                    }),
-                                ],
-                            });
-                        }),
-                    })
-                ],
-            }),
-        }));
-        (0, framework_1.onMounted)(() => {
-            var _a;
-            // console.error('onMounted . ');
-            (0, framework_1.useResizeObserver)((_a = segmentedRef.get()) === null || _a === void 0 ? void 0 : _a.dom, updateSelect);
-            (0, signals_1.watch)(activeElement, updateSelect);
-            (0, signals_1.watch)(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, () => {
-                var _a;
-                updateSelect();
-                if (props.validateEvent) {
-                    (_a = formItem === null || formItem === void 0 ? void 0 : formItem.validate) === null || _a === void 0 ? void 0 : _a.call(formItem, 'change').catch((err) => (0, utils_1.debugWarn)(err));
-                }
-            }, {
-                immediate: true,
-            });
-        });
-    }
-}
-exports.TdSegmented = TdSegmented;

package/src/components/data/td-segmented/td-segmented.const.d.ts

@@ -1,7 +0,0 @@
-import { Props, SegmentedProps } from './td-segmented.interface';
-export declare const segmentedProps: SegmentedProps;
-export declare const segmentedEmits: {
-    "update:modelValue": (val: any) => val is string | number | boolean;
-    change: (val: any) => val is string | number | boolean;
-};
-export declare const defaultProps: Required<Props>;

package/src/components/data/td-segmented/td-segmented.const.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultProps = exports.segmentedEmits = exports.segmentedProps = void 0;
-const utils_1 = require("@type-dom/utils");
-const event_1 = require("../../../constants/event");
-exports.segmentedProps = {
-    direction: 'horizontal',
-    validateEvent: true,
-};
-exports.segmentedEmits = {
-    [event_1.UPDATE_MODEL_EVENT]: (val) => (0, utils_1.isString)(val) || (0, utils_1.isNumber)(val) || (0, utils_1.isBoolean)(val),
-    [event_1.CHANGE_EVENT]: (val) => (0, utils_1.isString)(val) || (0, utils_1.isNumber)(val) || (0, utils_1.isBoolean)(val),
-};
-exports.defaultProps = {
-    label: 'label',
-    value: 'value',
-    disabled: 'disabled',
-};

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

@@ -1,66 +0,0 @@
-import { ITypeFragment, TypeElement, TypeFragmentProps } from '@type-dom/framework';
-import { MaybeRef } from '@type-dom/signals';
-import { ComponentSize } from '../../../constants/size';
-export interface ITdSegmented extends ITypeFragment {
-    className: 'TdSegmented';
-}
-export type OptionObject = {
-    label?: string;
-    myLabel?: string;
-    value?: string | number | boolean;
-    myValue?: string | number | boolean;
-    disabled?: boolean;
-    myDisabled?: boolean;
-    slot?: TypeElement;
-    [key: string]: any;
-};
-export type Option = Record<string, any> | string | number | boolean;
-export interface SegmentedProps extends TypeFragmentProps {
-    direction?: MaybeRef<'vertical' | 'horizontal'>;
-    /**
-     * @description options of segmented
-     *     default: () => [],
-     */
-    options?: Option[];
-    /**
-     * @description binding value
-     *     default: undefined,
-     */
-    modelValue?: string | number | boolean;
-    /**
-     * @description configuration options, see the following table
-     *     default: () => defaultProps,
-     */
-    props?: Props;
-    /**
-     * @description fit width of parent content
-     */
-    block?: boolean;
-    /**
-     * @description size of component
-     */
-    size?: MaybeRef<ComponentSize>;
-    /**
-     * @description whether segmented is disabled
-     */
-    disabled?: boolean;
-    /**
-     * @description whether to trigger form validation
-     *     default: true,
-     */
-    validateEvent?: boolean;
-    /**
-     * @description native input id
-     */
-    id?: string;
-    /**
-     * @description native `name` attribute
-     */
-    name?: string;
-    ariaLabel?: string;
-}
-export interface Props {
-    label?: string;
-    value?: string;
-    disabled?: string;
-}

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

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

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

@@ -1,37 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-import { SegmentedProps } from './td-segmented.interface';
-export declare const $segmentedBorderRadius: {
-    large: string;
-    default: string;
-    small: string;
-};
-export declare const $segmentedFontSize: {
-    large: string;
-    default: string;
-    small: string;
-};
-export declare const $segmentedItemPadding: {
-    large: string;
-    default: string;
-    small: string;
-};
-export declare const $segmented: {
-    color: string;
-    bgColor: string;
-    padding: string;
-    itemSelectedColor: string;
-    itemSelectedBgColor: string;
-    itemSelectedDisabledBgColor: string;
-    itemHoverColor: string;
-    itemHoverBgColor: string;
-    itemActiveBgColor: string;
-    itemDisabledColor: string;
-};
-export declare const $segmentedStyle: IStyle;
-export declare const $segmentedGroupStyle: IStyle;
-export declare const $segmentedItemStyle: IStyle;
-export declare const $segmentedItemSelectedStyle: IStyle;
-export declare const $segmentedItemInputStyle: IStyle;
-export declare const $segmentedItemLabelStyle: IStyle;
-export declare function useStyle(config?: SegmentedProps): void;
-export declare function useSize(config?: SegmentedProps): void;

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

@@ -1,146 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$segmentedItemLabelStyle = exports.$segmentedItemInputStyle = exports.$segmentedItemSelectedStyle = exports.$segmentedItemStyle = exports.$segmentedGroupStyle = exports.$segmentedStyle = exports.$segmented = exports.$segmentedItemPadding = exports.$segmentedFontSize = exports.$segmentedBorderRadius = void 0;
-exports.useStyle = useStyle;
-exports.useSize = useSize;
-const signals_1 = require("@type-dom/signals");
-const var_1 = require("../../../styles/var");
-const td_button_style_1 = require("../../basic/td-button/td-button.style");
-const td_input_style_1 = require("../../form/td-input/td-input.style");
-exports.$segmentedBorderRadius = {
-    large: td_button_style_1.$buttonBorderRadius.large, // map.get($button-border-radius, 'large'),
-    default: td_button_style_1.$buttonBorderRadius.default, // map.get($button-border-radius, 'default'),
-    small: td_button_style_1.$buttonBorderRadius.small, // map.get($button-border-radius, 'small'),
-};
-exports.$segmentedFontSize = {
-    large: '16px',
-    default: '14px',
-    small: '14px',
-};
-exports.$segmentedItemPadding = {
-    large: '0 11px',
-    default: '0 11px',
-    small: '0 7px',
-};
-exports.$segmented = {
-    // 'color': getCssVar('text-color', 'regular'),
-    color: var_1.$textColor.regular,
-    // 'bg-color': getCssVar('fill-color', 'light'),
-    bgColor: var_1.$fillColor.light,
-    padding: '2px',
-    // 'item-selected-color': getCssVar('color-white'),
-    itemSelectedColor: var_1.$colorWhite,
-    // 'item-selected-bg-color': getCssVar('color-primary'),
-    itemSelectedBgColor: var_1.$colors.primary.base,
-    // 'item-selected-disabled-bg-color': getCssVar('color-primary', 'light-5'),
-    itemSelectedDisabledBgColor: var_1.$colors.primary['light-5'],
-    // 'item-hover-color': getCssVar('text-color', 'primary'),
-    itemHoverColor: var_1.$textColor.primary,
-    // 'item-hover-bg-color': getCssVar('fill-color', 'dark'),
-    itemHoverBgColor: var_1.$fillColor.dark,
-    // 'item-active-bg-color': getCssVar('fill-color', 'darker'),
-    itemActiveBgColor: var_1.$fillColor.darker,
-    // 'item-disabled-color': getCssVar('text-color', 'placeholder'),
-    itemDisabledColor: var_1.$textColor.placeholder,
-};
-exports.$segmentedStyle = {
-    display: 'inline-flex',
-    alignItems: 'stretch',
-    // minHeight: map.get($input-height, 'default'),
-    minHeight: td_input_style_1.$inputHeight.default,
-    // background: getCssVar('segmented-bg-color'),
-    background: exports.$segmented.bgColor,
-    // padding: getCssVar('segmented-padding'),
-    padding: exports.$segmented.padding,
-    // border-radius: map.get($segmented-border-radius, 'default'),
-    borderRadius: exports.$segmentedBorderRadius.default,
-    // font-size: map.get($segmented-font-size, 'default'),
-    fontSize: exports.$segmentedFontSize.default,
-    // color: getCssVar('segmented-color'),
-    color: exports.$segmented.color,
-    boxSizing: 'border-box',
-};
-exports.$segmentedGroupStyle = {
-    display: 'flex',
-    alignItems: 'stretch',
-    position: 'relative',
-    width: '100%',
-};
-exports.$segmentedItemStyle = {
-    display: 'flex',
-    alignItems: 'center',
-    flex: 1,
-    cursor: 'pointer',
-    // borderRadius: calc(#{map.get($segmented-border-radius, 'default')} - 2px),
-    borderRadius: parseInt(exports.$segmentedBorderRadius.default, 10) - 2 + 'px',
-    // padding: map.get($segmented-item-padding, 'default'),
-    padding: exports.$segmentedItemPadding.default,
-};
-exports.$segmentedItemSelectedStyle = {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    // background: getCssVar('segmented-item-selected-bg-color'),
-    background: exports.$segmented.itemSelectedBgColor,
-    height: '100%',
-    width: '10px',
-    // border-radius: calc(#{map.get($segmented-border-radius, 'default')} - 2px),
-    borderRadius: parseInt(exports.$segmentedBorderRadius.default, 10) - 2 + 'px',
-    transition: 'all 0.3s',
-    pointerEvents: 'none',
-};
-exports.$segmentedItemInputStyle = {
-    position: 'absolute',
-    margin: 0,
-    width: 0,
-    height: 0,
-    opacity: 0,
-    pointerEvents: 'none',
-};
-exports.$segmentedItemLabelStyle = {
-    flex: 1,
-    textAlign: 'center',
-    lineHeight: 'normal',
-    // @include utils-ellipsis,
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    transition: 'color 0.3s',
-    zIndex: 1,
-};
-function useStyle(config) {
-    useSize(config);
-    if (config === null || config === void 0 ? void 0 : config.block) {
-        exports.$segmentedStyle.display = 'flex';
-        exports.$segmentedItemStyle.minWidth = 0;
-    }
-    else {
-        exports.$segmentedStyle.display = 'inline-flex';
-        delete exports.$segmentedItemStyle.minWidth;
-    }
-    if (config === null || config === void 0 ? void 0 : config.disabled) {
-        exports.$segmentedItemSelectedStyle.background =
-            exports.$segmented.itemSelectedDisabledBgColor;
-        exports.$segmentedItemStyle.cursor = 'not-allowed';
-        exports.$segmentedItemStyle.color = exports.$segmented.itemDisabledColor;
-    }
-    else {
-        exports.$segmentedItemSelectedStyle.background = exports.$segmented.itemSelectedBgColor;
-        exports.$segmentedItemStyle.cursor = 'pointer';
-        delete exports.$segmentedItemStyle.color;
-    }
-    // if (config.focusVisible) {
-    //
-    // }
-}
-function useSize(config) {
-    const size = (0, signals_1.unref)(config === null || config === void 0 ? void 0 : config.size) || 'default';
-    exports.$segmentedStyle.minHeight = td_input_style_1.$inputHeight[size];
-    exports.$segmentedStyle.borderRadius = exports.$segmentedBorderRadius[size];
-    exports.$segmentedStyle.fontSize = exports.$segmentedFontSize[size];
-    exports.$segmentedItemSelectedStyle.borderRadius =
-        parseInt(exports.$segmentedBorderRadius[size], 10) - 2 + 'px';
-    exports.$segmentedItemStyle.borderRadius =
-        parseInt(exports.$segmentedBorderRadius[size]) - 2 + 'px';
-    exports.$segmentedItemStyle.padding = exports.$segmentedItemPadding[size];
-}

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

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

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-import { TypeDiv } from '@type-dom/framework';
-import { Computed } from '@type-dom/signals';
-import dayjs from 'dayjs';
-import { StatisticProps, ITdStatistic } from './td-statistic.interface';
-import './style/index';
-export declare class TdStatistic extends TypeDiv implements ITdStatistic {
-    className: 'TdStatistic';
-    props: StatisticProps;
-    displayValue?: Computed<string | number | number[] | dayjs.Dayjs>;
-    constructor(params?: StatisticProps);
-    setup(): void;
-}

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

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdStatistic = void 0;
-const framework_1 = require("@type-dom/framework");
-const signals_1 = require("@type-dom/signals");
-const utils_1 = require("@type-dom/utils");
-const use_namespace_1 = require("../../../hooks/use-namespace");
-const td_statistic_const_1 = require("./td-statistic.const");
-require("./style/index");
-class TdStatistic extends framework_1.TypeDiv {
-    constructor(params = {}) {
-        super();
-        // console.warn('TdStatistic constructor . ');
-        this.className = 'TdStatistic';
-        this.assignProps(td_statistic_const_1.statisticProps);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        const props = this.props;
-        const ns = (0, use_namespace_1.useNamespace)('statistic');
-        const displayValue = (0, signals_1.computed)(() => {
-            const { formatter, value, precision, decimalSeparator, groupSeparator } = props;
-            if ((0, utils_1.isFunction)(formatter)) {
-                return formatter(value);
-            }
-            // https://github.com/element-plus/element-plus/issues/17784
-            if (!(0, utils_1.isNumber)(value) || Number.isNaN(value)) {
-                return (0, signals_1.unref)(value);
-            }
-            let [integer, decimal = ''] = String(value).split('.');
-            decimal = decimal
-                .padEnd(precision, '0')
-                .slice(0, precision > 0 ? precision : 0);
-            integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
-            return [integer, decimal].join(decimal ? decimalSeparator : '');
-        });
-        (0, framework_1.defineExpose)({
-            /**
-             * @description current display value
-             */
-            displayValue,
-        });
-        // this.assignProps({ // 这样的class有问；
-        //   class: ns.b()
-        // });
-        this.attr.addClass(ns.b());
-        if (((_a = props.slots) === null || _a === void 0 ? void 0 : _a.title) || props.title) {
-            this.addChild(new framework_1.Div({
-                class: ns.e('head'),
-                slot: (_c = (_b = props.slots) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : props.title,
-            }));
-        }
-        this.addChild(new framework_1.Div({
-            class: ns.e('content'),
-            slot: [
-                new framework_1.Div({
-                    vIf: ((_d = props.slots) === null || _d === void 0 ? void 0 : _d.prefix) || props.prefix,
-                    class: ns.e('prefix'),
-                    slot: (_f = (_e = props.slots) === null || _e === void 0 ? void 0 : _e.prefix) !== null && _f !== void 0 ? _f : props.prefix,
-                }),
-                new framework_1.Span({
-                    class: ns.e('number'),
-                    styleObj: props.valueStyle,
-                    slot: displayValue,
-                }),
-                new framework_1.Div({
-                    vIf: ((_g = props.slots) === null || _g === void 0 ? void 0 : _g.suffix) || props.suffix,
-                    class: ns.e('suffix'),
-                    slot: (_j = (_h = props.slots) === null || _h === void 0 ? void 0 : _h.suffix) !== null && _j !== void 0 ? _j : props.suffix,
-                }),
-            ],
-        }));
-    }
-}
-exports.TdStatistic = TdStatistic;

package/src/components/data/td-statistic/td-statistic.const.d.ts

@@ -1,2 +0,0 @@
-import { StatisticProps } from './td-statistic.interface';
-export declare const statisticProps: StatisticProps;

package/src/components/data/td-statistic/td-statistic.const.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.statisticProps = void 0;
-exports.statisticProps = {
-    decimalSeparator: '.',
-    groupSeparator: ',',
-    precision: 0,
-    value: 0,
-};