@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.11

package/dist/theme-chalk/common/_var.scss

@@ -3,3 +3,4 @@ $common-separator: '-' !default;
 $element-separator: '__' !default;
 $modifier-separator: '--' !default;
 $state-prefix: 'is-' !default;
+$fa-font-family: 'el-icon' !default;

package/dist/theme-chalk/common/index.js

@@ -1,2 +1 @@
-// src/theme-chalk/common/index.ts
-var import_styles = require("./styles/index.scss");
+import "./styles/index.scss";

package/dist/theme-chalk/common/index.scss

@@ -67,7 +67,7 @@ $color-info: map.get($colors, 'info', 'base') !default;
     --#{$namespace}-bg-color: #ffffff;
     --#{$namespace}-bg-color-page: #f2f3f5;
     --#{$namespace}-bg-color-overlay: #ffffff;
-    --#{$namespace}-text-color-primary: rgb(61, 77, 102);
+    --#{$namespace}-text-color-primary: #303133;
     --#{$namespace}-text-color-regular: #606266;
     --#{$namespace}-text-color-secondary: #909399;
     --#{$namespace}-text-color-placeholder: #a8abb2;
@@ -216,7 +216,7 @@ $bg-color: map.merge(
     --#{$namespace}-mask-color-extra-light: rgba(0, 0, 0, 0.3);
 
     @for $i from 0 through 9 {
-        // @include set-color-mix-level($i, 'light', $--main-color, #141414);
+        // @include set-color-mix-level($i, 'light', $--el-color-primary, #141414);
         --#{$namespace}-empty-fill-color-#{$i}: #{mix(#141414, #000000, math.percentage(math.div($i, 10)))};
     }
 }

package/dist/theme-chalk/date-picker/index.scss

@@ -147,7 +147,7 @@ $input-font-size: map.merge(
         padding: 0 5px;
         margin: 0;
         font-size: 14px;
-        word-break: keep-all;
+        word-break: break-all;
         color: var(--#{$namespace}-text-color-primary);
     }
 

package/dist/theme-chalk/dev.scss

@@ -0,0 +1,2 @@
+$fa-font-path: '/fonts' !default;
+@import './index.scss';

package/dist/theme-chalk/display.scss

@@ -0,0 +1,46 @@
+@use './common/var';
+
+@use 'sass:string';
+@use 'sass:map';
+
+// Break-point
+$sm: 768px !default;
+$md: 992px !default;
+$lg: 1200px !default;
+$xl: 1920px !default;
+
+$breakpoints-spec: (
+    'xs-only': '(max-width: #{$sm - 1})',
+    'sm-and-up': '(min-width: #{$sm})',
+    'sm-only': '(min-width: #{$sm}) and (max-width: #{$md - 1})',
+    'sm-and-down': '(max-width: #{$md - 1})',
+    'md-and-up': '(min-width: #{$md})',
+    'md-only': '(min-width: #{$md}) and (max-width: #{$lg - 1})',
+    'md-and-down': '(max-width: #{$lg - 1})',
+    'lg-and-up': '(min-width: #{$lg})',
+    'lg-only': '(min-width: #{$lg}) and (max-width: #{$xl - 1})',
+    'lg-and-down': '(max-width: #{$xl - 1})',
+    'xl-only': '(min-width: #{$xl})',
+) !default;
+
+// Break-points
+@mixin res($key, $map: $breakpoints) {
+    // loop breakpoint Map, return if present
+    @if map.has-key($map, $key) {
+        @media only screen and #{string.unquote(map.get($map, $key))} {
+            @content;
+        }
+    } @else {
+        @warn "Undefined points: `#{$map}`";
+    }
+}
+
+.hidden {
+    @each $break-point-name, $value in $breakpoints-spec {
+        &-#{$break-point-name} {
+            @include res($break-point-name, $breakpoints-spec) {
+                display: none !important;
+            }
+        }
+    }
+}

package/dist/theme-chalk/doc.scss

@@ -0,0 +1,2 @@
+$fa-font-path: '/element-plus-react/fonts' !default;
+@import './index.scss';

package/dist/theme-chalk/form/index.scss

@@ -221,11 +221,23 @@ $--gorup-item-width: 400px;
     }
 
     &.is-required {
-        .#{$namespace}-form-item__label::before {
+        &:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
+        &:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
             content: '*';
-            color: var(--#{$namespace}-color-error);
+            color: var(--el-color-danger);
             margin-right: 4px;
         }
+
+        &:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after,
+        &:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {
+            content: '*';
+            color: var(--el-color-danger);
+            margin-left: 4px;
+        }
+    }
+
+    &.#{$namespace}-form-item--label-top {
+        display: block;
     }
 }
 
@@ -357,3 +369,10 @@ $--gorup-item-width: 400px;
         margin-left: 10px;
     }
 }
+
+.#{$namespace}-form-item__nostyle {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    line-height: 0;
+}

package/dist/theme-chalk/icon/fonts.scss

@@ -0,0 +1,9 @@
+@use '../common/var';
+@import './scss/index.scss';
+@import './scss/v4-shims.scss';
+@import './scss/regular.scss';
+@import './scss/light.scss';
+@import './scss/thin.scss';
+@import './scss/duotone.scss';
+@import './scss/brands.scss';
+@import './scss/solid.scss';

package/dist/theme-chalk/icon/index.scss

@@ -1,14 +1,5 @@
 @use '../common/var';
 
-@import './scss/index.scss';
-@import './scss/v4-shims.scss';
-@import './scss/regular.scss';
-@import './scss/light.scss';
-@import './scss/thin.scss';
-@import './scss/duotone.scss';
-@import './scss/brands.scss';
-@import './scss/solid.scss';
-
 .#{$namespace}-icon-loading {
     animation: rotating 2s linear infinite;
 }