naive-ui 2.24.2 → 2.24.3

package/es/layout/src/LayoutSider.js

@@ -211,6 +211,7 @@ export default defineComponent({
                         overflow: 'auto'
                     }
                 ], ref: "scrollableElRef" }, this.$slots)),
-            showTrigger ? (showTrigger === 'bar' ? (h(ToggleBar, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : (h(ToggleButton, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null));
+            showTrigger ? (showTrigger === 'bar' ? (h(ToggleBar, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : (h(ToggleButton, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null,
+            this.bordered ? (h("div", { class: `${mergedClsPrefix}-layout-sider__border` })) : null));
     }
 });

package/es/layout/src/styles/layout-sider.cssr.js

@@ -23,19 +23,19 @@ export default cB('layout-sider', `
  background-color: var(--n-color);
  display: flex;
  justify-content: flex-end;
-`, [cM('bordered', [c('&::after', `
+`, [cM('bordered', [cE('border', `
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--n-border-color);
- transition: background-color .3s var(--bezier);
- `)]), cE('left-placement', [cM('bordered', [c('&::after', `
+ transition: background-color .3s var(--n-bezier);
+ `)]), cE('left-placement', [cM('bordered', [cE('border', `
  right: 0;
  `)])]), cM('right-placement', `
  justify-content: flex-start;
- `, [cM('bordered', [c('&::after', `
+ `, [cM('bordered', [cE('border', `
  left: 0;
  `)]), cM('collapsed', [cB('layout-toggle-button', [cB('base-icon', `
  transform: rotate(180deg);

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.24.2";
+declare const _default: "2.24.3";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.24.2';
+export default '2.24.3';

package/lib/layout/src/LayoutSider.js

@@ -216,6 +216,7 @@ exports.default = (0, vue_1.defineComponent)({
                         overflow: 'auto'
                     }
                 ], ref: "scrollableElRef" }, this.$slots)),
-            showTrigger ? (showTrigger === 'bar' ? ((0, vue_1.h)(ToggleBar_1.default, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : ((0, vue_1.h)(ToggleButton_1.default, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null));
+            showTrigger ? (showTrigger === 'bar' ? ((0, vue_1.h)(ToggleBar_1.default, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick })) : ((0, vue_1.h)(ToggleButton_1.default, { clsPrefix: mergedClsPrefix, style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle, onClick: this.handleTriggerClick }))) : null,
+            this.bordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-layout-sider__border` })) : null));
     }
 });

package/lib/layout/src/styles/layout-sider.cssr.js

@@ -30,19 +30,19 @@ exports.default = (0, cssr_1.cB)('layout-sider', `
  background-color: var(--n-color);
  display: flex;
  justify-content: flex-end;
-`, [(0, cssr_1.cM)('bordered', [(0, cssr_1.c)('&::after', `
+`, [(0, cssr_1.cM)('bordered', [(0, cssr_1.cE)('border', `
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--n-border-color);
- transition: background-color .3s var(--bezier);
- `)]), (0, cssr_1.cE)('left-placement', [(0, cssr_1.cM)('bordered', [(0, cssr_1.c)('&::after', `
+ transition: background-color .3s var(--n-bezier);
+ `)]), (0, cssr_1.cE)('left-placement', [(0, cssr_1.cM)('bordered', [(0, cssr_1.cE)('border', `
  right: 0;
  `)])]), (0, cssr_1.cM)('right-placement', `
  justify-content: flex-start;
- `, [(0, cssr_1.cM)('bordered', [(0, cssr_1.c)('&::after', `
+ `, [(0, cssr_1.cM)('bordered', [(0, cssr_1.cE)('border', `
  left: 0;
  `)]), (0, cssr_1.cM)('collapsed', [(0, cssr_1.cB)('layout-toggle-button', [(0, cssr_1.cB)('base-icon', `
  transform: rotate(180deg);

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.24.2";
+declare const _default: "2.24.3";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.24.2';
+exports.default = '2.24.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.24.2",
+  "version": "2.24.3",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "naive-ui",
-  "version": "2.24.2",
+  "version": "2.24.3",
   "contributions": {
     "html": {
       "tags": [