naive-ui 2.41.1 → 2.43.0

package/es/progress/src/Circle.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, h } from 'vue';
+import { hash } from 'css-render';
+import { computed, defineComponent, h } from 'vue';
 import { NBaseIcon } from "../../_internal/index.mjs";
 import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from "../../_internal/icons/index.mjs";
 const iconMap = {
@@ -55,6 +56,16 @@ export default defineComponent({
   setup(props, {
     slots
   }) {
+    const gradientIdRef = computed(() => {
+      const base = 'gradient';
+      const {
+        fillColor
+      } = props;
+      if (typeof fillColor === 'object') {
+        return `${base}-${hash(JSON.stringify(fillColor))}`;
+      }
+      return base;
+    });
     function getPathStyles(percent, offsetDegree, strokeColor, type) {
       const {
         gapDegree,
@@ -72,7 +83,7 @@ export default defineComponent({
       a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`;
       const len = Math.PI * 2 * radius;
       const pathStyle = {
-        stroke: type === 'rail' ? strokeColor : typeof props.fillColor === 'object' ? 'url(#gradient)' : strokeColor,
+        stroke: type === 'rail' ? strokeColor : typeof props.fillColor === 'object' ? `url(#${gradientIdRef.value})` : strokeColor,
         strokeDasharray: `${percent / 100 * (len - gapDegree)}px ${viewBoxWidth * 8}px`,
         strokeDashoffset: `-${gapDegree / 2}px`,
         transformOrigin: offsetDegree ? 'center' : undefined,
@@ -88,7 +99,7 @@ export default defineComponent({
       const from = isGradient ? props.fillColor.stops[0] : '';
       const to = isGradient ? props.fillColor.stops[1] : '';
       return isGradient && h("defs", null, h("linearGradient", {
-        id: "gradient",
+        id: gradientIdRef.value,
         x1: "0%",
         y1: "100%",
         x2: "100%",

package/es/progress/src/Progress.d.ts

@@ -383,8 +383,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly type: "circle" | "line" | "multiple-circle" | "dashboard";
     readonly status: ProgressStatus;
     readonly strokeWidth: number;
-    readonly unit: string;
     readonly processing: boolean;
+    readonly unit: string;
     readonly viewBoxWidth: number;
     readonly showIndicator: boolean;
     readonly indicatorPosition: "inside" | "outside";

package/es/radio/src/Radio.mjs

@@ -88,7 +88,11 @@ export default defineComponent({
     return h("label", {
       class: [`${mergedClsPrefix}-radio`, this.themeClass, this.rtlEnabled && `${mergedClsPrefix}-radio--rtl`, this.mergedDisabled && `${mergedClsPrefix}-radio--disabled`, this.renderSafeChecked && `${mergedClsPrefix}-radio--checked`, this.focus && `${mergedClsPrefix}-radio--focus`],
       style: this.cssVars
-    }, h("input", {
+    }, h("div", {
+      class: `${mergedClsPrefix}-radio__dot-wrapper`
+    }, "\u00A0", h("div", {
+      class: [`${mergedClsPrefix}-radio__dot`, this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`]
+    }), h("input", {
       ref: "inputRef",
       type: "radio",
       class: `${mergedClsPrefix}-radio-input`,
@@ -99,10 +103,6 @@ export default defineComponent({
       onChange: this.handleRadioInputChange,
       onFocus: this.handleRadioInputFocus,
       onBlur: this.handleRadioInputBlur
-    }), h("div", {
-      class: `${mergedClsPrefix}-radio__dot-wrapper`
-    }, "\u00A0", h("div", {
-      class: [`${mergedClsPrefix}-radio__dot`, this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`]
     })), resolveWrappedSlot($slots.default, children => {
       if (!children && !label) return null;
       return h("div", {

package/es/radio/src/RadioButton.d.ts

@@ -33,9 +33,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly size?: "small" | "medium" | "large" | undefined;
     readonly disabled?: boolean | undefined;
     readonly checked?: boolean | undefined;
+    readonly checkedValue?: boolean | undefined;
     readonly 'onUpdate:checked'?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
     readonly onUpdateChecked?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    readonly checkedValue?: boolean | undefined;
 }, import("./use-radio").UseRadio, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     readonly value: string | number | boolean;
     readonly defaultChecked: boolean;
@@ -44,9 +44,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly size?: "small" | "medium" | "large" | undefined;
     readonly disabled?: boolean | undefined;
     readonly checked?: boolean | undefined;
+    readonly checkedValue?: boolean | undefined;
     readonly 'onUpdate:checked'?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
     readonly onUpdateChecked?: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    readonly checkedValue?: boolean | undefined;
 }> & Readonly<{}>, {
     readonly value: string | number | boolean;
     readonly disabled: boolean | undefined;

package/es/radio/src/styles/radio.cssr.mjs

@@ -38,14 +38,10 @@ export default cB('radio', `
  `), cB('radio-input', `
  position: absolute;
  border: 0;
- border-radius: inherit;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
+ width: 0;
+ height: 0;
  opacity: 0;
- z-index: 1;
- cursor: pointer;
+ margin: 0;
  `), cE('dot', `
  position: absolute;
  top: 50%;

package/es/rate/src/Rate.d.ts

@@ -150,7 +150,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly size: number | "small" | "medium" | "large";
     readonly clearable: boolean;
     readonly defaultValue: number | null;
-    readonly count: number;
     readonly allowHalf: boolean;
+    readonly count: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/result/src/Result.d.ts

@@ -291,6 +291,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     size: "small" | "medium" | "large" | "huge";
-    status: "error" | "500" | "info" | "success" | "warning" | "404" | "403" | "418";
+    status: "error" | "500" | "info" | "warning" | "success" | "404" | "403" | "418";
 }, SlotsType<ResultSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/select/src/Select.d.ts

@@ -200,7 +200,20 @@ export declare const selectProps: {
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -341,7 +354,20 @@ export declare const selectProps: {
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -482,7 +508,20 @@ export declare const selectProps: {
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -753,7 +792,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -894,7 +946,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -1035,7 +1100,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -1255,7 +1333,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     arrowOffsetVertical: string;
                     arrowHeight: string;
                     padding: string;
-                }, any>;
+                }, {
+                    Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>;
+                }>;
             }>;
             InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
                 optionFontSizeTiny: string;
@@ -1341,7 +1432,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         arrowOffsetVertical: string;
                         arrowHeight: string;
                         padding: string;
-                    }, any>> | undefined;
+                    }, {
+                        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                            height: string;
+                            width: string;
+                            borderRadius: string;
+                            color: string;
+                            colorHover: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
+                            railColor: string;
+                        }, any>;
+                    }>> | undefined;
                 } | undefined;
             } | undefined;
             InternalSelectMenu?: {
@@ -1578,7 +1682,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -1719,7 +1836,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -1860,7 +1990,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         }>;
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
             optionFontSizeTiny: string;
@@ -1939,25 +2082,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly multiple: boolean;
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
+    readonly clearable: boolean;
+    readonly defaultValue: Value | null;
     readonly placement: FollowerPlacement;
-    readonly labelField: string;
-    readonly showCheckmark: boolean;
-    readonly virtualScroll: boolean;
-    readonly valueField: string;
-    readonly resetMenuOnOptionsChange: boolean;
+    readonly keyboard: boolean;
     readonly showArrow: boolean;
     readonly displayDirective: "show" | "if";
     readonly filterable: boolean;
-    readonly clearable: boolean;
-    readonly ignoreComposition: boolean;
     readonly clearFilterAfterSelect: boolean;
-    readonly defaultValue: Value | null;
-    readonly keyboard: boolean;
     readonly remote: boolean;
+    readonly virtualScroll: boolean;
+    readonly valueField: string;
+    readonly labelField: string;
+    readonly childrenField: string;
     readonly widthMode: string;
     readonly fallbackOption: false | SelectFallbackOption | undefined;
     readonly consistentMenuWidth: boolean;
-    readonly childrenField: string;
+    readonly ignoreComposition: boolean;
     readonly showOnFocus: boolean;
+    readonly resetMenuOnOptionsChange: boolean;
+    readonly showCheckmark: boolean;
 }, SlotsType<SelectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/select/styles/light.d.ts

@@ -73,7 +73,20 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>;
     InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeTiny: string;

package/es/styles.d.ts

@@ -53,7 +53,7 @@ export { notificationDark } from './notification/styles';
 export { pageHeaderRtl as unstablePageHeaderRtl } from './page-header/styles';
 export { paginationDark, paginationRtl as unstablePaginationRtl } from './pagination/styles';
 export { popconfirmDark } from './popconfirm/styles';
-export { popoverDark } from './popover/styles';
+export { popoverDark, popoverRtl as unstablePopoverRtl } from './popover/styles';
 export { popselectDark } from './popselect/styles';
 export { progressDark } from './progress/styles';
 export { radioDark, radioRtl as unstableRadioRtl } from './radio/styles';
@@ -74,8 +74,8 @@ export { timePickerDark } from './time-picker/styles';
 export { timelineDark } from './timeline/styles';
 export { tooltipDark } from './tooltip/styles';
 export { transferDark } from './transfer/styles';
-export { treeSelectDark } from './tree-select/styles';
+export { treeSelectDark, treeSelectRtl as unstableTreeSelectRtl } from './tree-select/styles';
 export { treeDark, treeRtl as unstableTreeRtl } from './tree/styles';
 export { typographyDark } from './typography/styles';
-export { uploadDark } from './upload/styles';
+export { uploadRtl as unstableUploadsRtl, uploadDark } from './upload/styles';
 export { watermarkDark } from './watermark/styles';

package/es/styles.mjs

@@ -54,7 +54,7 @@ export { notificationDark } from "./notification/styles/index.mjs";
 export { pageHeaderRtl as unstablePageHeaderRtl } from "./page-header/styles/index.mjs";
 export { paginationDark, paginationRtl as unstablePaginationRtl } from "./pagination/styles/index.mjs";
 export { popconfirmDark } from "./popconfirm/styles/index.mjs";
-export { popoverDark } from "./popover/styles/index.mjs";
+export { popoverDark, popoverRtl as unstablePopoverRtl } from "./popover/styles/index.mjs";
 export { popselectDark } from "./popselect/styles/index.mjs";
 export { progressDark } from "./progress/styles/index.mjs";
 export { radioDark, radioRtl as unstableRadioRtl } from "./radio/styles/index.mjs";
@@ -75,8 +75,8 @@ export { timePickerDark } from "./time-picker/styles/index.mjs";
 export { timelineDark } from "./timeline/styles/index.mjs";
 export { tooltipDark } from "./tooltip/styles/index.mjs";
 export { transferDark } from "./transfer/styles/index.mjs";
-export { treeSelectDark } from "./tree-select/styles/index.mjs";
+export { treeSelectDark, treeSelectRtl as unstableTreeSelectRtl } from "./tree-select/styles/index.mjs";
 export { treeDark, treeRtl as unstableTreeRtl } from "./tree/styles/index.mjs";
 export { typographyDark } from "./typography/styles/index.mjs";
-export { uploadDark } from "./upload/styles/index.mjs";
+export { uploadRtl as unstableUploadsRtl, uploadDark } from "./upload/styles/index.mjs";
 export { watermarkDark } from "./watermark/styles/index.mjs";

package/es/tabs/src/Tab.d.ts

@@ -7,11 +7,11 @@ export declare const tabProps: {
     readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly disabled: BooleanConstructor;
     readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;
@@ -25,11 +25,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly disabled: BooleanConstructor;
     readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;
@@ -53,11 +53,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly label: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
     readonly disabled: BooleanConstructor;
     readonly tab: import("vue").PropType<string | number | import("vue").VNode | (() => import("vue").VNodeChild)>;
+    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly closable: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
     readonly internalCreatedByPane: BooleanConstructor;

package/es/tabs/src/Tabs.d.ts

@@ -1105,9 +1105,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     readonly type: TabsType;
     readonly size: "small" | "medium" | "large";
+    readonly closable: boolean;
     readonly placement: "left" | "right" | "top" | "bottom";
     readonly trigger: "click" | "hover";
-    readonly closable: boolean;
     readonly animated: boolean;
     readonly tabsPadding: number;
 }, SlotsType<TabsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/tabs/src/Tabs.mjs

@@ -1,4 +1,4 @@
-import { throttle } from 'lodash-es';
+import { throttle } from 'lodash';
 import { depx, getPadding } from 'seemly';
 import { onFontsReady, useCompitable, useMergedState } from 'vooks';
 import { cloneVNode, computed, defineComponent, h, nextTick, onMounted, provide, ref, toRef, TransitionGroup, vShow, watch, watchEffect, withDirectives } from 'vue';

package/es/tabs/src/styles/index.cssr.mjs

@@ -117,7 +117,7 @@ export default cB('tabs', `
  `, [cE('prefix, suffix', `
  display: flex;
  align-items: center;
- `), cE('prefix', 'padding-right: 16px;'), cE('suffix', 'padding-left: 16px;')]), cM('top, bottom', [cB('tabs-nav-scroll-wrapper', [c('&::before', `
+ `), cE('prefix', 'padding-right: 16px;'), cE('suffix', 'padding-left: 16px;')]), cM('top, bottom', [c('>', [cB('tabs-nav', [cB('tabs-nav-scroll-wrapper', [c('&::before', `
  top: 0;
  bottom: 0;
  left: 0;
@@ -131,9 +131,9 @@ export default cB('tabs', `
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
  `)]), cM('shadow-end', [c('&::after', `
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
- `)])])]), cM('left, right', [cB('tabs-nav-scroll-content', `
+ `)])])])])]), cM('left, right', [cB('tabs-nav-scroll-content', `
  flex-direction: column;
- `), cB('tabs-nav-scroll-wrapper', [c('&::before', `
+ `), c('>', [cB('tabs-nav', [cB('tabs-nav-scroll-wrapper', [c('&::before', `
  top: 0;
  left: 0;
  right: 0;
@@ -147,7 +147,7 @@ export default cB('tabs', `
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
  `)]), cM('shadow-end', [c('&::after', `
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
- `)])])]), cB('tabs-nav-scroll-wrapper', `
+ `)])])])])]), cB('tabs-nav-scroll-wrapper', `
  flex: 1;
  position: relative;
  overflow: hidden;

package/es/tag/src/Tag.d.ts

@@ -970,7 +970,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         closeMargin: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    type: "error" | "default" | "primary" | "info" | "success" | "warning";
+    type: "error" | "default" | "info" | "warning" | "success" | "primary";
     size: "small" | "medium" | "large" | "tiny";
     disabled: boolean | undefined;
     strong: boolean;

package/es/theme-editor/src/ThemeEditor.mjs

@@ -1,4 +1,4 @@
-import { cloneDeep, merge } from 'lodash-es';
+import { cloneDeep, merge } from 'lodash';
 import { computed, defineComponent, Fragment, h, inject, ref, toRaw, watch } from 'vue';
 import { useLocale } from "../../_mixins/index.mjs";
 import { download, lockHtmlScrollRightCompensationRef } from "../../_utils/index.mjs";

package/es/themes/dark.mjs

@@ -36,6 +36,7 @@ import { floatButtonGroupDark } from "../float-button-group/styles/index.mjs";
 import { floatButtonDark } from "../float-button/styles/index.mjs";
 import { formDark } from "../form/styles/index.mjs";
 import { gradientTextDark } from "../gradient-text/styles/index.mjs";
+import { heatmapDark } from "../heatmap/styles/index.mjs";
 import { iconWrapperDark } from "../icon-wrapper/styles/index.mjs";
 import { iconDark } from "../icon/styles/index.mjs";
 import { imageDark } from "../image/styles/index.mjs";
@@ -124,6 +125,7 @@ export const darkTheme = {
   Flex: flexDark,
   Form: formDark,
   GradientText: gradientTextDark,
+  Heatmap: heatmapDark,
   Icon: iconDark,
   IconWrapper: iconWrapperDark,
   Image: imageDark,

package/es/themes/light.mjs

@@ -39,6 +39,7 @@ import { floatButtonGroupLight } from "../float-button-group/styles/index.mjs";
 import { floatButtonLight } from "../float-button/styles/index.mjs";
 import { formLight } from "../form/styles/index.mjs";
 import { gradientTextLight } from "../gradient-text/styles/index.mjs";
+import { heatmapLight } from "../heatmap/styles/index.mjs";
 import { iconWrapperLight } from "../icon-wrapper/styles/index.mjs";
 import { iconLight } from "../icon/styles/index.mjs";
 import { imageLight } from "../image/styles/index.mjs";
@@ -127,6 +128,7 @@ export const lightTheme = {
   Flex: flexLight,
   Form: formLight,
   GradientText: gradientTextLight,
+  Heatmap: heatmapLight,
   Icon: iconLight,
   IconWrapper: iconWrapperLight,
   Image: imageLight,