@type-dom/ui 0.5.0 → 0.6.1

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

@@ -0,0 +1,198 @@
+import { Div, Input, Label, Fragment, onMounted, toSignals, unref, watch, addEmits, emit, defaultProps } from '@type-dom/framework';
+import { computed, signal, } from '@type-dom/signals';
+import { debugWarn, isObject } from '@type-dom/utils';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { useId } from '../../../hooks/use-id';
+import { useFormDisabled, useFormSize, } from '../../form/td-form/hooks/use-form-common-props';
+import { useFormItem, useFormItemInputId, } from '../../form/td-form/hooks/use-form-item';
+import { defaultAliasProps, segmentedEmits, segmentedProps, } from './td-segmented.const';
+import './style/index';
+import { useActiveElement, useResizeObserver } from '@type-dom/use';
+export class TdSegmented extends Fragment {
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, segmentedProps);
+        addEmits(this, segmentedEmits);
+    }
+    setup() {
+        // console.log('TdSegmented setup . ');
+        const props = this.props;
+        // const emit = this.emit;
+        const ns = useNamespace('segmented');
+        const segmentedId = useId();
+        const segmentedSize = useFormSize(props.size);
+        const _disabled = useFormDisabled();
+        const { formItem } = useFormItem();
+        const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
+            formItemContext: formItem,
+        });
+        const segmentedRef = signal(undefined);
+        const activeElement = useActiveElement();
+        const state = toSignals({
+            isInit: false,
+            width: 0,
+            height: 0,
+            translateX: 0,
+            translateY: 0,
+            focusVisible: false,
+        });
+        // console.warn('state is ', state);
+        const handleChange = (item) => {
+            // console.warn('handleChange . item is ', item);
+            const value = getValue(item);
+            emit(this, UPDATE_MODEL_EVENT, value);
+            emit(this, CHANGE_EVENT, value);
+        };
+        const aliasProps = computed(() => ({ ...defaultAliasProps, ...props.props }));
+        const getValue = (item) => {
+            return isObject(item) ? item[aliasProps.get().value] : item;
+        };
+        const getLabel = (item) => {
+            return isObject(item) ? item[aliasProps.get().label] : item;
+        };
+        const getDisabled = (item) => {
+            return !!(_disabled.get() || (isObject(item) ? item.disabled : false));
+        };
+        const getSelected = (item) => {
+            return props.vModel?.get() === getValue(item);
+        };
+        const getOption = (value) => {
+            return props.options?.find((item) => getValue(item) === value);
+        };
+        const getItemCls = (item) => {
+            return computed(() => [
+                ns.e('item'),
+                ns.is('selected', getSelected(item)),
+                ns.is('disabled', getDisabled(item)),
+            ]);
+        };
+        const updateSelect = () => {
+            // console.warn('updateSelect . ');
+            if (!segmentedRef.get())
+                return;
+            // 这一步有问题； is-selected 样式有异步。应该直接根据vModel的值匹配
+            const selectedItem = segmentedRef.get()?.querySelector('.is-selected');
+            // console.log('selectedItem is ', selectedItem);
+            const selectedItemInput = segmentedRef.get()?.querySelector('.is-selected 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 (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 = computed(() => [
+            ns.b(),
+            ns.m(segmentedSize.get()),
+            ns.is('block', props.block),
+        ]);
+        const selectedStyle = {
+            width: computed(() => unref(props.direction) === 'vertical'
+                ? '100%'
+                : `${state.width.get()}px`),
+            height: computed(() => unref(props.direction) === 'vertical'
+                ? `${state.height.get()}px`
+                : '100%'),
+            transform: computed(() => unref(props.direction) === 'vertical'
+                ? `translateY(${state.translateY.get()}px)`
+                : `translateX(${state.translateX.get()}px)`),
+            display: computed(() => (state.isInit.get() ? 'block' : 'none')),
+        };
+        // console.warn('selectedStyle is ', selectedStyle);
+        const selectedCls = computed(() => [
+            ns.e('item-selected'),
+            ns.is('disabled', getDisabled(getOption(props.vModel?.get()))),
+            ns.is('focus-visible', state.focusVisible.get()),
+        ]);
+        const name = computed(() => {
+            return props.name || segmentedId.get();
+        });
+        this.addChild(new Div({
+            vIf: props.options?.length,
+            refDom: 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 Div({
+                class: computed(() => [ns.e('group'), ns.m(unref(props.direction))]),
+                slot: [
+                    new Div({
+                        styleObj: selectedStyle,
+                        class: selectedCls,
+                    }),
+                    new Fragment({
+                        slot: props.options?.map((item) => {
+                            return new Label({
+                                class: getItemCls(item),
+                                // attrObj: {
+                                //   value: getValue(item),
+                                // },
+                                slot: [
+                                    new Input({
+                                        attrObj: {
+                                            class: ns.e('item-input'),
+                                            type: 'radio',
+                                            name: name,
+                                            checked: getSelected(item),
+                                            disabled: getDisabled(item),
+                                        },
+                                        onChange: () => handleChange(item),
+                                    }),
+                                    new Div({
+                                        class: ns.e('item-label'),
+                                        slot: // todo
+                                        (isObject(item) && item.slot) ? item.slot : getLabel(item),
+                                    }),
+                                ],
+                            });
+                        }),
+                    })
+                ],
+            }),
+        }));
+        onMounted(() => {
+            // console.error('onMounted . ');
+            useResizeObserver(segmentedRef, updateSelect);
+            watch(activeElement, updateSelect);
+            watch(() => props.vModel?.get(), () => {
+                updateSelect();
+                if (props.validateEvent) {
+                    formItem?.validate?.('change').catch((err) => debugWarn(err));
+                }
+            }, {
+                immediate: true,
+            });
+        });
+    }
+}
+//# sourceMappingURL=td-segmented.class.js.map

