naive-ui 2.34.0 → 2.34.2

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

@@ -0,0 +1,2 @@
+import katex from 'katex';
+export declare type Katex = typeof katex;

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

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

package/es/data-table/src/TableParts/Header.js

@@ -113,12 +113,12 @@ export default defineComponent({
                             checkOptions ? (h(SelectionMenu, { clsPrefix: mergedClsPrefix })) : null)) : null;
                     }
                     return (h(Fragment, null,
-                        h("div", { class: `${mergedClsPrefix}-data-table-th__title` },
-                            ellipsis === true ||
+                        h("div", { class: `${mergedClsPrefix}-data-table-th__title-wrapper` },
+                            h("div", { class: `${mergedClsPrefix}-data-table-th__title` }, ellipsis === true ||
                                 (ellipsis && !ellipsis.tooltip) ? (h("div", { class: `${mergedClsPrefix}-data-table-th__ellipsis` }, renderTitle(column))) // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
                                 : ellipsis && typeof ellipsis === 'object' ? (h(NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), {
                                     default: () => renderTitle(column)
-                                })) : (renderTitle(column)),
+                                })) : (renderTitle(column))),
                             isColumnSortable(column) ? (h(SortButton, { column: column })) : null),
                         isColumnFilterable(column) ? (h(FilterButton, { column: column, options: column.filterOptions })) : null,
                         isColumnResizable(column) ? (h(ResizeButton, { onResizeStart: () => handleColumnResizeStart(column), onResize: (displacementX) => handleColumnResize(column, displacementX) })) : null));

package/es/data-table/src/styles/index.cssr.js

