element-pe 2.2.63 → 2.2.65

package/theme-chalk/src/index.scss

@@ -104,3 +104,4 @@
 @use './option-group.scss';
 @use './option-item.scss';
 @use './statistic.scss';
+@use './resizable-columns.scss';

package/theme-chalk/src/input-number.scss

@@ -29,6 +29,16 @@
     }
   }
 
+  @each $align in (left, center, right) {
+    &.text-align--#{$align} {
+      .#{$namespace}-input {
+        &__inner {
+          text-align: $align;
+        }
+      }
+    }
+  }
+
   @include e((increase, decrease)) {
     display: flex;
     justify-content: center;

package/theme-chalk/src/input.scss

@@ -355,6 +355,12 @@
     height: 100% !important;
     width: 100% !important;
 
+    &.view-mode-text, &.view-mode-underline {
+      .#{$namespace}-input__wrapper {
+        box-shadow: 0 0 0 1px transparent inset !important;
+      }
+    }
+
     .#{$namespace}-input__wrapper {
       height: 100%;
       width: 100%;
@@ -380,7 +386,7 @@
 
   &.view-mode-text {
     .#{$namespace}-input__wrapper {
-      @include mixed-input-border(transparent);
+      box-shadow: 0 0 0 1px transparent inset;
     }
   }
 

package/theme-chalk/src/resizable-columns.scss

@@ -0,0 +1,64 @@
+@use 'mixins/mixins' as *;
+@use 'common/var' as *;
+
+@include b(resizable-columns) {
+  height: 100%;
+  width: 100%;
+  position: relative;
+
+  @include b(resizable-column) {
+    height: 100%;
+    position: absolute;
+    /* 很重要 */
+    overflow: hidden;
+  }
+
+  .resizer {
+    position: absolute;
+    background-color: #D4D7DE;
+    height: 100%;
+    width: 1px;
+    z-index: 1;
+    cursor: ew-resize;
+
+    &.collapsed {
+      cursor: auto;
+    }
+
+    .left, .right {
+      position: absolute;
+      top: calc(50% - 12px);
+      padding: 2px 1px;
+      z-index: 1001;
+      color: getCssVar('color-primary');
+      box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    }
+
+    .left {
+      right: 1px;
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+      border-right: none;
+    }
+
+    .right {
+      left: 1px;
+      margin-left: 0;
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+      border-left: none;
+    }
+  }
+
+  .resizer::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    transform: translateX(-50%);
+    min-width: 12px !important;
+    z-index: 1000;
+  }
+}

package/theme-chalk/src/select-v2.scss

@@ -31,6 +31,10 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
       width: 100%;
       border-color: transparent;
 
+      &.view-mode-text, &.view-mode-underline {
+        box-shadow: none !important;
+      }
+
       &.is-focused {
         box-shadow: 0 0 0 1px getCssVar('color-primary') inset;
       }

package/theme-chalk/src/select.scss

@@ -190,6 +190,18 @@
     height: 100%;
     width: 100%;
 
+    .select-trigger {
+      .view-mode-text, .view-mode-underline {
+        .#{$namespace}-input__wrapper {
+          box-shadow: none !important;
+
+          .#{$namespace}-select__caret {
+            display: none !important;
+          }
+        }
+      }
+    }
+
     .#{$namespace}-tooltip__trigger {
       height: 100%;
 

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"element-pe","version":"2.2.63","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"element-pe","version":"2.2.65","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}