package/dist/components/data/td-segmented/td-segmented.class.js.map

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

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

@@ -0,0 +1,8 @@
+import type { 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 defaultAliasProps: Required<Props>;
+//# sourceMappingURL=td-segmented.const.d.ts.map

package/dist/components/data/td-segmented/td-segmented.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-segmented.const.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-segmented/td-segmented.const.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEtE,eAAO,MAAM,cAAc,EAAE,cAG5B,CAAC;AAEF,eAAO,MAAM,cAAc;+BACG,GAAG;kBAET,GAAG;CAE1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,KAAK,CAI7C,CAAA"}

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

@@ -0,0 +1,16 @@
+import { isBoolean, isNumber, isString } from '@type-dom/utils';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event';
+export const segmentedProps = {
+    direction: 'horizontal',
+    validateEvent: true,
+};
+export const segmentedEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+    [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+};
+export const defaultAliasProps = {
+    label: 'label',
+    value: 'value',
+    disabled: 'disabled',
+};
+//# sourceMappingURL=td-segmented.const.js.map

package/dist/components/data/td-segmented/td-segmented.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-segmented.const.js","sourceRoot":"","sources":["../../../../src/components/data/td-segmented/td-segmented.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,SAAS,EAAE,YAAY;IACvB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAQ,EAAE,EAAE,CACjC,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;IAClD,CAAC,YAAY,CAAC,EAAE,CAAC,GAAQ,EAAE,EAAE,CAC3B,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAoB;IAChD,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACrB,CAAA"}

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

@@ -0,0 +1,65 @@
+import { IFragment, TypeElement, FragmentProps, MaybeRef } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants/size';
+export interface ITdSegmented extends IFragment {
+}
+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 FragmentProps {
+    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;
+}
+//# sourceMappingURL=td-segmented.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-segmented.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-segmented/td-segmented.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,aAAa,EACb,QAAQ,EACT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,WAAW,YAAa,SAAQ,SAAS;CAC9C;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,cAAe,SAAQ,aAAa;IAEnD,SAAS,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,YAAY,CAAC,CAAC;IAChD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB"}

package/dist/components/data/td-segmented/td-segmented.interface.js.map

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

package/dist/components/data/td-skeleton/style/css.d.ts

@@ -0,0 +1,4 @@
+import '../../../base/style/css';
+import '../../../../theme-chalk/el-skeleton.css';
+import '../../td-skeleton-item/style/css';
+//# sourceMappingURL=css.d.ts.map

package/dist/components/data/td-skeleton/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-skeleton/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAChC,OAAO,yCAAyC,CAAA;AAChD,OAAO,kCAAkC,CAAA"}

package/dist/components/data/td-skeleton/style/css.js

@@ -0,0 +1,4 @@
+import '../../../base/style/css';
+import '../../../../theme-chalk/el-skeleton.css';
+import '../../td-skeleton-item/style/css';
+//# sourceMappingURL=css.js.map

package/dist/components/data/td-skeleton/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/data/td-skeleton/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAChC,OAAO,yCAAyC,CAAA;AAChD,OAAO,kCAAkC,CAAA"}

package/dist/components/data/td-skeleton/style/index.d.ts

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

package/dist/components/data/td-skeleton/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-skeleton/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,uCAAuC,CAAA;AAC9C,OAAO,8BAA8B,CAAA"}

package/dist/components/data/td-skeleton/style/index.js

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

package/dist/components/data/td-skeleton/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data/td-skeleton/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,uCAAuC,CAAA;AAC9C,OAAO,8BAA8B,CAAA"}

package/dist/components/data/td-skeleton/td-skeleton.class.d.ts

@@ -0,0 +1,9 @@
+import { Fragment, Ref } from '@type-dom/framework';
+import { ITdSkeleton, SkeletonProps } from './td-skeleton.interface';
+import './style/index';
+export declare class TdSkeleton extends Fragment<SkeletonProps> implements ITdSkeleton {
+    uiLoading?: Ref<boolean>;
+    constructor(params?: SkeletonProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-skeleton.class.d.ts.map

package/dist/components/data/td-skeleton/td-skeleton.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton/td-skeleton.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAIR,GAAG,EAGJ,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,eAAe,CAAC;AAEvB,qBAAa,UAAW,SAAQ,QAAQ,CAAC,aAAa,CAAE,YAAW,WAAW;IAC5E,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;gBACb,MAAM,GAAE,aAAkB;IAK7B,KAAK;CA4Cf"}

package/dist/components/data/td-skeleton/td-skeleton.class.js

@@ -0,0 +1,57 @@
+import { Fragment, Div, transformSlot, defaultProps, } from '@type-dom/framework';
+import { useNamespace } from '../../../hooks/use-namespace/index';
+import { useThrottleRender } from '../../../hooks/use-throttle-render';
+import { TdSkeletonItem } from '../td-skeleton-item/td-skeleton-item.class';
+import { skeletonProps } from './td-skeleton.const';
+import './style/index';
+export class TdSkeleton extends Fragment {
+    uiLoading;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, skeletonProps);
+        // console.warn('TdSkeleton constructor . ');
+    }
+    setup() {
+        // console.warn('TdSkeleton setup . ');
+        const props = this.props;
+        const ns = useNamespace('skeleton');
+        const uiLoading = useThrottleRender(props.loading, props.throttle);
+        // console.warn('uiLoading is ', uiLoading);
+        /** @description loading state */
+        this.uiLoading = uiLoading;
+        transformSlot(this, () => {
+            if (uiLoading.get()) {
+                // console.warn('props.rows is ', props.rows);
+                return new Div({
+                    // 对齐 Element Plus：skeleton.vue 第 3 行加载态根 div v-bind="$attrs"
+                    class: [ns.b(), ns.is('animated', props.animated), props.class],
+                    styleObj: props.styleObj,
+                    //   bind: $attrs
+                    slot: new Fragment({
+                        vFor: { data: props.count, toParams: () => ({
+                                slot: props.slots?.template ?? [
+                                    new TdSkeletonItem({
+                                        class: ns.is('first'),
+                                        variant: 'p'
+                                    }),
+                                    new TdSkeletonItem({
+                                        vFor: { data: (props.rows), toParams: (item) => ({
+                                                class: [
+                                                    ns.e('paragraph'),
+                                                    ns.is('last', item === props.rows && props.rows > 1),
+                                                ],
+                                                variant: 'p'
+                                            }) },
+                                    }),
+                                ]
+                            }) },
+                    })
+                });
+            }
+            else {
+                return props.slot;
+            }
+        });
+    }
+}
+//# sourceMappingURL=td-skeleton.class.js.map

package/dist/components/data/td-skeleton/td-skeleton.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton.class.js","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton/td-skeleton.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,GAAG,EAGH,aAAa,EACb,YAAY,GACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,UAAW,SAAQ,QAAuB;IACrD,SAAS,CAAgB;IACzB,YAAY,SAAwB,EAAE;QACpC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QAClC,6CAA6C;IAC/C,CAAC;IACQ,KAAK;QACZ,uCAAuC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;QACpC,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QACpE,4CAA4C;QAE5C,iCAAiC;QACjC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE;YACvB,IAAI,SAAS,CAAC,GAAG,EAAE,EAAE,CAAC;gBACpB,8CAA8C;gBAC9C,OAAO,IAAI,GAAG,CAAC;oBACb,6DAA6D;oBAC7D,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;oBAC/D,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBAC1B,iBAAiB;oBACf,IAAI,EAAE,IAAI,QAAQ,CAAC;wBACjB,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;gCACxC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,IAAI;oCAC7B,IAAI,cAAc,CAAC;wCACjB,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC;wCACrB,OAAO,EAAE,GAAG;qCACb,CAAC;oCACF,IAAI,cAAc,CAAC;wCACjB,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC;gDAClD,KAAK,EAAE;oDACL,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;oDACjB,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAK,GAAG,CAAC,CAAC;iDACtD;gDACD,OAAO,EAAE,GAAG;6CACb,CAAC,EAAE;qCACP,CAAC;iCACH;6BACF,CAAC,EAAE;qBACP,CAAC;iBACH,CAAC,CAAA;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,KAAK,CAAC,IAAc,CAAC;YAC9B,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;CACF"}

package/dist/components/data/td-skeleton/td-skeleton.const.d.ts

@@ -0,0 +1,3 @@
+import type { SkeletonProps } from './td-skeleton.interface';
+export declare const skeletonProps: SkeletonProps;
+//# sourceMappingURL=td-skeleton.const.d.ts.map

package/dist/components/data/td-skeleton/td-skeleton.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton.const.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton/td-skeleton.const.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,aAAa,EAAE,aAK3B,CAAA"}

package/dist/components/data/td-skeleton/td-skeleton.const.js

@@ -0,0 +1,8 @@
+import { signal } from '@type-dom/signals';
+export const skeletonProps = {
+    animated: false,
+    count: 1,
+    rows: 3,
+    loading: signal(true),
+};
+//# sourceMappingURL=td-skeleton.const.js.map

package/dist/components/data/td-skeleton/td-skeleton.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton.const.js","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton/td-skeleton.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,MAAM,CAAC,MAAM,aAAa,GAAkB;IAC1C,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC;CACtB,CAAA"}

package/dist/components/data/td-skeleton/td-skeleton.interface.d.ts

@@ -0,0 +1,31 @@
+import { IFragment, FragmentProps, Ref } from '@type-dom/framework';
+import { ThrottleType } from '../../../hooks/use-throttle-render';
+export interface ITdSkeleton extends IFragment {
+}
+export interface SkeletonProps extends FragmentProps {
+    /**
+     * @description whether showing the animation
+     *     default: false,
+     */
+    animated?: boolean;
+    /**
+     * @description how many fake items to render to the DOM
+     *     default: 1,
+     */
+    count?: number;
+    /**
+     * @description whether showing the real DOM
+     *     default: 3,
+     */
+    rows?: number;
+    /**
+     * @description numbers of the row, only useful when no template slot were given
+     *     default: true,
+     */
+    loading?: Ref<boolean>;
+    /**
+     * @description rendering delay in milliseconds
+     */
+    throttle?: ThrottleType;
+}
+//# sourceMappingURL=td-skeleton.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton/td-skeleton.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,MAAM,WAAW,WAAY,SAAQ,SAAS;CAC7C;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB"}

package/dist/components/data/td-skeleton/td-skeleton.interface.js

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

package/dist/components/data/td-skeleton/td-skeleton.interface.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-skeleton-item/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,8CAA8C,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/data/td-skeleton-item/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,8CAA8C,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-skeleton-item/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAA;AAC1C,OAAO,4CAA4C,CAAA"}

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

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

package/dist/components/data/td-skeleton-item/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data/td-skeleton-item/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAA;AAC1C,OAAO,4CAA4C,CAAA"}

package/dist/components/data/td-skeleton-item/td-skeleton-item.class.d.ts

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

package/dist/components/data/td-skeleton-item/td-skeleton-item.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton-item.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton-item/td-skeleton-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAGJ,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAElF,OAAO,eAAe,CAAC;AAEvB,qBAAa,cAAe,SAAQ,GAAG,CAAC,iBAAiB,CAAE,YAAW,eAAe;gBACvE,MAAM,GAAE,iBAAsB;IAKjC,KAAK;CAQf"}

package/dist/components/data/td-skeleton-item/td-skeleton-item.class.js

@@ -0,0 +1,20 @@
+import { Div, addAttrClass, defaultProps, } from '@type-dom/framework';
+import { ElPictureFilledSvg } from '@type-dom/svgs';
+import { useNamespace } from '../../../hooks/use-namespace/index';
+import { skeletonItemProps } from './td-skeleton-item.const';
+import './style/index';
+export class TdSkeletonItem extends Div {
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, skeletonItemProps);
+    }
+    setup() {
+        const props = this.props;
+        const ns = useNamespace('skeleton');
+        addAttrClass(this, [ns.e('item'), ns.e(props.variant)]);
+        if (props.variant === 'image') {
+            this.addChildren(new ElPictureFilledSvg());
+        }
+    }
+}
+//# sourceMappingURL=td-skeleton-item.class.js.map