@@ -151,37 +151,39 @@ c('&:last-child', 'flex-grow: 1;')])])])])])])]), c('>', [cB('data-table-loading
  color .3s var(--n-bezier),
  background-color .3s var(--n-bezier);
  font-weight: var(--n-th-font-weight);
- `, [cM('filterable', {
-  paddingRight: '36px'
-}, [cM('sortable', {
-  paddingRight: 'calc(var(--n-th-padding) + 36px)'
-})]), fixedColumnStyle, cM('selection', `
+ `, [cM('filterable', `
+ padding-right: 36px;
+ `, [cM('sortable', `
+ padding-right: calc(var(--n-th-padding) + 36px);
+ `)]), fixedColumnStyle, cM('selection', `
  padding: 0;
  text-align: center;
  line-height: 0;
  z-index: 3;
- `), cE('title', {
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'space-between',
-  flex: 'auto',
-  maxWidth: '100%'
-}), cE('ellipsis', `
+ `), cE('title-wrapper', `
+ display: flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ max-width: 100%;
+ `, [cE('title', `
+ flex: 1;
+ min-width: 0;
+ `)]), cE('ellipsis', `
  display: inline-block;
  vertical-align: bottom;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
- `), cM('hover', {
-  backgroundColor: 'var(--n-merged-th-color-hover)'
-}), cM('sortable', {
-  cursor: 'pointer'
-}, [cE('ellipsis', {
-  maxWidth: 'calc(100% - 18px)'
-}), c('&:hover', {
-  backgroundColor: 'var(--n-merged-th-color-hover)'
-})]), cB('data-table-sorter', `
+ `), cM('hover', `
+ background-color: var(--n-merged-th-color-hover);
+ `), cM('sortable', `
+ cursor: pointer;
+ `, [cE('ellipsis', `
+ max-width: calc(100% - 18px);
+ `), c('&:hover', `
+ background-color: var(--n-merged-th-color-hover);
+ `)]), cB('data-table-sorter', `
  height: var(--n-sorter-size);
  width: var(--n-sorter-size);
  margin-left: 4px;
@@ -192,13 +194,13 @@ c('&:last-child', 'flex-grow: 1;')])])])])])])]), c('>', [cB('data-table-loading
  vertical-align: -0.2em;
  color: var(--n-th-icon-color);
  transition: color .3s var(--n-bezier);
- `, [cB('base-icon', 'transition: transform .3s var(--n-bezier)'), cM('desc', [cB('base-icon', {
-  transform: 'rotate(0deg)'
-})]), cM('asc', [cB('base-icon', {
-  transform: 'rotate(-180deg)'
-})]), cM('asc, desc', {
-  color: 'var(--n-th-icon-color-active)'
-})]), cB('data-table-resize-button', `
+ `, [cB('base-icon', 'transition: transform .3s var(--n-bezier)'), cM('desc', [cB('base-icon', `
+ transform: rotate(0deg);
+ `)]), cM('asc', [cB('base-icon', `
+ transform: rotate(-180deg);
+ `)]), cM('asc, desc', `
+ color: var(--n-th-icon-color-active);
+ `)]), cB('data-table-resize-button', `
  width: var(--n-resizable-container-size);
  position: absolute;
  top: 0;
@@ -260,20 +262,20 @@ c('&:last-child', 'flex-grow: 1;')])])])])])])]), c('>', [cB('data-table-loading
  color .3s var(--n-bezier);
  `, [cM('expand', [cB('data-table-expand-trigger', `
  margin-right: 0;
- `)]), cM('last-row', {
-  borderBottom: '0 solid var(--n-merged-border-color)'
-}, [
+ `)]), cM('last-row', `
+ border-bottom: 0 solid var(--n-merged-border-color);
+ `, [
 // make sure there is no overlap between bottom border and
 // fixed column box shadow
-c('&::after', {
-  bottom: '0 !important'
-}), c('&::before', {
-  bottom: '0 !important'
-})]), cM('summary', `
+c('&::after', `
+ bottom: 0 !important;
+ `), c('&::before', `
+ bottom: 0 !important;
+ `)]), cM('summary', `
  background-color: var(--n-merged-th-color);
- `), cM('hover', {
-  backgroundColor: 'var(--n-merged-td-color-hover)'
-}), cE('ellipsis', `
+ `), cM('hover', `
+ background-color: var(--n-merged-td-color-hover);
+ `), cE('ellipsis', `
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
@@ -294,9 +296,9 @@ c('&::after', {
  align-items: center;
  justify-content: center;
  transition: opacity .3s var(--n-bezier);
- `, [cM('hide', {
-  opacity: 0
-})]), cE('pagination', `
+ `, [cM('hide', `
+ opacity: 0;
+ `)]), cE('pagination', `
  margin: var(--n-pagination-margin);
  display: flex;
  justify-content: flex-end;
@@ -310,30 +312,26 @@ c('&::after', {
  `), cM('loading', [cB('data-table-wrapper', `
  opacity: var(--n-opacity-loading);
  pointer-events: none;
- `)]), cM('single-column', [cB('data-table-td', {
-  borderBottom: '0 solid var(--n-merged-border-color)'
-}, [c('&::after, &::before', {
-  bottom: '0 !important'
-})])]), cNotM('single-line', [cB('data-table-th', {
-  borderRight: '1px solid var(--n-merged-border-color)'
-}, [cM('last', {
-  borderRight: '0 solid var(--n-merged-border-color)'
-})]), cB('data-table-td', {
-  borderRight: '1px solid var(--n-merged-border-color)'
-}, [cM('last-col', {
-  borderRight: '0 solid var(--n-merged-border-color)'
-})])]), cM('bordered', [cB('data-table-wrapper', `
+ `)]), cM('single-column', [cB('data-table-td', `
+ border-bottom: 0 solid var(--n-merged-border-color);
+ `, [c('&::after, &::before', `
+ bottom: 0 !important;
+ `)])]), cNotM('single-line', [cB('data-table-th', `
+ border-right: 1px solid var(--n-merged-border-color);
+ `, [cM('last', `
+ border-right: 0 solid var(--n-merged-border-color);
+ `)]), cB('data-table-td', `
+ border-right: 1px solid var(--n-merged-border-color);
+ `, [cM('last-col', `
+ border-right: 0 solid var(--n-merged-border-color);
+ `)])]), cM('bordered', [cB('data-table-wrapper', `
  border: 1px solid var(--n-merged-border-color);
  border-bottom-left-radius: var(--n-border-radius);
  border-bottom-right-radius: var(--n-border-radius);
  overflow: hidden;
- `)]), cB('data-table-base-table', [cM('transition-disabled', [cB('data-table-th', [c('&::after, &::before', {
-  transition: 'none'
-})]), cB('data-table-td', [c('&::after, &::before', {
-  transition: 'none'
-})])])]), cM('bottom-bordered', [cB('data-table-td', [cM('last-row', {
-  borderBottom: '1px solid var(--n-merged-border-color)'
-})])]), cB('data-table-table', `
+ `)]), cB('data-table-base-table', [cM('transition-disabled', [cB('data-table-th', [c('&::after, &::before', 'transition: none;')]), cB('data-table-td', [c('&::after, &::before', 'transition: none;')])])]), cM('bottom-bordered', [cB('data-table-td', [cM('last-row', `
+ border-bottom: 1px solid var(--n-merged-border-color);
+ `)])]), cB('data-table-table', `
  font-variant-numeric: tabular-nums;
  width: 100%;
  word-break: break-word;
@@ -349,10 +347,10 @@ c('&::after', {
  flex-shrink: 0;
  transition: border-color .3s var(--n-bezier);
  scrollbar-width: none;
- `, [c('&::-webkit-scrollbar', {
-  width: 0,
-  height: 0
-})]), cB('data-table-check-extra', `
+ `, [c('&::-webkit-scrollbar', `
+ width: 0;
+ height: 0;
+ `)]), cB('data-table-check-extra', `
  transition: color .3s var(--n-bezier);
  color: var(--n-th-icon-color);
  position: absolute;
@@ -361,31 +359,31 @@ c('&::after', {
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
- `)]), cB('data-table-filter-menu', [cB('scrollbar', {
-  maxHeight: '240px'
-}), cE('group', {
-  display: 'flex',
-  flexDirection: 'column',
-  padding: '12px 12px 0 12px'
-}, [cB('checkbox', {
-  marginBottom: '12px',
-  marginRight: 0
-}), cB('radio', {
-  marginBottom: '12px',
-  marginRight: 0
-})]), cE('action', `
+ `)]), cB('data-table-filter-menu', [cB('scrollbar', `
+ max-height: 240px;
+ `), cE('group', `
+ display: flex;
+ flex-direction: column;
+ padding: 12px 12px 0 12px;
+ `, [cB('checkbox', `
+ margin-bottom: 12px;
+ margin-right: 0;
+ `), cB('radio', `
+ margin-bottom: 12px;
+ margin-right: 0;
+ `)]), cE('action', `
  padding: var(--n-action-padding);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  border-top: 1px solid var(--n-action-divider-color);
- `, [cB('button', [c('&:not(:last-child)', {
-  margin: 'var(--n-action-button-margin)'
-}), c('&:last-child', {
-  marginRight: 0
-})])]), cB('divider', {
-  margin: '0!important'
-})]), insideModal(cB('data-table', `
+ `, [cB('button', [c('&:not(:last-child)', `
+ margin: var(--n-action-button-margin);
+ `), c('&:last-child', `
+ margin-right: 0;
+ `)])]), cB('divider', `
+ margin: 0 !important;
+ `)]), insideModal(cB('data-table', `
  --n-merged-th-color: var(--n-th-color-modal);
  --n-merged-td-color: var(--n-td-color-modal);
  --n-merged-border-color: var(--n-border-color-modal);
@@ -415,11 +413,11 @@ function createFixedColumnStyle() {
  bottom: -1px;
  transition: box-shadow .2s var(--n-bezier);
  right: -36px;
- `)]), cM('fixed-right', {
-    right: 0,
-    position: 'sticky',
-    zIndex: 1
-  }, [c('&::before', `
+ `)]), cM('fixed-right', `
+ right: 0;
+ position: sticky;
+ z-index: 1;
+ `, [c('&::before', `
  pointer-events: none;
  content: "";
  width: 36px;

package/es/select/src/Select.js

@@ -195,7 +195,6 @@ export default defineComponent({
         const selectedOptionsRef = computed(() => {
             if (props.multiple) {
                 const { value: values } = mergedValueRef;
-                console.log('values', values);
                 if (!Array.isArray(values))
                     return [];
                 return getMergedOptions(values);

package/es/tree/src/Tree.d.ts

@@ -1158,10 +1158,6 @@ declare const _default: import("vue").DefineComponent<{
     getScrollContent: () => HTMLElement | null | undefined;
     handleAfterEnter: () => void;
     handleResize: () => void;
-    handleKeydown: (e: KeyboardEvent) => void;
-    scrollTo: (options: {
-        key: Key;
-    }) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-arrow-color': string;
         '--n-loading-color': string;
@@ -1177,6 +1173,18 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
+    handleKeydown: (e: KeyboardEvent) => void;
+    scrollTo: (options: {
+        key: Key;
+    }) => void;
+    getCheckedData: () => {
+        keys: Key[];
+        options: (TreeOption | null)[];
+    };
+    getIndeterminateData: () => {
+        keys: Key[];
+        options: (TreeOption | null)[];
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly internalTreeSelect: BooleanConstructor;
     readonly internalScrollable: BooleanConstructor;

package/es/tree/src/Tree.js

@@ -1184,13 +1184,7 @@ export default defineComponent({
         const themeClassHandle = inlineThemeDisabled
             ? useThemeClass('tree', undefined, cssVarsRef, props)
             : undefined;
-        return {
-            mergedClsPrefix: mergedClsPrefixRef,
-            mergedTheme: themeRef,
-            rtlEnabled: rtlEnabledRef,
-            fNodes: mergedFNodesRef,
-            aip: aipRef,
-            selfElRef,
+        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, mergedTheme: themeRef, rtlEnabled: rtlEnabledRef, fNodes: mergedFNodesRef, aip: aipRef, selfElRef,
             virtualListInstRef,
             scrollbarInstRef,
             handleFocusout,
@@ -1199,13 +1193,7 @@ export default defineComponent({
             getScrollContainer,
             getScrollContent,
             handleAfterEnter,
-            handleResize,
-            handleKeydown: exposedMethods.handleKeydown,
-            scrollTo: exposedMethods.scrollTo,
-            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
-            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
-        };
+            handleResize, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
     },
     render() {
         var _a;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.34.0";
+declare const _default: "2.34.2";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.34.0';
+export default '2.34.2';

package/lib/config-provider/src/katex.d.ts

@@ -0,0 +1,2 @@
+import katex from 'katex';
+export declare type Katex = typeof katex;

package/lib/config-provider/src/katex.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/data-table/src/TableParts/Header.js

@@ -118,12 +118,12 @@ exports.default = (0, vue_1.defineComponent)({
                             checkOptions ? ((0, vue_1.h)(SelectionMenu_1.default, { clsPrefix: mergedClsPrefix })) : null)) : null;
                     }
                     return ((0, vue_1.h)(vue_1.Fragment, null,
-                        (0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-th__title` },
-                            ellipsis === true ||
+                        (0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-th__title-wrapper` },
+                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-th__title` }, ellipsis === true ||
                                 (ellipsis && !ellipsis.tooltip) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-th__ellipsis` }, renderTitle(column))) // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
                                 : ellipsis && typeof ellipsis === 'object' ? ((0, vue_1.h)(ellipsis_1.NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), {
                                     default: () => renderTitle(column)
-                                })) : (renderTitle(column)),
+                                })) : (renderTitle(column))),
                             (0, utils_1.isColumnSortable)(column) ? ((0, vue_1.h)(SortButton_1.default, { column: column })) : null),
                         (0, utils_1.isColumnFilterable)(column) ? ((0, vue_1.h)(FilterButton_1.default, { column: column, options: column.filterOptions })) : null,
                         (0, utils_1.isColumnResizable)(column) ? ((0, vue_1.h)(ResizeButton_1.default, { onResizeStart: () => handleColumnResizeStart(column), onResize: (displacementX) => handleColumnResize(column, displacementX) })) : null));

package/lib/data-table/src/styles/index.cssr.js

@@ -156,37 +156,39 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  color .3s var(--n-bezier),
  background-color .3s var(--n-bezier);
  font-weight: var(--n-th-font-weight);
- `, [(0, cssr_1.cM)('filterable', {
-  paddingRight: '36px'
-}, [(0, cssr_1.cM)('sortable', {
-  paddingRight: 'calc(var(--n-th-padding) + 36px)'
-})]), fixedColumnStyle, (0, cssr_1.cM)('selection', `
+ `, [(0, cssr_1.cM)('filterable', `
+ padding-right: 36px;
+ `, [(0, cssr_1.cM)('sortable', `
+ padding-right: calc(var(--n-th-padding) + 36px);
+ `)]), fixedColumnStyle, (0, cssr_1.cM)('selection', `
  padding: 0;
  text-align: center;
  line-height: 0;
  z-index: 3;
- `), (0, cssr_1.cE)('title', {
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'space-between',
-  flex: 'auto',
-  maxWidth: '100%'
-}), (0, cssr_1.cE)('ellipsis', `
+ `), (0, cssr_1.cE)('title-wrapper', `
+ display: flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ max-width: 100%;
+ `, [(0, cssr_1.cE)('title', `
+ flex: 1;
+ min-width: 0;
+ `)]), (0, cssr_1.cE)('ellipsis', `
  display: inline-block;
  vertical-align: bottom;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
- `), (0, cssr_1.cM)('hover', {
-  backgroundColor: 'var(--n-merged-th-color-hover)'
-}), (0, cssr_1.cM)('sortable', {
-  cursor: 'pointer'
-}, [(0, cssr_1.cE)('ellipsis', {
-  maxWidth: 'calc(100% - 18px)'
-}), (0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--n-merged-th-color-hover)'
-})]), (0, cssr_1.cB)('data-table-sorter', `
+ `), (0, cssr_1.cM)('hover', `
+ background-color: var(--n-merged-th-color-hover);
+ `), (0, cssr_1.cM)('sortable', `
+ cursor: pointer;
+ `, [(0, cssr_1.cE)('ellipsis', `
+ max-width: calc(100% - 18px);
+ `), (0, cssr_1.c)('&:hover', `
+ background-color: var(--n-merged-th-color-hover);
+ `)]), (0, cssr_1.cB)('data-table-sorter', `
  height: var(--n-sorter-size);
  width: var(--n-sorter-size);
  margin-left: 4px;
@@ -197,13 +199,13 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  vertical-align: -0.2em;
  color: var(--n-th-icon-color);
  transition: color .3s var(--n-bezier);
- `, [(0, cssr_1.cB)('base-icon', 'transition: transform .3s var(--n-bezier)'), (0, cssr_1.cM)('desc', [(0, cssr_1.cB)('base-icon', {
-  transform: 'rotate(0deg)'
-})]), (0, cssr_1.cM)('asc', [(0, cssr_1.cB)('base-icon', {
-  transform: 'rotate(-180deg)'
-})]), (0, cssr_1.cM)('asc, desc', {
-  color: 'var(--n-th-icon-color-active)'
-})]), (0, cssr_1.cB)('data-table-resize-button', `
+ `, [(0, cssr_1.cB)('base-icon', 'transition: transform .3s var(--n-bezier)'), (0, cssr_1.cM)('desc', [(0, cssr_1.cB)('base-icon', `
+ transform: rotate(0deg);
+ `)]), (0, cssr_1.cM)('asc', [(0, cssr_1.cB)('base-icon', `
+ transform: rotate(-180deg);
+ `)]), (0, cssr_1.cM)('asc, desc', `
+ color: var(--n-th-icon-color-active);
+ `)]), (0, cssr_1.cB)('data-table-resize-button', `
  width: var(--n-resizable-container-size);
  position: absolute;
  top: 0;
@@ -265,20 +267,20 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  color .3s var(--n-bezier);
  `, [(0, cssr_1.cM)('expand', [(0, cssr_1.cB)('data-table-expand-trigger', `
  margin-right: 0;
- `)]), (0, cssr_1.cM)('last-row', {
-  borderBottom: '0 solid var(--n-merged-border-color)'
-}, [
+ `)]), (0, cssr_1.cM)('last-row', `
+ border-bottom: 0 solid var(--n-merged-border-color);
+ `, [
 // make sure there is no overlap between bottom border and
 // fixed column box shadow
-(0, cssr_1.c)('&::after', {
-  bottom: '0 !important'
-}), (0, cssr_1.c)('&::before', {
-  bottom: '0 !important'
-})]), (0, cssr_1.cM)('summary', `
+(0, cssr_1.c)('&::after', `
+ bottom: 0 !important;
+ `), (0, cssr_1.c)('&::before', `
+ bottom: 0 !important;
+ `)]), (0, cssr_1.cM)('summary', `
  background-color: var(--n-merged-th-color);
- `), (0, cssr_1.cM)('hover', {
-  backgroundColor: 'var(--n-merged-td-color-hover)'
-}), (0, cssr_1.cE)('ellipsis', `
+ `), (0, cssr_1.cM)('hover', `
+ background-color: var(--n-merged-td-color-hover);
+ `), (0, cssr_1.cE)('ellipsis', `
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
@@ -299,9 +301,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  align-items: center;
  justify-content: center;
  transition: opacity .3s var(--n-bezier);
- `, [(0, cssr_1.cM)('hide', {
-  opacity: 0
-})]), (0, cssr_1.cE)('pagination', `
+ `, [(0, cssr_1.cM)('hide', `
+ opacity: 0;
+ `)]), (0, cssr_1.cE)('pagination', `
  margin: var(--n-pagination-margin);
  display: flex;
  justify-content: flex-end;
@@ -315,30 +317,26 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  `), (0, cssr_1.cM)('loading', [(0, cssr_1.cB)('data-table-wrapper', `
  opacity: var(--n-opacity-loading);
  pointer-events: none;
- `)]), (0, cssr_1.cM)('single-column', [(0, cssr_1.cB)('data-table-td', {
-  borderBottom: '0 solid var(--n-merged-border-color)'
-}, [(0, cssr_1.c)('&::after, &::before', {
-  bottom: '0 !important'
-})])]), (0, cssr_1.cNotM)('single-line', [(0, cssr_1.cB)('data-table-th', {
-  borderRight: '1px solid var(--n-merged-border-color)'
-}, [(0, cssr_1.cM)('last', {
-  borderRight: '0 solid var(--n-merged-border-color)'
-})]), (0, cssr_1.cB)('data-table-td', {
-  borderRight: '1px solid var(--n-merged-border-color)'
-}, [(0, cssr_1.cM)('last-col', {
-  borderRight: '0 solid var(--n-merged-border-color)'
-})])]), (0, cssr_1.cM)('bordered', [(0, cssr_1.cB)('data-table-wrapper', `
+ `)]), (0, cssr_1.cM)('single-column', [(0, cssr_1.cB)('data-table-td', `
+ border-bottom: 0 solid var(--n-merged-border-color);
+ `, [(0, cssr_1.c)('&::after, &::before', `
+ bottom: 0 !important;
+ `)])]), (0, cssr_1.cNotM)('single-line', [(0, cssr_1.cB)('data-table-th', `
+ border-right: 1px solid var(--n-merged-border-color);
+ `, [(0, cssr_1.cM)('last', `
+ border-right: 0 solid var(--n-merged-border-color);
+ `)]), (0, cssr_1.cB)('data-table-td', `
+ border-right: 1px solid var(--n-merged-border-color);
+ `, [(0, cssr_1.cM)('last-col', `
+ border-right: 0 solid var(--n-merged-border-color);
+ `)])]), (0, cssr_1.cM)('bordered', [(0, cssr_1.cB)('data-table-wrapper', `
  border: 1px solid var(--n-merged-border-color);
  border-bottom-left-radius: var(--n-border-radius);
  border-bottom-right-radius: var(--n-border-radius);
  overflow: hidden;
- `)]), (0, cssr_1.cB)('data-table-base-table', [(0, cssr_1.cM)('transition-disabled', [(0, cssr_1.cB)('data-table-th', [(0, cssr_1.c)('&::after, &::before', {
-  transition: 'none'
-})]), (0, cssr_1.cB)('data-table-td', [(0, cssr_1.c)('&::after, &::before', {
-  transition: 'none'
-})])])]), (0, cssr_1.cM)('bottom-bordered', [(0, cssr_1.cB)('data-table-td', [(0, cssr_1.cM)('last-row', {
-  borderBottom: '1px solid var(--n-merged-border-color)'
-})])]), (0, cssr_1.cB)('data-table-table', `
+ `)]), (0, cssr_1.cB)('data-table-base-table', [(0, cssr_1.cM)('transition-disabled', [(0, cssr_1.cB)('data-table-th', [(0, cssr_1.c)('&::after, &::before', 'transition: none;')]), (0, cssr_1.cB)('data-table-td', [(0, cssr_1.c)('&::after, &::before', 'transition: none;')])])]), (0, cssr_1.cM)('bottom-bordered', [(0, cssr_1.cB)('data-table-td', [(0, cssr_1.cM)('last-row', `
+ border-bottom: 1px solid var(--n-merged-border-color);
+ `)])]), (0, cssr_1.cB)('data-table-table', `
  font-variant-numeric: tabular-nums;
  width: 100%;
  word-break: break-word;
@@ -354,10 +352,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  flex-shrink: 0;
  transition: border-color .3s var(--n-bezier);
  scrollbar-width: none;
- `, [(0, cssr_1.c)('&::-webkit-scrollbar', {
-  width: 0,
-  height: 0
-})]), (0, cssr_1.cB)('data-table-check-extra', `
+ `, [(0, cssr_1.c)('&::-webkit-scrollbar', `
+ width: 0;
+ height: 0;
+ `)]), (0, cssr_1.cB)('data-table-check-extra', `
  transition: color .3s var(--n-bezier);
  color: var(--n-th-icon-color);
  position: absolute;
@@ -366,31 +364,31 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
- `)]), (0, cssr_1.cB)('data-table-filter-menu', [(0, cssr_1.cB)('scrollbar', {
-  maxHeight: '240px'
-}), (0, cssr_1.cE)('group', {
-  display: 'flex',
-  flexDirection: 'column',
-  padding: '12px 12px 0 12px'
-}, [(0, cssr_1.cB)('checkbox', {
-  marginBottom: '12px',
-  marginRight: 0
-}), (0, cssr_1.cB)('radio', {
-  marginBottom: '12px',
-  marginRight: 0
-})]), (0, cssr_1.cE)('action', `
+ `)]), (0, cssr_1.cB)('data-table-filter-menu', [(0, cssr_1.cB)('scrollbar', `
+ max-height: 240px;
+ `), (0, cssr_1.cE)('group', `
+ display: flex;
+ flex-direction: column;
+ padding: 12px 12px 0 12px;
+ `, [(0, cssr_1.cB)('checkbox', `
+ margin-bottom: 12px;
+ margin-right: 0;
+ `), (0, cssr_1.cB)('radio', `
+ margin-bottom: 12px;
+ margin-right: 0;
+ `)]), (0, cssr_1.cE)('action', `
  padding: var(--n-action-padding);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  border-top: 1px solid var(--n-action-divider-color);
- `, [(0, cssr_1.cB)('button', [(0, cssr_1.c)('&:not(:last-child)', {
-  margin: 'var(--n-action-button-margin)'
-}), (0, cssr_1.c)('&:last-child', {
-  marginRight: 0
-})])]), (0, cssr_1.cB)('divider', {
-  margin: '0!important'
-})]), (0, cssr_1.insideModal)((0, cssr_1.cB)('data-table', `
+ `, [(0, cssr_1.cB)('button', [(0, cssr_1.c)('&:not(:last-child)', `
+ margin: var(--n-action-button-margin);
+ `), (0, cssr_1.c)('&:last-child', `
+ margin-right: 0;
+ `)])]), (0, cssr_1.cB)('divider', `
+ margin: 0 !important;
+ `)]), (0, cssr_1.insideModal)((0, cssr_1.cB)('data-table', `
  --n-merged-th-color: var(--n-th-color-modal);
  --n-merged-td-color: var(--n-td-color-modal);
  --n-merged-border-color: var(--n-border-color-modal);
@@ -420,11 +418,11 @@ function createFixedColumnStyle() {
  bottom: -1px;
  transition: box-shadow .2s var(--n-bezier);
  right: -36px;
- `)]), (0, cssr_1.cM)('fixed-right', {
-    right: 0,
-    position: 'sticky',
-    zIndex: 1
-  }, [(0, cssr_1.c)('&::before', `
+ `)]), (0, cssr_1.cM)('fixed-right', `
+ right: 0;
+ position: sticky;
+ z-index: 1;
+ `, [(0, cssr_1.c)('&::before', `
  pointer-events: none;
  content: "";
  width: 36px;