@uzum-tech/ui 1.9.0 → 1.10.0

package/lib/date-picker/src/panel/use-dual-calendar.d.ts

@@ -796,6 +796,129 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
                 railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
+            Select: import("../../../_mixins").Theme<"InternalSelection", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSizeTiny: string;
+                clearSizeSmall: string;
+                clearSizeMedium: string;
+                clearSizeLarge: string;
+                clearSizeHuge: string;
+                arrowSizeTiny: string;
+                arrowSizeSmall: string;
+                arrowSizeMedium: string;
+                arrowSizeLarge: string;
+                arrowSizeHuge: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeightTiny: string;
+                lineHeightSmall: string;
+                lineHeightMedium: string;
+                lineHeightLarge: string;
+                lineHeightHuge: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                heightHuge: string;
+                borderRadiusTiny: string;
+                borderRadiusSmall: string;
+                borderRadiusMedium: string;
+                borderRadiusLarge: string;
+                borderRadiusHuge: string;
+                textColor: string;
+                textColorDisabled: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                color: string;
+                colorFilled: string;
+                colorDisabled: string;
+                colorActive: string;
+                border: string;
+                borderFilled: string;
+                borderHover: string;
+                borderActive: string;
+                borderFocus: string;
+                borderDisabled: string;
+                boxShadowHover: string;
+                boxShadowActive: string;
+                boxShadowFocus: string;
+                caretColor: string;
+                arrowColor: string;
+                arrowColorHover: string;
+                arrowColorDisabled: string;
+                loadingColor: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                borderActiveWarning: string;
+                borderFocusWarning: string;
+                boxShadowHoverWarning: string;
+                boxShadowActiveWarning: string;
+                boxShadowFocusWarning: string;
+                colorActiveWarning: string;
+                caretColorWarning: string;
+                borderError: string;
+                borderHoverError: string;
+                borderActiveError: string;
+                borderFocusError: string;
+                boxShadowHoverError: string;
+                boxShadowActiveError: string;
+                boxShadowFocusError: string;
+                colorActiveError: string;
+                caretColorError: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                caretColorSecondary: string;
+                filterCounterTextColor: string;
+                filterCounterTextColorDisabled: string;
+                arrowColorSecondary: string;
+                clearColorSecondary: string;
+                colorSecondary: string;
+                textColorSecondary: string;
+                borderSecondary: string;
+                arrowColorDisabledSecondary: string;
+                clearColorDisabledSecondary: string;
+                colorDisabledSecondary: string;
+                textColorDisabledSecondary: string;
+                borderDisabledSecondary: string;
+                arrowColorHoverSecondary: string;
+                clearColorHoverSecondary: string;
+                colorHoverSecondary: string;
+                textColorHoverSecondary: string;
+                borderHoverSecondary: string;
+                arrowColorFocusSecondary: string;
+                clearColorFocusSecondary: string;
+                colorFocusSecondary: string;
+                textColorFocusSecondary: string;
+                borderFocusSecondary: string;
+                arrowColorActiveSecondary: string;
+                clearColorActiveSecondary: string;
+                colorActiveSecondary: string;
+                textColorActiveSecondary: string;
+                borderActiveSecondary: string;
+            }, {
+                Popover: import("../../../_mixins").Theme<"Popover", {
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Input?: {
@@ -1112,6 +1235,24 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            Select?: {
+                peers?: {
+                    Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string>;

package/lib/date-picker/src/panel/use-panel-common.d.ts

@@ -740,6 +740,129 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
                 railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
+            Select: import("../../../_mixins").Theme<"InternalSelection", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSizeTiny: string;
+                clearSizeSmall: string;
+                clearSizeMedium: string;
+                clearSizeLarge: string;
+                clearSizeHuge: string;
+                arrowSizeTiny: string;
+                arrowSizeSmall: string;
+                arrowSizeMedium: string;
+                arrowSizeLarge: string;
+                arrowSizeHuge: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeightTiny: string;
+                lineHeightSmall: string;
+                lineHeightMedium: string;
+                lineHeightLarge: string;
+                lineHeightHuge: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                heightHuge: string;
+                borderRadiusTiny: string;
+                borderRadiusSmall: string;
+                borderRadiusMedium: string;
+                borderRadiusLarge: string;
+                borderRadiusHuge: string;
+                textColor: string;
+                textColorDisabled: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                color: string;
+                colorFilled: string;
+                colorDisabled: string;
+                colorActive: string;
+                border: string;
+                borderFilled: string;
+                borderHover: string;
+                borderActive: string;
+                borderFocus: string;
+                borderDisabled: string;
+                boxShadowHover: string;
+                boxShadowActive: string;
+                boxShadowFocus: string;
+                caretColor: string;
+                arrowColor: string;
+                arrowColorHover: string;
+                arrowColorDisabled: string;
+                loadingColor: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                borderActiveWarning: string;
+                borderFocusWarning: string;
+                boxShadowHoverWarning: string;
+                boxShadowActiveWarning: string;
+                boxShadowFocusWarning: string;
+                colorActiveWarning: string;
+                caretColorWarning: string;
+                borderError: string;
+                borderHoverError: string;
+                borderActiveError: string;
+                borderFocusError: string;
+                boxShadowHoverError: string;
+                boxShadowActiveError: string;
+                boxShadowFocusError: string;
+                colorActiveError: string;
+                caretColorError: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                caretColorSecondary: string;
+                filterCounterTextColor: string;
+                filterCounterTextColorDisabled: string;
+                arrowColorSecondary: string;
+                clearColorSecondary: string;
+                colorSecondary: string;
+                textColorSecondary: string;
+                borderSecondary: string;
+                arrowColorDisabledSecondary: string;
+                clearColorDisabledSecondary: string;
+                colorDisabledSecondary: string;
+                textColorDisabledSecondary: string;
+                borderDisabledSecondary: string;
+                arrowColorHoverSecondary: string;
+                clearColorHoverSecondary: string;
+                colorHoverSecondary: string;
+                textColorHoverSecondary: string;
+                borderHoverSecondary: string;
+                arrowColorFocusSecondary: string;
+                clearColorFocusSecondary: string;
+                colorFocusSecondary: string;
+                textColorFocusSecondary: string;
+                borderFocusSecondary: string;
+                arrowColorActiveSecondary: string;
+                clearColorActiveSecondary: string;
+                colorActiveSecondary: string;
+                textColorActiveSecondary: string;
+                borderActiveSecondary: string;
+            }, {
+                Popover: import("../../../_mixins").Theme<"Popover", {
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Input?: {
@@ -1056,6 +1179,24 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
                     [x: string]: any;
                 } | undefined;
             } | undefined;
+            Select?: {
+                peers?: {
+                    Popover?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popover", {
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                    }, any>> | undefined;
+                } | undefined;
+            } | undefined;
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string>;

package/lib/date-picker/styles/dark.js

@@ -6,6 +6,7 @@ const styles_2 = require("../../button/styles");
 const styles_3 = require("../../time-picker/styles");
 const styles_4 = require("../../_internal/scrollbar/styles");
 const light_1 = require("./light");
+const styles_5 = require("../../_internal/selection/styles");
 const datePickerDark = {
     name: 'DatePicker',
     common: common_1.commonDark,
@@ -13,7 +14,8 @@ const datePickerDark = {
         Input: styles_1.inputDark,
         Button: styles_2.buttonDark,
         TimePicker: styles_3.timePickerDark,
-        Scrollbar: styles_4.scrollbarDark
+        Scrollbar: styles_4.scrollbarDark,
+        Select: styles_5.internalSelectionDark
     },
     self: light_1.self
 };

package/lib/date-picker/styles/light.d.ts

@@ -807,6 +807,129 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
         railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
+    Select: import("../../_mixins").Theme<"InternalSelection", {
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        paddingHuge: string;
+        clearSizeTiny: string;
+        clearSizeSmall: string;
+        clearSizeMedium: string;
+        clearSizeLarge: string;
+        clearSizeHuge: string;
+        arrowSizeTiny: string;
+        arrowSizeSmall: string;
+        arrowSizeMedium: string;
+        arrowSizeLarge: string;
+        arrowSizeHuge: string;
+        fontSizeTiny: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        lineHeightTiny: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        lineHeightHuge: string;
+        heightTiny: string;
+        heightSmall: string;
+        heightMedium: string;
+        heightLarge: string;
+        heightHuge: string;
+        borderRadiusTiny: string;
+        borderRadiusSmall: string;
+        borderRadiusMedium: string;
+        borderRadiusLarge: string;
+        borderRadiusHuge: string;
+        textColor: string;
+        textColorDisabled: string;
+        placeholderColor: string;
+        placeholderColorDisabled: string;
+        color: string;
+        colorFilled: string;
+        colorDisabled: string;
+        colorActive: string;
+        border: string;
+        borderFilled: string;
+        borderHover: string;
+        borderActive: string;
+        borderFocus: string;
+        borderDisabled: string;
+        boxShadowHover: string;
+        boxShadowActive: string;
+        boxShadowFocus: string;
+        caretColor: string;
+        arrowColor: string;
+        arrowColorHover: string;
+        arrowColorDisabled: string;
+        loadingColor: string;
+        borderWarning: string;
+        borderHoverWarning: string;
+        borderActiveWarning: string;
+        borderFocusWarning: string;
+        boxShadowHoverWarning: string;
+        boxShadowActiveWarning: string;
+        boxShadowFocusWarning: string;
+        colorActiveWarning: string;
+        caretColorWarning: string;
+        borderError: string;
+        borderHoverError: string;
+        borderActiveError: string;
+        borderFocusError: string;
+        boxShadowHoverError: string;
+        boxShadowActiveError: string;
+        boxShadowFocusError: string;
+        colorActiveError: string;
+        caretColorError: string;
+        clearColor: string;
+        clearColorHover: string;
+        clearColorPressed: string;
+        caretColorSecondary: string;
+        filterCounterTextColor: string;
+        filterCounterTextColorDisabled: string;
+        arrowColorSecondary: string;
+        clearColorSecondary: string;
+        colorSecondary: string;
+        textColorSecondary: string;
+        borderSecondary: string;
+        arrowColorDisabledSecondary: string;
+        clearColorDisabledSecondary: string;
+        colorDisabledSecondary: string;
+        textColorDisabledSecondary: string;
+        borderDisabledSecondary: string;
+        arrowColorHoverSecondary: string;
+        clearColorHoverSecondary: string;
+        colorHoverSecondary: string;
+        textColorHoverSecondary: string;
+        borderHoverSecondary: string;
+        arrowColorFocusSecondary: string;
+        clearColorFocusSecondary: string;
+        colorFocusSecondary: string;
+        textColorFocusSecondary: string;
+        borderFocusSecondary: string;
+        arrowColorActiveSecondary: string;
+        clearColorActiveSecondary: string;
+        colorActiveSecondary: string;
+        textColorActiveSecondary: string;
+        borderActiveSecondary: string;
+    }, {
+        Popover: import("../../_mixins").Theme<"Popover", {
+            space: string;
+            spaceArrow: string;
+            arrowOffset: string;
+            arrowOffsetVertical: string;
+            arrowHeight: string;
+            padding: string;
+            fontSize: string;
+            borderRadius: string;
+            color: string;
+            dividerColor: string;
+            textColor: string;
+            boxShadow: string;
+        }, any>;
+    }>;
 }>;
 export default datePickerLight;
 export type DatePickerTheme = typeof datePickerLight;

package/lib/date-picker/styles/light.js

@@ -11,6 +11,7 @@ const styles_3 = require("../../time-picker/styles");
 const styles_4 = require("../../_internal/scrollbar/styles");
 const _common_1 = __importDefault(require("./_common"));
 const _mixins_1 = require("../../_mixins");
+const styles_5 = require("../../_internal/selection/styles");
 const self = (vars) => {
     const { iconMedium, fontWeightStrong, fontWeight, fontBodyMedium, fontBodyLarge, brandPrimary500, brandPrimary300, transparencySecondary, elementsSenary, textQuaternary, textSecondary, borderRadiusSmall, containerPrimary, elementsPrimary, textPrimary, elementsTertiary, elementsQuaternary, shadowDepth2, borderRadiusLarge } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { 
@@ -33,7 +34,8 @@ const datePickerLight = (0, _mixins_1.createTheme)({
         Input: styles_1.inputLight,
         Button: styles_2.buttonLight,
         TimePicker: styles_3.timePickerLight,
-        Scrollbar: styles_4.scrollbarLight
+        Scrollbar: styles_4.scrollbarLight,
+        Select: styles_5.internalSelectionLight
     },
     self: exports.self
 });

package/lib/descriptions/src/Descriptions.d.ts

@@ -1,6 +1,15 @@
 import { type PropType, type CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import { SkeletonProps } from '../../_internal/skeleton';
 export declare const descriptionsProps: {
+    readonly skeletonProps: {
+        readonly type: PropType<SkeletonProps>;
+        readonly default: () => {
+            width: string;
+            height: string;
+            round: boolean;
+        };
+    };
     readonly title: StringConstructor;
     readonly column: {
         readonly type: NumberConstructor;
@@ -24,6 +33,7 @@ export declare const descriptionsProps: {
         readonly default: "medium";
     };
     readonly bordered: BooleanConstructor;
+    readonly loadingSkeleton: BooleanConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
     readonly contentStyle: PropType<string | CSSProperties>;
     readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
@@ -127,6 +137,14 @@ export type DescriptionsProps = ExtractPublicPropTypes<typeof descriptionsProps>
 /** @deprecated You should use `DescriptionsProps` */
 export type DescriptionProps = DescriptionsProps;
 declare const _default: import("vue").DefineComponent<{
+    readonly skeletonProps: {
+        readonly type: PropType<SkeletonProps>;
+        readonly default: () => {
+            width: string;
+            height: string;
+            round: boolean;
+        };
+    };
     readonly title: StringConstructor;
     readonly column: {
         readonly type: NumberConstructor;
@@ -150,6 +168,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     readonly bordered: BooleanConstructor;
+    readonly loadingSkeleton: BooleanConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
     readonly contentStyle: PropType<string | CSSProperties>;
     readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
@@ -276,6 +295,14 @@ declare const _default: import("vue").DefineComponent<{
     compitableColumn: import("vue").ComputedRef<number>;
     inlineThemeDisabled: boolean | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly skeletonProps: {
+        readonly type: PropType<SkeletonProps>;
+        readonly default: () => {
+            width: string;
+            height: string;
+            round: boolean;
+        };
+    };
     readonly title: StringConstructor;
     readonly column: {
         readonly type: NumberConstructor;
@@ -299,6 +326,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     readonly bordered: BooleanConstructor;
+    readonly loadingSkeleton: BooleanConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
     readonly contentStyle: PropType<string | CSSProperties>;
     readonly theme: PropType<import("../../_mixins").Theme<"Descriptions", {
@@ -402,7 +430,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: "small" | "medium" | "large";
     readonly column: number;
     readonly separator: string;
+    readonly loadingSkeleton: boolean;
     readonly labelAlign: "left" | "right" | "center";
     readonly labelPlacement: "left" | "top";
+    readonly skeletonProps: SkeletonProps;
 }, {}>;
 export default _default;

package/lib/descriptions/src/Descriptions.js

@@ -12,7 +12,15 @@ const styles_1 = require("../styles");
 const utils_1 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const seemly_1 = require("seemly");
-exports.descriptionsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, column: {
+const _internal_1 = require("../../_internal");
+exports.descriptionsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { skeletonProps: {
+        type: Object,
+        default: () => ({
+            width: '50%',
+            height: '25px',
+            round: true
+        })
+    }, title: String, column: {
         type: Number,
         default: 3
     }, columns: Number, labelPlacement: {
@@ -27,7 +35,7 @@ exports.descriptionsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     }, size: {
         type: String,
         default: 'medium'
-    }, bordered: Boolean, labelStyle: [Object, String], contentStyle: [Object, String] });
+    }, bordered: Boolean, loadingSkeleton: Boolean, labelStyle: [Object, String], contentStyle: [Object, String] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Descriptions',
     props: exports.descriptionsProps,
@@ -82,7 +90,7 @@ exports.default = (0, vue_1.defineComponent)({
         const defaultSlots = this.$slots.default;
         const children = defaultSlots ? (0, _utils_1.flatten)(defaultSlots()) : [];
         const memorizedLength = children.length;
-        const { compitableColumn, labelPlacement, labelAlign, size, bordered, title, cssVars, mergedClsPrefix, separator, onRender } = this;
+        const { compitableColumn, labelPlacement, labelAlign, size, bordered, loadingSkeleton, skeletonProps, title, cssVars, mergedClsPrefix, separator, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         const filteredChildren = children.filter((child) => (0, utils_1.isDescriptionsItem)(child));
         if (process.env.NODE_ENV !== 'production' && memorizedLength !== filteredChildren.length) {
@@ -108,27 +116,27 @@ exports.default = (0, vue_1.defineComponent)({
             const contentStyle = props.contentStyle || props['content-style'] || this.contentStyle;
             if (labelPlacement === 'left') {
                 if (bordered) {
-                    state.row.push((0, vue_1.h)("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: 1, style: labelStyle }, itemLabel), (0, vue_1.h)("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: isLastIteration
+                    state.row.push((0, vue_1.h)("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: 1, style: labelStyle }, loadingSkeleton ? ((0, vue_1.h)(_internal_1.UBaseSkeleton, Object.assign({}, skeletonProps))) : (itemLabel)), (0, vue_1.h)("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: isLastIteration
                             ? (compitableColumn - memorizedSpan) * 2 + 1
-                            : itemSpan * 2 - 1, style: contentStyle }, itemChildren));
+                            : itemSpan * 2 - 1, style: contentStyle }, loadingSkeleton ? ((0, vue_1.h)(_internal_1.UBaseSkeleton, Object.assign({}, skeletonProps))) : (itemChildren)));
                 }
                 else {
                     state.row.push((0, vue_1.h)("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: isLastIteration
                             ? (compitableColumn - memorizedSpan) * 2
                             : itemSpan * 2 },
-                        (0, vue_1.h)("span", { class: `${mergedClsPrefix}-descriptions-table-content__label`, style: labelStyle }, [
+                        (0, vue_1.h)("span", { class: `${mergedClsPrefix}-descriptions-table-content__label`, style: labelStyle }, loadingSkeleton ? ((0, vue_1.h)(_internal_1.UBaseSkeleton, Object.assign({}, skeletonProps))) : ([
                             ...itemLabel,
                             separator && ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-descriptions-separator` }, separator))
-                        ]),
-                        (0, vue_1.h)("span", { class: `${mergedClsPrefix}-descriptions-table-content__content`, style: contentStyle }, itemChildren)));
+                        ])),
+                        (0, vue_1.h)("span", { class: `${mergedClsPrefix}-descriptions-table-content__content`, style: contentStyle }, loadingSkeleton ? ((0, vue_1.h)(_internal_1.UBaseSkeleton, Object.assign({}, skeletonProps))) : (itemChildren))));
                 }
             }
             else {
                 const colspan = isLastIteration
                     ? (compitableColumn - memorizedSpan) * 2
                     : itemSpan * 2;
-                state.row.push((0, vue_1.h)("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: colspan, style: labelStyle }, itemLabel));
-                state.secondRow.push((0, vue_1.h)("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: colspan, style: contentStyle }, itemChildren));
+                state.row.push((0, vue_1.h)("th", { class: `${mergedClsPrefix}-descriptions-table-header`, colspan: colspan, style: labelStyle }, loadingSkeleton ? (0, vue_1.h)(_internal_1.UBaseSkeleton, Object.assign({}, skeletonProps)) : itemLabel));
+                state.secondRow.push((0, vue_1.h)("td", { class: `${mergedClsPrefix}-descriptions-table-content`, colspan: colspan, style: contentStyle }, loadingSkeleton ? ((0, vue_1.h)(_internal_1.UBaseSkeleton, Object.assign({}, skeletonProps))) : (itemChildren)));
             }
             if (state.span >= compitableColumn || isLastIteration) {
                 state.span = 0;