naive-ui 2.33.4 → 2.34.0

package/es/button-group/src/styles/index.cssr.js

@@ -1,7 +1,6 @@
 import { c, cB, cM, cE, cNotM } from '../../../_utils/cssr/index';
 export const zero = '0!important';
 export const n1 = '-1px!important';
-
 function createLeftBorderStyle(type) {
   return cM(type + '-type', [c('& +', [cB('button', {}, [cM(type + '-type', [cE('border', {
     borderLeftWidth: zero
@@ -9,7 +8,6 @@ function createLeftBorderStyle(type) {
     left: n1
   })])])])]);
 }
-
 function createTopBorderStyle(type) {
   return cM(type + '-type', [c('& +', [cB('button', [cM(type + '-type', [cE('border', {
     borderTopWidth: zero
@@ -17,7 +15,6 @@ function createTopBorderStyle(type) {
     top: n1
   })])])])]);
 }
-
 export default cB('button-group', `
  flex-wrap: nowrap;
  display: inline-flex;

package/es/button-group/src/styles/rtl.cssr.js

@@ -1,6 +1,5 @@
 import { cB, cM, cE, cNotM, c } from '../../../_utils/cssr';
 import { zero, n1 } from './index.cssr';
-
 function createRightBorderStyle(type) {
   return cM(type + '-type', [c('& +', [cB('button', {}, [cM(type + '-type', [cE('border', {
     borderRightWidth: zero
@@ -8,7 +7,6 @@ function createRightBorderStyle(type) {
     left: n1
   })])])])]);
 }
-
 export default cB('button-group', [cNotM('vertical', [cM('rtl', `
  direction: rtl;
  `, [cB('button', [c('&:last-child:not(:first-child)', `

package/es/calendar/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { cB, cE, cM, c, insideModal, insidePopover } from '../../../_utils/cssr'; // vars:
+import { cB, cE, cM, c, insideModal, insidePopover } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-border-color
 // --n-border-color-modal
@@ -17,7 +18,6 @@ import { cB, cE, cM, c, insideModal, insidePopover } from '../../../_utils/cssr'
 // --n-cell-color-hover-modal
 // --n-cell-color-hover-popover
 // --n-bar-color
-
 export default c([cB('calendar', `
  line-height: var(--n-line-height);
  font-size: var(--n-font-size);

package/es/card/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { asModal, c, cB, cE, cM, insideModal, insidePopover } from '../../../_utils/cssr'; // vars:
+import { asModal, c, cB, cE, cM, insideModal, insidePopover } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-border-radius
 // --n-color
@@ -26,7 +27,6 @@ import { asModal, c, cB, cE, cM, insideModal, insidePopover } from '../../../_ut
 // --n-color-embedded
 // --n-color-embedded-modal
 // --n-color-embedded-popover
-
 export default c([cB('card', `
  font-size: var(--n-font-size);
  line-height: var(--n-line-height);
@@ -70,6 +70,7 @@ export default c([cB('card', `
  font-weight: var(--n-title-font-weight);
  transition: color .3s var(--n-bezier);
  flex: 1;
+ min-width: 0;
  color: var(--n-title-text-color);
  `), cE('extra', `
  display: flex;
@@ -90,7 +91,7 @@ export default c([cB('card', `
  border-color .3s var(--n-bezier);
  background-clip: padding-box;
  background-color: var(--n-action-color);
- `), cE('content', 'flex: 1;'), cE('content, footer', `
+ `), cE('content', 'flex: 1; min-width: 0;'), cE('content, footer', `
  box-sizing: border-box;
  padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
  font-size: var(--n-font-size);

package/es/carousel/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE, cM } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-dot-color
 // --n-dot-color-focus
@@ -7,7 +8,6 @@ import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
 // --n-dot-line-width
 // --n-dot-line-width-active
 // --n-arrow-color
-
 export default cB('carousel', `
  position: relative;
  width: 100%;

package/es/cascader/src/Cascader.d.ts

@@ -1749,6 +1749,14 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     focus: () => void;
     blur: () => void;
+    getCheckedData: () => {
+        keys: import("./interface").ValueAtom[];
+        options: (CascaderOption | null)[];
+    };
+    getIndeterminateData: () => {
+        keys: import("./interface").ValueAtom[];
+        options: (CascaderOption | null)[];
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly allowCheckingNotLoaded: BooleanConstructor;
     readonly to: {

package/es/cascader/src/Cascader.js

@@ -69,7 +69,7 @@ export const cascaderProps = Object.assign(Object.assign({}, useTheme.props), {
 export default defineComponent({
     name: 'Cascader',
     props: cascaderProps,
-    setup(props) {
+    setup(props, { slots }) {
         if (process.env.NODE_ENV !== 'production') {
             watchEffect(() => {
                 if (props.leafOnly) {
@@ -202,6 +202,10 @@ export default defineComponent({
         function updateHoverKey(key) {
             hoverKeyRef.value = key;
         }
+        function getOptionsByKeys(keys) {
+            const { value: { getNode } } = treeMateRef;
+            return keys.map((keys) => { var _a; return ((_a = getNode(keys)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
+        }
         function doCheck(key) {
             var _a;
             const { cascade, multiple, filterable } = props;
@@ -213,7 +217,7 @@ export default defineComponent({
                         checkStrategy: mergedCheckStrategyRef.value,
                         allowNotLoaded: props.allowCheckingNotLoaded
                     });
-                    doUpdateValue(checkedKeys, checkedKeys.map((checkedKey) => { var _a; return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; }), checkedKeys.map((checkedKey) => { var _a; return getRawNodePath((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
+                    doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys), checkedKeys.map((checkedKey) => { var _a; return getRawNodePath((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
                     if (filterable)
                         focusSelectionInput();
                     keyboardKeyRef.value = key;
@@ -694,7 +698,15 @@ export default defineComponent({
                 }
             }
         }
+        const showCheckboxRef = computed(() => {
+            if (props.multiple && props.cascade)
+                return true;
+            if (mergedCheckStrategyRef.value !== 'child')
+                return true;
+            return false;
+        });
         provide(cascaderInjectionKey, {
+            slots,
             mergedClsPrefixRef,
             mergedThemeRef: themeRef,
             mergedValueRef,
@@ -702,6 +714,7 @@ export default defineComponent({
             indeterminateKeysRef,
             hoverKeyPathRef,
             mergedCheckStrategyRef,
+            showCheckboxRef,
             cascadeRef: toRef(props, 'cascade'),
             multipleRef: toRef(props, 'multiple'),
             keyboardKeyRef,
@@ -737,6 +750,32 @@ export default defineComponent({
             blur: () => {
                 var _a;
                 (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            },
+            getCheckedData: () => {
+                if (showCheckboxRef.value) {
+                    const checkedKeys = checkedKeysRef.value;
+                    return {
+                        keys: checkedKeys,
+                        options: getOptionsByKeys(checkedKeys)
+                    };
+                }
+                return {
+                    keys: [],
+                    options: []
+                };
+            },
+            getIndeterminateData: () => {
+                if (showCheckboxRef.value) {
+                    const indeterminateKeys = indeterminateKeysRef.value;
+                    return {
+                        keys: indeterminateKeys,
+                        options: getOptionsByKeys(indeterminateKeys)
+                    };
+                }
+                return {
+                    keys: [],
+                    options: []
+                };
             }
         };
         const cssVarsRef = computed(() => {

package/es/cascader/src/CascaderOption.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     hoverPending: import("vue").ComputedRef<boolean>;
     keyboardPending: import("vue").ComputedRef<boolean>;
     isLoading: import("vue").ComputedRef<boolean>;
-    showCheckbox: import("vue").ComputedRef<true | undefined>;
+    showCheckbox: import("vue").Ref<boolean>;
     isLeaf: import("vue").ComputedRef<boolean>;
     disabled: import("vue").ComputedRef<boolean>;
     label: import("vue").ComputedRef<any>;

package/es/cascader/src/CascaderOption.js

@@ -14,7 +14,7 @@ export default defineComponent({
         }
     },
     setup(props) {
-        const { expandTriggerRef, remoteRef, multipleRef, mergedValueRef, checkedKeysRef, indeterminateKeysRef, hoverKeyPathRef, keyboardKeyRef, loadingKeySetRef, cascadeRef, mergedCheckStrategyRef, onLoadRef, mergedClsPrefixRef, mergedThemeRef, labelFieldRef, updateHoverKey, updateKeyboardKey, addLoadingKey, deleteLoadingKey, closeMenu, doCheck, doUncheck, renderLabelRef
+        const { expandTriggerRef, remoteRef, multipleRef, mergedValueRef, checkedKeysRef, indeterminateKeysRef, hoverKeyPathRef, keyboardKeyRef, loadingKeySetRef, cascadeRef, mergedCheckStrategyRef, onLoadRef, mergedClsPrefixRef, mergedThemeRef, labelFieldRef, showCheckboxRef, updateHoverKey, updateKeyboardKey, addLoadingKey, deleteLoadingKey, closeMenu, doCheck, doUncheck, renderLabelRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(cascaderInjectionKey);
         const valueRef = computed(() => props.tmNode.key);
@@ -61,12 +61,6 @@ export default defineComponent({
             }
             return false;
         });
-        const showCheckboxRef = computed(() => {
-            if (multipleRef.value && cascadeRef.value)
-                return true;
-            if (mergedCheckStrategyRef.value !== 'child')
-                return true;
-        });
         const isLeafRef = computed(() => props.tmNode.isLeaf);
         const disabledRef = computed(() => props.tmNode.disabled);
         const labelRef = computed(() => props.tmNode.rawNode[labelFieldRef.value]);

package/es/cascader/src/CascaderSelectMenu.d.ts

@@ -392,6 +392,9 @@ declare const _default: import("vue").DefineComponent<{
     handleResize: () => void;
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleClickOutside: (e: MouseEvent) => void;
+    cascaderSlots: Readonly<{
+        [name: string]: import("vue").Slot | undefined;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<Value | null>;

package/es/cascader/src/CascaderSelectMenu.js

@@ -5,6 +5,7 @@ import { createTmOptions } from '../../select/src/utils';
 import { NInternalSelectMenu } from '../../_internal';
 import { createSelectOptions } from './utils';
 import { cascaderInjectionKey } from './interface';
+import { resolveSlot } from '../../_utils';
 export default defineComponent({
     name: 'NCascaderSelectMenu',
     props: {
@@ -33,7 +34,7 @@ export default defineComponent({
         }
     },
     setup(props) {
-        const { isMountedRef, mergedValueRef, mergedClsPrefixRef, mergedThemeRef, mergedCheckStrategyRef, syncSelectMenuPosition, closeMenu, handleSelectMenuClickOutside, doUncheck: cascaderDoUncheck, doCheck: cascaderDoCheck, clearPattern
+        const { isMountedRef, mergedValueRef, mergedClsPrefixRef, mergedThemeRef, mergedCheckStrategyRef, slots: cascaderSlots, syncSelectMenuPosition, closeMenu, handleSelectMenuClickOutside, doUncheck: cascaderDoUncheck, doCheck: cascaderDoCheck, clearPattern
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(cascaderInjectionKey);
         const menuInstRef = ref(null);
@@ -121,13 +122,16 @@ export default defineComponent({
         };
         return Object.assign({ isMounted: isMountedRef, mergedTheme: mergedThemeRef, mergedClsPrefix: mergedClsPrefixRef, menuInstRef, selectTreeMate: selectTreeMateRef, handleResize,
             handleToggle,
-            handleClickOutside }, exposedRef);
+            handleClickOutside,
+            cascaderSlots }, exposedRef);
     },
     render() {
-        const { mergedClsPrefix, isMounted, mergedTheme } = this;
+        const { mergedClsPrefix, isMounted, mergedTheme, cascaderSlots } = this;
         return (h(Transition, { name: "fade-in-scale-up-transition", appear: isMounted }, {
             default: () => this.show
-                ? withDirectives(h(NInternalSelectMenu, { ref: "menuInstRef", onResize: this.handleResize, clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-cascader-menu`, autoPending: true, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, theme: mergedTheme.peers.InternalSelectMenu, treeMate: this.selectTreeMate, multiple: this.multiple, value: this.value, onToggle: this.handleToggle }), [
+                ? withDirectives(h(NInternalSelectMenu, { ref: "menuInstRef", onResize: this.handleResize, clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-cascader-menu`, autoPending: true, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, theme: mergedTheme.peers.InternalSelectMenu, treeMate: this.selectTreeMate, multiple: this.multiple, value: this.value, onToggle: this.handleToggle }, {
+                    empty: () => resolveSlot(cascaderSlots['not-found'], () => [])
+                }), [
                     [
                         clickoutside,
                         this.handleClickOutside,

package/es/cascader/src/interface.d.ts

@@ -2,7 +2,7 @@ import { CheckStrategy, TreeNode } from 'treemate';
 import type { MergedTheme } from '../../_mixins';
 import type { NLocale } from '../../locales';
 import type { CascaderTheme } from '../styles';
-import { Ref, VNodeChild } from 'vue';
+import { Ref, Slots, VNodeChild } from 'vue';
 export declare type ValueAtom = string | number;
 export declare type Value = ValueAtom | ValueAtom[];
 export declare type Key = ValueAtom;
@@ -21,6 +21,7 @@ export declare type OnUpdateValue = (value: string & number & string[] & number[
 export declare type OnUpdateValueImpl = (value: Value | null, option: CascaderOption | null | Array<CascaderOption | null>, path: Array<CascaderOption[] | null> | CascaderOption[] | null) => void;
 export declare type MenuModel = TmNode[][];
 export interface CascaderInjection {
+    slots: Slots;
     mergedClsPrefixRef: Ref<string>;
     mergedThemeRef: Ref<MergedTheme<CascaderTheme>>;
     mergedValueRef: Ref<Value | null>;
@@ -41,6 +42,7 @@ export interface CascaderInjection {
     virtualScrollRef: Ref<boolean>;
     optionHeightRef: Ref<string>;
     labelFieldRef: Ref<string>;
+    showCheckboxRef: Ref<boolean>;
     syncCascaderMenuPosition: () => void;
     syncSelectMenuPosition: () => void;
     updateKeyboardKey: (value: Key | null) => void;
@@ -74,4 +76,12 @@ export declare const cascaderInjectionKey: import("vue").InjectionKey<CascaderIn
 export interface CascaderInst {
     focus: () => void;
     blur: () => void;
+    getCheckedData: () => {
+        keys: Key[];
+        options: Array<CascaderOption | null>;
+    };
+    getIndeterminateData: () => {
+        keys: Key[];
+        options: Array<CascaderOption | null>;
+    };
 }

package/es/cascader/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
-import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
+// vars:
 // --n-menu-border-radius
 // --n-menu-box-shadow
 // --n-menu-height
@@ -15,7 +16,6 @@ import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-sc
 // --n-option-arrow-color
 // --n-menu-mask-color
 // --n-loading-color
-
 export default c([cB('cascader-menu', `
  outline: none;
  position: relative;

package/es/checkbox/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { c, cB, cE, cM, insideModal, insidePopover } from '../../../_utils/cssr';
-import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr'; // vars:
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
+// vars:
 // --n-label-line-height
 // --n-bezier
 // --n-size
@@ -23,7 +24,6 @@ import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.c
 // --n-border-radius
 // --n-font-size
 // --n-label-padding
-
 export default c([cB('checkbox', `
  line-height: var(--n-label-line-height);
  font-size: var(--n-font-size);
@@ -43,7 +43,8 @@ export default c([cB('checkbox', `
  background-color: var(--n-merged-color-table);
  `)]), cM('checked', [cB('checkbox-box', `
  background-color: var(--n-color-checked);
- `, [cB('checkbox-icon', [// if not set width to 100%, safari & old chrome won't display the icon
+ `, [cB('checkbox-icon', [
+// if not set width to 100%, safari & old chrome won't display the icon
 c('.check-icon', `
  opacity: 1;
  transform: scale(1);
@@ -139,10 +140,12 @@ c('.check-icon', `
  padding: var(--n-label-padding);
  `, [c('&:empty', {
   display: 'none'
-})])]), // modal table header checkbox
+})])]),
+// modal table header checkbox
 insideModal(cB('checkbox', `
  --n-merged-color-table: var(--n-color-table-modal);
- `)), // popover table header checkbox
+ `)),
+// popover table header checkbox
 insidePopover(cB('checkbox', `
  --n-merged-color-table: var(--n-color-table-popover);
  `))]);

package/es/code/src/Code.d.ts

@@ -214,8 +214,8 @@ declare const _default: import("vue").DefineComponent<{
         lineNumberTextColor: string;
     }, any>>>;
 }>>, {
-    trim: boolean;
     inline: boolean;
+    trim: boolean;
     wordWrap: boolean;
     code: string;
     uri: boolean;

package/es/code/src/styles/index.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE, cM } from '../../../_utils/cssr';
+// vars:
 // --n-font-size
 // --n-font-family
 // --n-font-weight-strong
@@ -15,7 +16,6 @@ import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
 // --n-hue-6-2
 // --n-line-number-color
 // --n-line-number-text-color
-
 export default c([cB('code', `
  font-size: var(--n-font-size);
  font-family: var(--n-font-family);

package/es/collapse/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
-import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
+import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr';
+// vars:
 // --n-font-size
 // --n-bezier
 // --n-text-color
@@ -11,7 +12,6 @@ import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-
 // --n-arrow-color-disabled
 // --n-title-text-color-disabled
 // --n-item-margin
-
 export default cB('collapse', 'width: 100%;', [cB('collapse-item', `
  font-size: var(--n-font-size);
  color: var(--n-text-color);

package/es/color-picker/src/ColorPicker.d.ts

@@ -2,7 +2,7 @@ import { PropType, VNode, Ref } from 'vue';
 import { RGBA, HSLA } from 'seemly';
 import { FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { ColorPickerMode } from './utils';
+import type { ColorPickerMode, ActionType } from './utils';
 import { OnUpdateValue, RenderLabel } from './interface';
 export declare const colorPickerProps: {
     readonly value: PropType<string | null>;
@@ -35,7 +35,7 @@ export declare const colorPickerProps: {
         readonly default: undefined;
     };
     readonly actions: {
-        readonly type: PropType<"confirm"[]>;
+        readonly type: PropType<ActionType[]>;
         readonly default: null;
     };
     readonly internalActions: PropType<readonly ("undo" | "redo")[]>;
@@ -923,7 +923,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly actions: {
-        readonly type: PropType<"confirm"[]>;
+        readonly type: PropType<ActionType[]>;
         readonly default: null;
     };
     readonly internalActions: PropType<readonly ("undo" | "redo")[]>;
@@ -1837,7 +1837,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly actions: {
-        readonly type: PropType<"confirm"[]>;
+        readonly type: PropType<ActionType[]>;
         readonly default: null;
     };
     readonly internalActions: PropType<readonly ("undo" | "redo")[]>;
@@ -2698,7 +2698,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly to: string | boolean | HTMLElement;
     readonly placement: FollowerPlacement;
     readonly defaultShow: boolean;
-    readonly actions: "confirm"[];
+    readonly actions: ActionType[];
     readonly showAlpha: boolean;
     readonly modes: ColorPickerMode[];
     readonly showPreview: boolean;

package/es/color-picker/src/ColorPicker.js

@@ -305,6 +305,10 @@ export default defineComponent({
             handleComplete(false);
             valueIndexRef.value = valueIndex + 1;
         }
+        function handleClear() {
+            doUpdateValue(null, 'input');
+            doUpdateShow(false);
+        }
         function handleConfirm() {
             const { value } = mergedValueRef;
             const { onConfirm } = props;
@@ -384,7 +388,9 @@ export default defineComponent({
                         props.showPreview ? (h(ColorPreview, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, color: rgbaRef.value && toHexString(rgbaRef.value), onUpdateColor: (color) => doUpdateValue(color, 'input') })) : null),
                     h(ColorInput, { clsPrefix: mergedClsPrefix, showAlpha: props.showAlpha, mode: displayedModeRef.value, modes: modes, onUpdateMode: handleUpdateDisplayedMode, value: mergedValueRef.value, valueArr: mergedValueArrRef.value, onUpdateValue: handleInputUpdateValue }),
                     ((_a = props.swatches) === null || _a === void 0 ? void 0 : _a.length) && (h(ColorPickerSwatches, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, swatches: props.swatches, onUpdateColor: (color) => doUpdateValue(color, 'input') }))),
-                (actions === null || actions === void 0 ? void 0 : actions.length) ? (h("div", { class: `${mergedClsPrefix}-color-picker-action` }, actions.includes('confirm') && (h(NButton, { size: "small", onClick: handleConfirm, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.confirm })))) : null,
+                (actions === null || actions === void 0 ? void 0 : actions.length) ? (h("div", { class: `${mergedClsPrefix}-color-picker-action` },
+                    actions.includes('confirm') && (h(NButton, { size: "small", onClick: handleConfirm, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.confirm })),
+                    actions.includes('clear') && (h(NButton, { size: "small", onClick: handleClear, disabled: !mergedValueRef.value, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.clear })))) : null,
                 slots.action ? (h("div", { class: `${mergedClsPrefix}-color-picker-action` }, { default: slots.action })) : internalActions ? (h("div", { class: `${mergedClsPrefix}-color-picker-action` },
                     internalActions.includes('undo') && (h(NButton, { size: "small", onClick: undo, disabled: !undoableRef.value, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.undo })),
                     internalActions.includes('redo') && (h(NButton, { size: "small", onClick: redo, disabled: !redoableRef.value, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.redo })))) : null));

package/es/color-picker/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
-import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
+// vars:
 // --n-color
 // --n-text-color
 // --n-border-radius
@@ -9,7 +10,6 @@ import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-sc
 // --n-height
 // --n-box-shadow
 // --n-divider-color
-
 export default c([cB('color-picker', `
  display: inline-block;
  box-sizing: border-box;

package/es/color-picker/src/utils.d.ts

@@ -1,5 +1,5 @@
 export declare type ColorPickerMode = 'rgb' | 'hsl' | 'hsv' | 'hex';
-export declare type ActionType = 'confirm';
+export declare type ActionType = 'confirm' | 'clear';
 export declare function deriveDefaultValue(modes: ColorPickerMode[], showAlpha: boolean): string;
 export declare function getModeFromValue(color: string | null): ColorPickerMode | null;
 export declare function floor(color: number[]): number[];

package/es/components.d.ts

@@ -86,3 +86,4 @@ export * from './typography';
 export * from './upload';
 export * from './watermark';
 export * from './discrete';
+export * from './equation';

package/es/components.js

@@ -86,3 +86,4 @@ export * from './typography';
 export * from './upload';
 export * from './watermark';
 export * from './discrete';
+export * from './equation';

package/es/config-provider/src/ConfigProvider.d.ts

@@ -16,6 +16,7 @@ export declare const configProviderProps: {
             undo: string;
             redo: string;
             confirm: string;
+            clear: string;
         };
         Popconfirm: {
             positiveText: string;
@@ -136,6 +137,7 @@ export declare const configProviderProps: {
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
+    readonly katex: PropType<typeof import("katex").default>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
@@ -166,6 +168,7 @@ declare const _default: import("vue").DefineComponent<{
             undo: string;
             redo: string;
             confirm: string;
+            clear: string;
         };
         Popconfirm: {
             positiveText: string;
@@ -286,6 +289,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
+    readonly katex: PropType<typeof import("katex").default>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
@@ -320,6 +324,7 @@ declare const _default: import("vue").DefineComponent<{
             undo: string;
             redo: string;
             confirm: string;
+            clear: string;
         };
         Popconfirm: {
             positiveText: string;
@@ -440,6 +445,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
+    readonly katex: PropType<typeof import("katex").default>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;

package/es/config-provider/src/ConfigProvider.js

@@ -21,6 +21,7 @@ export const configProviderProps = {
         default: 'div'
     },
     hljs: Object,
+    katex: Object,
     theme: Object,
     themeOverrides: Object,
     componentOptions: Object,
@@ -176,6 +177,12 @@ export default defineComponent({
                 const { hljs } = props;
                 return hljs === undefined ? NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedHljsRef.value : hljs;
             }),
+            mergedKatexRef: computed(() => {
+                const { katex } = props;
+                return katex === undefined
+                    ? NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedKatexRef.value
+                    : katex;
+            }),
             mergedThemeRef,
             mergedThemeOverridesRef,
             inlineThemeDisabled: inlineThemeDisabled || false,

package/es/config-provider/src/internal-interface.d.ts

@@ -29,6 +29,7 @@ import type { DynamicTagsTheme } from '../../dynamic-tags/styles';
 import type { ElementTheme } from '../../element/styles';
 import type { EllipsisTheme } from '../../ellipsis/styles';
 import type { EmptyTheme } from '../../empty/styles';
+import type { EquationTheme } from '../../equation/styles';
 import type { FormTheme } from '../../form/styles';
 import type { GradientTextTheme } from '../../gradient-text/styles';
 import type { IconTheme } from '../../icon/styles';
@@ -92,6 +93,7 @@ import type { EmptyProps } from '../../empty';
 import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
 import type { ButtonGroupTheme } from '../../button-group/styles/light';
 import type { RowTheme } from '../../legacy-grid/styles';
+import type { Katex } from './katex';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -124,6 +126,7 @@ export interface GlobalThemeWithoutCommon {
     Element?: ElementTheme;
     Ellipsis?: EllipsisTheme;
     Empty?: EmptyTheme;
+    Equation?: EquationTheme;
     Form?: FormTheme;
     GradientText?: GradientTextTheme;
     Icon?: IconTheme;
@@ -234,6 +237,7 @@ export interface ConfigProviderInjection {
     mergedLocaleRef: Ref<NLocale | undefined>;
     mergedDateLocaleRef: Ref<NDateLocale | undefined>;
     mergedHljsRef: Ref<Hljs | undefined>;
+    mergedKatexRef: Ref<Katex | undefined>;
     mergedComponentPropsRef: Ref<GlobalComponentConfig | undefined>;
     mergedIconsRef: Ref<GlobalIconConfig | undefined>;
     mergedThemeRef: Ref<GlobalTheme | undefined>;