@qsxy/element-plus-react 1.0.0-next.22 → 1.0.0-next.23

package/dist/index.d.ts

@@ -54,6 +54,8 @@ export { Badge as ElBadge } from './Badge';
 export type { BadgeProps } from './Badge';
 export { Card as ElCard } from './Card';
 export type { CardProps } from './Card';
+export { Aside as ElAside, Container as ElContainer, Footer as ElFooter, Header as ElHeader, Main as ElMain } from './Container';
+export type { AsideProps, ContainerProps, FooterProps, HeaderProps, MainProps } from './Container';
 export { Carousel as ElCarousel, CarouselItem as ElCarouselItem } from './Carousel';
 export type { CarouselItemProps, CarouselProps, CarouselRef } from './Carousel';
 export { Collapse as ElCollapse, CollapseItem as ElCollapseItem } from './Collapse';

package/dist/index.js

@@ -31,6 +31,7 @@ export { Upload as ElUpload } from "./Upload";
 export { Avatar as ElAvatar } from "./Avatar";
 export { Badge as ElBadge } from "./Badge";
 export { Card as ElCard } from "./Card";
+export { Aside as ElAside, Container as ElContainer, Footer as ElFooter, Header as ElHeader, Main as ElMain } from "./Container";
 export { Carousel as ElCarousel, CarouselItem as ElCarouselItem } from "./Carousel";
 export { Collapse as ElCollapse, CollapseItem as ElCollapseItem } from "./Collapse";
 export { Descriptions as ElDescriptions, DescriptionsItem as ElDescriptionsItem } from "./Descriptions";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qsxy/element-plus-react",
-  "version": "1.0.0-next.22",
+  "version": "1.0.0-next.23",
   "description": "element-plus-react",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/theme-chalk/aside.scss

@@ -0,0 +1,8 @@
+@use 'mixins/mixins' as *;
+
+@include b(aside) {
+  overflow: auto;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  width: var(#{getCssVarName('aside', 'width')}, 300px);
+}

package/theme-chalk/container.scss

@@ -0,0 +1,14 @@
+@use 'mixins/mixins' as *;
+
+@include b(container) {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  flex-basis: auto;
+  box-sizing: border-box;
+  min-width: 0;
+
+  @include when(vertical) {
+    flex-direction: column;
+  }
+}

package/theme-chalk/footer.scss

@@ -0,0 +1,12 @@
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(footer) {
+  @include set-component-css-var('footer', $footer);
+
+  padding: getCssVar('footer-padding');
+  box-sizing: border-box;
+  flex-shrink: 0;
+  height: getCssVar('footer-height');
+}

package/theme-chalk/header.scss

@@ -0,0 +1,12 @@
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(header) {
+  @include set-component-css-var('header', $header);
+
+  padding: getCssVar('header-padding');
+  box-sizing: border-box;
+  flex-shrink: 0;
+  height: getCssVar('header-height');
+}

package/theme-chalk/index.scss

@@ -3,6 +3,11 @@
 @use './link';
 @use './button';
 @use './button-group';
+@use './aside';
+@use './container';
+@use './footer';
+@use './header';
+@use './main';
 @use './icon/fonts';
 @use './icon';
 @use './row';

package/theme-chalk/main.scss

@@ -0,0 +1,14 @@
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(main) {
+  @include set-component-css-var('main', $main);
+
+  display: block;
+  flex: 1;
+  flex-basis: auto;
+  overflow: auto;
+  box-sizing: border-box;
+  padding: getCssVar('main-padding');
+}

package/theme-chalk/menu.scss

@@ -34,6 +34,7 @@
 
     &:hover {
         background-color: getCssVar('menu-hover-bg-color');
+        color: getCssVar('menu-hover-text-color');
     }
 
     @include when(disabled) {