naive-ui 2.32.2 → 2.33.0

package/es/radio/src/use-radio.js

@@ -1,11 +1,11 @@
-import { inject, ref, toRef } from 'vue';
+import { inject, ref, toRef, watchEffect } from 'vue';
 import { useMemo, useMergedState } from 'vooks';
 import { useConfig, useFormItem } from '../../_mixins';
-import { warn, call, createInjectionKey } from '../../_utils';
-const radioProps = {
+import { call, createInjectionKey, warnOnce } from '../../_utils';
+export const radioProps = {
     name: String,
     value: {
-        type: [String, Number],
+        type: [String, Number, Boolean],
         default: 'on'
     },
     checked: {
@@ -24,15 +24,18 @@ const radioProps = {
     // deprecated
     checkedValue: {
         type: Boolean,
-        validator: () => {
-            warn('radio', '`checked-value` is deprecated, please use `checked` instead.');
-            return true;
-        },
         default: undefined
     }
 };
 export const radioGroupInjectionKey = createInjectionKey('n-radio-group');
 function setup(props) {
+    if (process.env.NODE_ENV !== 'production') {
+        watchEffect(() => {
+            if (props.checkedValue !== undefined) {
+                warnOnce('radio', '`checked-value` is deprecated, please use `checked` instead.');
+            }
+        });
+    }
     const formItem = useFormItem(props, {
         mergedSize(NFormItem) {
             const { size } = props;
@@ -130,5 +133,4 @@ function setup(props) {
         handleRadioInputFocus
     };
 }
-setup.props = radioProps;
-export default setup;
+export { setup };

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { RateOnUpdateValue } from './interface';
 export declare const rateProps: {
     readonly allowHalf: BooleanConstructor;
     readonly count: {
@@ -8,17 +9,19 @@ export declare const rateProps: {
     };
     readonly value: NumberConstructor;
     readonly defaultValue: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
+        readonly type: PropType<number | null>;
+        readonly default: null;
     };
     readonly readonly: BooleanConstructor;
     readonly size: {
         readonly type: PropType<number | "small" | "medium" | "large">;
         readonly default: "medium";
     };
+    readonly clearable: BooleanConstructor;
     readonly color: StringConstructor;
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: number) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: number) => void>>;
+    readonly onClear: PropType<() => void>;
+    readonly 'onUpdate:value': PropType<MaybeArray<RateOnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<RateOnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Rate", {
         itemColor: string;
         itemColorActive: string;
@@ -50,17 +53,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly value: NumberConstructor;
     readonly defaultValue: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
+        readonly type: PropType<number | null>;
+        readonly default: null;
     };
     readonly readonly: BooleanConstructor;
     readonly size: {
         readonly type: PropType<number | "small" | "medium" | "large">;
         readonly default: "medium";
     };
+    readonly clearable: BooleanConstructor;
     readonly color: StringConstructor;
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: number) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: number) => void>>;
+    readonly onClear: PropType<() => void>;
+    readonly 'onUpdate:value': PropType<MaybeArray<RateOnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<RateOnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Rate", {
         itemColor: string;
         itemColorActive: string;
@@ -84,11 +89,12 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    mergedValue: import("vue").ComputedRef<number>;
+    mergedValue: import("vue").ComputedRef<number | null>;
     hoverIndex: import("vue").Ref<number | null>;
     handleMouseMove: (index: number, e: MouseEvent) => void;
     handleClick: (index: number, e: MouseEvent) => void;
     handleMouseLeave: () => void;
+    handleMouseEnterSomeStar: () => void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-item-color': string;
@@ -105,17 +111,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly value: NumberConstructor;
     readonly defaultValue: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
+        readonly type: PropType<number | null>;
+        readonly default: null;
     };
     readonly readonly: BooleanConstructor;
     readonly size: {
         readonly type: PropType<number | "small" | "medium" | "large">;
         readonly default: "medium";
     };
+    readonly clearable: BooleanConstructor;
     readonly color: StringConstructor;
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: number) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: number) => void>>;
+    readonly onClear: PropType<() => void>;
+    readonly 'onUpdate:value': PropType<MaybeArray<RateOnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<RateOnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Rate", {
         itemColor: string;
         itemColorActive: string;
@@ -140,7 +148,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly readonly: boolean;
     readonly size: number | "small" | "medium" | "large";