package/dist/components/data/td-skeleton-item/td-skeleton-item.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton-item.class.js","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton-item/td-skeleton-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,cAAe,SAAQ,GAAsB;IACxD,YAAY,SAA4B,EAAE;QACxC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,YAAY,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;IACxC,CAAC;IAEQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;QACnC,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACxD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,kBAAkB,EAAE,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;CACF"}

package/dist/components/data/td-skeleton-item/td-skeleton-item.const.d.ts

@@ -0,0 +1,3 @@
+import type { SkeletonItemProps } from './td-skeleton-item.interface';
+export declare const skeletonItemProps: SkeletonItemProps;
+//# sourceMappingURL=td-skeleton-item.const.d.ts.map

package/dist/components/data/td-skeleton-item/td-skeleton-item.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton-item.const.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton-item/td-skeleton-item.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAA"}

package/dist/components/data/td-skeleton-item/td-skeleton-item.const.js

@@ -0,0 +1,4 @@
+export const skeletonItemProps = {
+    variant: 'text',
+};
+//# sourceMappingURL=td-skeleton-item.const.js.map

package/dist/components/data/td-skeleton-item/td-skeleton-item.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton-item.const.js","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton-item/td-skeleton-item.const.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,iBAAiB,GAAsB;IAClD,OAAO,EAAE,MAAM;CAChB,CAAA"}

package/dist/components/data/td-skeleton-item/td-skeleton-item.interface.d.ts

@@ -0,0 +1,11 @@
+import { IDiv, DivProps } from '@type-dom/framework';
+export interface ITdSkeletonItem extends IDiv {
+}
+export interface SkeletonItemProps extends DivProps {
+    /**
+     * @description the current rendering skeleton type
+     *     default: 'text',
+     */
+    variant?: 'circle' | 'rect' | 'h1' | 'h3' | 'text' | 'caption' | 'p' | 'image' | 'button';
+}
+//# sourceMappingURL=td-skeleton-item.interface.d.ts.map

package/dist/components/data/td-skeleton-item/td-skeleton-item.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-skeleton-item.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-skeleton-item/td-skeleton-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,eAAgB,SAAQ,IAAI;CAC5C;AACD,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC3F"}

package/dist/components/data/td-skeleton-item/td-skeleton-item.interface.js

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