-    readonly defaultValue: number;
+    readonly clearable: boolean;
+    readonly defaultValue: number | null;
     readonly count: number;
     readonly allowHalf: boolean;
 }>;

package/es/rate/src/Rate.js

@@ -4,18 +4,18 @@ import { NBaseIcon } from '../../_internal';
 import { useTheme, useFormItem, useConfig, useThemeClass } from '../../_mixins';
 import { call, color2Class, createKey } from '../../_utils';
 import { rateLight } from '../styles';
-import style from './styles/index.cssr';
 import StarIcon from './StarIcon';
+import style from './styles/index.cssr';
 export const rateProps = Object.assign(Object.assign({}, useTheme.props), { allowHalf: Boolean, count: {
         type: Number,
         default: 5
     }, value: Number, defaultValue: {
         type: Number,
-        default: 0
+        default: null
     }, readonly: Boolean, size: {
         type: [String, Number],
         default: 'medium'
-    }, color: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
+    }, clearable: Boolean, color: String, onClear: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 export default defineComponent({
     name: 'Rate',
     props: rateProps,
@@ -26,6 +26,7 @@ export default defineComponent({
         const uncontrolledValueRef = ref(props.defaultValue);
         const hoverIndexRef = ref(null);
         const formItem = useFormItem(props);
+        const mergedValue = useMergedState(controlledValueRef, uncontrolledValueRef);
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
             const { nTriggerFormChange, nTriggerFormInput } = formItem;
@@ -53,14 +54,31 @@ export default defineComponent({
                 return index + 1;
             }
         }
+        let cleared = false;
         function handleMouseMove(index, e) {
+            if (cleared)
+                return;
             hoverIndexRef.value = getDerivedValue(index, e);
         }
         function handleMouseLeave() {
             hoverIndexRef.value = null;
         }
         function handleClick(index, e) {
-            doUpdateValue(getDerivedValue(index, e));
+            var _a;
+            const { clearable } = props;
+            const derivedValue = getDerivedValue(index, e);
+            if (clearable && derivedValue === mergedValue.value) {
+                cleared = true;
+                (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+                hoverIndexRef.value = null;
+                doUpdateValue(null);
+            }
+            else {
+                doUpdateValue(derivedValue);
+            }
+        }
+        function handleMouseEnterSomeStar() {
+            cleared = false;
         }
         const mergedSizeRef = computed(() => {
             const { size } = props;
@@ -75,10 +93,11 @@ export default defineComponent({
         const cssVarsRef = computed(() => {
             const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
             const { itemColor, itemColorActive } = self;
+            const { color } = props;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-item-color': itemColor,
-                '--n-item-color-active': props.color || itemColorActive,
+                '--n-item-color-active': color || itemColorActive,
                 '--n-item-size': mergedSizeRef.value
             };
         });
@@ -98,11 +117,12 @@ export default defineComponent({
             : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            mergedValue: useMergedState(controlledValueRef, uncontrolledValueRef),
+            mergedValue,
             hoverIndex: hoverIndexRef,
             handleMouseMove,
             handleClick,
             handleMouseLeave,
+            handleMouseEnterSomeStar,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
@@ -119,17 +139,17 @@ export default defineComponent({
                 this.themeClass
             ], style: this.cssVars, onMouseleave: this.handleMouseLeave }, renderList(this.count, (_, index) => {
             const icon = defaultSlot ? (defaultSlot()) : (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => StarIcon }));
-            const fullStarActive = hoverIndex !== null
+            const entireStarActive = hoverIndex !== null
                 ? index + 1 <= hoverIndex
-                : index + 1 <= mergedValue;
+                : index + 1 <= (mergedValue || 0);
             return (h("div", { key: index, class: [
                     `${mergedClsPrefix}-rate__item`,
-                    fullStarActive && `${mergedClsPrefix}-rate__item--active`
+                    entireStarActive && `${mergedClsPrefix}-rate__item--active`
                 ], onClick: readonly
                     ? undefined
                     : (e) => {
                         this.handleClick(index, e);
-                    }, onMousemove: readonly
+                    }, onMouseenter: this.handleMouseEnterSomeStar, onMousemove: readonly
                     ? undefined
                     : (e) => {
                         this.handleMouseMove(index, e);
@@ -138,9 +158,9 @@ export default defineComponent({
                 this.allowHalf ? (h("div", { class: [
                         `${mergedClsPrefix}-rate__half`,
                         {
-                            [`${mergedClsPrefix}-rate__half--active`]: !fullStarActive && hoverIndex !== null
+                            [`${mergedClsPrefix}-rate__half--active`]: !entireStarActive && hoverIndex !== null
                                 ? index + 0.5 <= hoverIndex
-                                : index + 0.5 <= mergedValue
+                                : index + 0.5 <= (mergedValue || 0)
                         }
                     ] }, icon)) : null));
         })));

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

@@ -0,0 +1,2 @@
+export declare type RateOnUpdateValue = (value: number & null) => void;
+export declare type RateOnUpdateValueImpl = (value: number | null) => void;

package/es/rate/src/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -19,17 +19,17 @@ export default cB('rate', {
  transform: scale(1);
  font-size: var(--n-item-size);
  color: var(--n-item-color);
- `, [c('&:not(:first-child)', {
-  marginLeft: '6px'
-}), cM('active', {
-  color: 'var(--n-item-color-active)'
-})]), cNotM('readonly', `
+ `, [c('&:not(:first-child)', `
+ margin-left: 6px;
+ `), cM('active', `
+ color: var(--n-item-color-active);
+ `)]), cNotM('readonly', `
  cursor: pointer;
- `, [cE('item', [c('&:hover', {
-  transform: 'scale(1.05)'
-}), c('&:active', {
-  transform: 'scale(0.96)'
-})])]), cE('half', `
+ `, [cE('item', [c('&:hover', `
+ transform: scale(1.05);
+ `), c('&:active', `
+ transform: scale(0.96);
+ `)])]), cE('half', `
  display: flex;
  transition: inherit;
  position: absolute;
@@ -39,6 +39,6 @@ export default cB('rate', {
  width: 50%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0);
- `, [cM('active', {
-  color: 'var(--n-item-color-active)'
-})])]);
+ `, [cM('active', `
+ color: var(--n-item-color-active);
+ `)])]);

package/es/slider/src/Slider.d.ts

@@ -21,6 +21,10 @@ export declare const sliderProps: {
         readonly default: undefined;
     };
     readonly formatTooltip: PropType<(value: number) => string | number>;
+    readonly keyboard: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly min: {
         readonly type: NumberConstructor;
         readonly default: 0;
@@ -152,6 +156,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly formatTooltip: PropType<(value: number) => string | number>;
+    readonly keyboard: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly min: {
         readonly type: NumberConstructor;
         readonly default: 0;
@@ -357,6 +365,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly formatTooltip: PropType<(value: number) => string | number>;
+    readonly keyboard: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly min: {
         readonly type: NumberConstructor;
         readonly default: 0;
@@ -482,6 +494,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly min: number;
     readonly to: string | boolean | HTMLElement;
     readonly defaultValue: number | number[];
+    readonly keyboard: boolean;
     readonly showTooltip: boolean | undefined;
 }>;
 export default _default;

package/es/slider/src/Slider.js

@@ -15,7 +15,10 @@ export const sliderProps = Object.assign(Object.assign({}, useTheme.props), { to
     }, marks: Object, disabled: {
         type: Boolean,
         default: undefined
-    }, formatTooltip: Function, min: {
+    }, formatTooltip: Function, keyboard: {
+        type: Boolean,
+        default: true
+    }, min: {
         type: Number,
         default: 0
     }, max: {
@@ -256,7 +259,7 @@ export default defineComponent({
             return Number(newValue.toFixed(precisionRef.value));
         }
         function getClosestMark(currentValue, markValues = markValuesRef.value, buffer) {
-            if (!markValues || !markValues.length)
+            if (!(markValues === null || markValues === void 0 ? void 0 : markValues.length))
                 return null;
             let closestMark = null;
             let index = -1;
@@ -296,7 +299,7 @@ export default defineComponent({
         }
         // dom event handle
         function handleRailKeyDown(e) {
-            if (mergedDisabledRef.value)
+            if (mergedDisabledRef.value || !props.keyboard)
                 return;
             const { vertical, reverse } = props;
             switch (e.key) {

package/es/theme-editor/src/ThemeEditor.d.ts

@@ -130,5 +130,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleExportClick: () => void;
     handleImportClick: () => void;
     handleInputFileChange: () => void;
+    handleOpen: () => void;
+    isOpen: import("vue").Ref<{
+        valueOf: () => boolean;
+    }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1,5 +1,6 @@
 import { h, computed, defineComponent, ref, Fragment, toRaw, watch, inject } from 'vue';
 import { cloneDeep, merge } from 'lodash-es';
+import { Open } from '@vicons/ionicons5';
 import { configProviderInjectionKey } from '../../config-provider/src/context';
 import { lightTheme } from '../../themes/light';
 import { NConfigProvider } from '../../config-provider';
@@ -14,6 +15,7 @@ import { NButton } from '../../button';
 import { NColorPicker } from '../../color-picker';
 import { NEmpty } from '../../empty';
 import { lockHtmlScrollRightCompensationRef } from '../../_utils';
+import { NIcon } from '../../icon';
 const ColorWandIcon = (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: '1em', height: '1em', color: 'currentColor' } },
     h("path", { d: "M13.5 1C13.7761 1 14 1.22386 14 1.5V2H14.5C14.7761 2 15 2.22386 15 2.5C15 2.77614 14.7761 3 14.5 3H14V3.5C14 3.77614 13.7761 4 13.5 4C13.2239 4 13 3.77614 13 3.5V3H12.5C12.2239 3 12 2.77614 12 2.5C12 2.22386 12.2239 2 12.5 2H13V1.5C13 1.22386 13.2239 1 13.5 1Z", fill: "currentColor" }),
     h("path", { d: "M3.5 3C3.77615 3 4 3.22386 4 3.5V4H4.5C4.77615 4 5 4.22386 5 4.5C5 4.77614 4.77615 5 4.5 5H4V5.5C4 5.77614 3.77615 6 3.5 6C3.22386 6 3 5.77614 3 5.5V5H2.5C2.22386 5 2 4.77614 2 4.5C2 4.22386 2.22386 4 2.5 4H3V3.5C3 3.22386 3.22386 3 3.5 3Z", fill: "currentColor" }),
@@ -31,6 +33,7 @@ export default defineComponent({
     name: 'ThemeEditor',
     inheritAttrs: false,
     setup() {
+        const isOpen = ref(false);
         const fileInputRef = ref(null);
         const NConfigProvider = inject(configProviderInjectionKey, null);
         const theme = computed(() => {
@@ -91,6 +94,9 @@ export default defineComponent({
                 return;
             fileInput.click();
         }
+        function handleOpen() {
+            isOpen.value = !isOpen.value;
+        }
         function handleInputFileChange() {
             const { value: fileInput } = fileInputRef;
             if (!fileInput)
@@ -143,7 +149,9 @@ export default defineComponent({
             handleClearAllClick,
             handleExportClick,
             handleImportClick,
-            handleInputFileChange
+            handleInputFileChange,
+            handleOpen,
+            isOpen
         };
     },
     render() {
@@ -152,7 +160,7 @@ export default defineComponent({
                 var _a, _b;
                 return [
                     h(NPopover, { scrollable: true, arrowPointToCenter: true, trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
-                            width: '288px',
+                            width: this.isOpen ? 'calc(100vw - 80px)' : '288px',
                             height: 'calc(100vh - 200px)',
                             padding: 0
                         } }, {
@@ -193,11 +201,15 @@ export default defineComponent({
                                 }, onChange: this.handleInputFileChange }),
                             h(NSpace, { vertical: true }, {
                                 default: () => (h(Fragment, null,
-                                    h("div", { style: {
+                                    h(NSpace, { align: "center", justify: "space-between", style: {
                                             marginBottom: '8px',
                                             fontSize: '18px',
                                             fontWeight: 500
-                                        } }, this.locale.title),
+                                        } },
+                                        h("span", null, this.locale.title),
+                                        h(NButton, { onClick: this.handleOpen, strong: true, secondary: true, circle: true, type: this.isOpen ? 'success' : undefined }, {
+                                            icon: () => (h(NIcon, { size: "18", component: Open }))
+                                        })),
                                     this.locale.filterCompName,
                                     h(NInput, { onChange: () => {
                                             this.compNamePattern = this.tempCompNamePattern;
@@ -262,15 +274,18 @@ export default defineComponent({
                                         filteredItemsCount += 1;
                                         return (h(NCollapseItem, { title: themeKey, name: themeKey }, {
                                             default: () => {
-                                                return (h(NSpace, { vertical: true }, {
+                                                return (h(NSpace, { size: [32, 16] }, {
                                                     default: () => varKeys.map((varKey) => {
                                                         var _a, _b, _c, _d;
-                                                        return [
+                                                        return (h("div", { style: {
+                                                                minWidth: '246px'
+                                                            } },
                                                             h("div", { key: `${varKey}Label`, style: {
                                                                     wordBreak: 'break-word'
                                                                 } }, varKey),
                                                             showColorPicker(varKey) ? (h(NColorPicker, { key: varKey, modes: ['rgb', 'hex'], value: ((_b = (_a = this.tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]) ||
-                                                                    componentTheme[varKey], onComplete: this.applyTempOverrides, onUpdateValue: (value) => {
+                                                                    componentTheme[varKey], onComplete: this
+                                                                    .applyTempOverrides, onUpdateValue: (value) => {
                                                                     this.setTempOverrides(themeKey, varKey, value);
                                                                 } }, {
                                                                 action: () => {
@@ -285,10 +300,10 @@ export default defineComponent({
                                                                             .restore
                                                                     }));
                                                                 }
-                                                            })) : (h(NInput, { key: varKey, onChange: this.applyTempOverrides, onUpdateValue: (value) => {
+                                                            })) : (h(NInput, { key: varKey, onChange: this
+                                                                    .applyTempOverrides, onUpdateValue: (value) => {
                                                                     this.setTempOverrides(themeKey, varKey, value);
-                                                                }, value: ((_d = (_c = this.tempOverrides) === null || _c === void 0 ? void 0 : _c[themeKey]) === null || _d === void 0 ? void 0 : _d[varKey]) || '', placeholder: componentTheme[varKey] }))
-                                                        ];
+                                                                }, value: ((_d = (_c = this.tempOverrides) === null || _c === void 0 ? void 0 : _c[themeKey]) === null || _d === void 0 ? void 0 : _d[varKey]) || '', placeholder: componentTheme[varKey] }))));
                                                     })
                                                 }));
                                             }

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

@@ -45,8 +45,8 @@ export default cB('tree', `
  `)]), cNotM('disabled', [cM('clickable', [cB('tree-node-content', `
  cursor: pointer;
  `)])])]), cM('block-node', [cB('tree-node-content', `
- flex-grow: 1;
- flex-shrink: 0;
+ flex: 1;
+ min-width: 0;
  `)]), cNotM('block-line', [cB('tree-node', [cNotM('disabled', [cB('tree-node-content', [c('&:hover', {
   backgroundColor: 'var(--n-node-color-hover)'
 })]), cM('selectable', [cB('tree-node-content', [c('&:active', {
@@ -131,7 +131,8 @@ export default cB('tree', `
  `), cE('text', `
  border-bottom: 1px solid #0000;
  transition: border-color .3s var(--n-bezier);
- flex-grow:1;
+ flex-grow: 1;
+ max-width: 100%;
  `), cE('suffix', `
  display: inline-flex;
  `)]), cE('empty', 'margin: auto;')]);

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.32.2";
+declare const _default: "2.33.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.32.2';
+export default '2.33.0';

package/lib/_internal/select-menu/src/SelectOption.js

@@ -6,11 +6,10 @@ const _utils_1 = require("../../../_utils");
 const icons_1 = require("../../icons");
 const icon_1 = require("../../icon");
 const interface_1 = require("./interface");
-const checkMarkIcon = (0, vue_1.h)(icons_1.CheckmarkIcon);
 function renderCheckMark(show, clsPrefix) {
     return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
         default: () => show ? ((0, vue_1.h)(icon_1.NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
-            default: () => checkMarkIcon
+            default: () => (0, vue_1.h)(icons_1.CheckmarkIcon)
         })) : null
     }));
 }

package/lib/_utils/cssr/index.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createKey = exports.find = exports.namespace = exports.prefix = exports.asModal = exports.insidePopover = exports.insideModal = exports.cCB = exports.cNotM = exports.cM = exports.cE = exports.cB = exports.c = void 0;
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 const css_render_1 = require("css-render");
-const plugin_bem_1 = __importDefault(require("@css-render/plugin-bem"));
+const plugin_bem_1 = require("@css-render/plugin-bem");
 const namespace = 'n';
 exports.namespace = namespace;
 const prefix = `.${namespace}-`;
@@ -14,7 +11,7 @@ exports.prefix = prefix;
 const elementPrefix = '__';
 const modifierPrefix = '--';
 const cssr = (0, css_render_1.CssRender)();
-const plugin = (0, plugin_bem_1.default)({
+const plugin = (0, plugin_bem_1.plugin)({
     blockPrefix: prefix,
     elementPrefix,
     modifierPrefix