bkui-vue 1.0.3-beta.67 → 1.0.3-beta.67.dialog.2

package/lib/sideslider/sideslider.less

@@ -1,31 +1,34 @@
 @import '../styles/themes/themes.less';
 
 .@{bk-prefix}-sideslider {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  &.is-position-right {
+    .@{bk-prefix}-modal-wrapper {
+      right: 0;
+    }
+  }
+
+  &.is-position-left {
+    .@{bk-prefix}-modal-wrapper {
+      left: 0;
+    }
+
+    .@{bk-prefix}-sideslider-header {
+      flex-direction: row-reverse;
+    }
+  }
 
   .@{bk-prefix}-modal-wrapper {
-    position: absolute;
+    position: fixed;
     top: 0;
     bottom: 0;
-    left: auto;
-    transform: initial;
-
-    &.scroll-able {
-      .@{bk-prefix}-modal-content {
-        overflow: auto;
-      }
-    }
   }
+
   .@{bk-prefix}-modal-footer {
     &.is-fixed {
       .@{bk-prefix}-sideslider-footer {
-        height: 54px;
         margin: 0;
-        border-top: 1px solid transparent;
+        background: #fafbfd;
+        box-shadow: 0 -1px 0 0 #dcdee5;
         box-shadow: rgb(0 0 0 / 6%) 0 -2px 4px 0;
       }
     }
@@ -33,121 +36,38 @@
 }
 
 .@{bk-prefix}-sideslider-header {
-  width: 100%;
+  display: flex;
   height: 52px;
   background: #fff;
   border-bottom: 1px solid #dcdee5;
 }
 
 .@{bk-prefix}-sideslider-close {
-  position: absolute;
-  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 30px;
-  height: 52px;
-  font-size: 24px;
-  line-height: 52px;
+  font-size: 26px;
   color: #fff;
-  text-align: center;
   cursor: pointer;
   background-color: @primary-color;
-
-  &.right {
-    left: 0;
-
-    &::before {
-      top: 50%;
-      left: 50%;
-      display: inline-block;
-      width: 8px;
-      height: 8px;
-      border-top: solid 2px #fff;
-      border-right: solid 2px #fff;
-      content: '';
-      transform: translate(-50%, -50%) rotate(45deg);
-    }
-  }
-
-  &.left {
-    right: 0;
-
-    &::before {
-      top: 50%;
-      left: 50%;
-      display: inline-block;
-      width: 8px;
-      height: 8px;
-      border-top: solid 2px #fff;
-      border-left: solid 2px #fff;
-      content: '';
-      transform: translate(50%, -50%) rotate(-45deg);
-    }
-  }
 }
 
 .@{bk-prefix}-sideslider-title {
   display: flex;
-  height: 52px;
-  padding-left: 30px;
+  padding-left: 16px;
   font-size: 16px;
   color: #313238;
   align-items: center;
-
-  &.right {
-    width: 100%;
-    padding: 0 0 0 30+16px;
-  }
+  flex: 1;
 }
 
-// .@{bk-prefix}-sideslider-content {
-// }
-
 .@{bk-prefix}-sideslider-footer {
   display: flex;
   width: 100%;
-  height: 54px;
+  height: 48px;
   padding: 0 24px;
   margin-top: 24px;
   background: #fff;
   align-items: center;
 }
-
-/* fade-center */
-
-/* slide过渡动画 */
-.slide-enter-active,
-.slide-leave-active,
-.@{bk-prefix}-modal-body {
-  transform: translateX(0);
-  transition: transform 0.25s;
-}
-
-.slide-enter-active {
-  animation: slider-fade-in 0.25s;
-}
-
-.slide-leave-active {
-  animation: slider-fade-in 0.25s reverse;
-}
-
-.slide-enter-from,
-.slide-leave-to {
-  &.left {
-    transform: translateX(-100%);
-    transition: transform 0.25s;
-  }
-
-  &.right {
-    transform: translateX(100%);
-    transition: transform 0.25s;
-  }
-}
-
-@keyframes slider-fade-in {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}

package/lib/sideslider/sideslider.variable.css

@@ -127,125 +127,56 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-.bk-sideslider {
-  position: fixed;
-  top: 0;
+.bk-sideslider.is-position-right .bk-modal-wrapper {
   right: 0;
-  bottom: 0;
+}
+.bk-sideslider.is-position-left .bk-modal-wrapper {
   left: 0;
 }
+.bk-sideslider.is-position-left .bk-sideslider-header {
+  flex-direction: row-reverse;
+}
 .bk-sideslider .bk-modal-wrapper {
-  position: absolute;
+  position: fixed;
   top: 0;
   bottom: 0;
-  left: auto;
-  transform: initial;
-}
-.bk-sideslider .bk-modal-wrapper.scroll-able .bk-modal-content {
-  overflow: auto;
 }
 .bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
-  height: 54px;
   margin: 0;
-  border-top: 1px solid transparent;
+  background: #fafbfd;
+  box-shadow: 0 -1px 0 0 #dcdee5;
   box-shadow: rgba(0, 0, 0, 0.06) 0 -2px 4px 0;
 }
 .bk-sideslider-header {
-  width: 100%;
+  display: flex;
   height: 52px;
   background: #fff;
   border-bottom: 1px solid #dcdee5;
 }
 .bk-sideslider-close {
-  position: absolute;
-  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 30px;
-  height: 52px;
-  font-size: 24px;
-  line-height: 52px;
+  font-size: 26px;
   color: #fff;
-  text-align: center;
   cursor: pointer;
   background-color: var(--primary-color);
 }
-.bk-sideslider-close.right {
-  left: 0;
-}
-.bk-sideslider-close.right::before {
-  top: 50%;
-  left: 50%;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  border-top: solid 2px #fff;
-  border-right: solid 2px #fff;
-  content: '';
-  transform: translate(-50%, -50%) rotate(45deg);
-}
-.bk-sideslider-close.left {
-  right: 0;
-}
-.bk-sideslider-close.left::before {
-  top: 50%;
-  left: 50%;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  border-top: solid 2px #fff;
-  border-left: solid 2px #fff;
-  content: '';
-  transform: translate(50%, -50%) rotate(-45deg);
-}
 .bk-sideslider-title {
   display: flex;
-  height: 52px;
-  padding-left: 30px;
+  padding-left: 16px;
   font-size: 16px;
   color: #313238;
   align-items: center;
-}
-.bk-sideslider-title.right {
-  width: 100%;
-  padding: 0 0 0 46px;
+  flex: 1;
 }
 .bk-sideslider-footer {
   display: flex;
   width: 100%;
-  height: 54px;
+  height: 48px;
   padding: 0 24px;
   margin-top: 24px;
   background: #fff;
   align-items: center;
 }
-/* fade-center */
-/* slide过渡动画 */
-.slide-enter-active,
-.slide-leave-active,
-.bk-modal-body {
-  transform: translateX(0);
-  transition: transform 0.25s;
-}
-.slide-enter-active {
-  animation: slider-fade-in 0.25s;
-}
-.slide-leave-active {
-  animation: slider-fade-in 0.25s reverse;
-}
-.slide-enter-from.left,
-.slide-leave-to.left {
-  transform: translateX(-100%);
-  transition: transform 0.25s;
-}
-.slide-enter-from.right,
-.slide-leave-to.right {
-  transform: translateX(100%);
-  transition: transform 0.25s;
-}
-@keyframes slider-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}

package/lib/table/components/table-cell.d.ts

@@ -1,5 +1,6 @@
+import { Column } from '../props';
 declare const _default: import("vue").DefineComponent<{
-    column: import("vue-types").VueTypeDef<import("../props").Column>;
+    column: import("vue-types").VueTypeDef<Column>;
     row: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
     };
@@ -24,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     resizerWay: import("vue-types").VueTypeDef<"debounce" | "throttle">;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    column: import("vue-types").VueTypeDef<import("../props").Column>;
+    column: import("vue-types").VueTypeDef<Column>;
     row: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
     };

package/lib/table/components/table-column.d.ts

@@ -193,8 +193,8 @@ declare const _default: import("vue").DefineComponent<{
         className?: import("../props").RowClassFunctionString;
         align?: "" | "right" | "left" | "center";
         showOverflowTooltip?: boolean | {
-            content: string | Function;
-            disabled?: (col: Column, row: any) => boolean;
+            content: string | ((col: Column, row: any) => string);
+            disabled?: boolean | ((col: Column, row: any) => boolean);
             watchCellResize?: boolean;
             mode?: "auto" | "static";
             popoverOption?: any;

package/lib/table/const.d.ts

@@ -53,7 +53,7 @@ export declare const COLUMN_ATTRIBUTE: {
 /**
  * Y 轴滚动条宽度
  */
-export declare const SCROLLY_WIDTH = 6;
+export declare const SCROLLY_WIDTH = 0;
 /**
  * 默认行高
  */

package/lib/table/index.d.ts

@@ -162,6 +162,11 @@ declare const BkTable: {
         rowDraggable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
+        shiftMultiChecked: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onDragend?: (_args: {
             sourceEvent: DragEvent;
@@ -486,6 +491,11 @@ declare const BkTable: {
         rowDraggable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
+        shiftMultiChecked: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onDragend?: (_args: {
             sourceEvent: DragEvent;
@@ -612,6 +622,7 @@ declare const BkTable: {
         prependStyle: import("vue").CSSProperties;
         isFlex: boolean;
         rowDraggable: any;
+        shiftMultiChecked: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -777,6 +788,11 @@ declare const BkTable: {
         rowDraggable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
+        shiftMultiChecked: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onDragend?: (_args: {
             sourceEvent: DragEvent;
@@ -903,6 +919,7 @@ declare const BkTable: {
         prependStyle: import("vue").CSSProperties;
         isFlex: boolean;
         rowDraggable: any;
+        shiftMultiChecked: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -1065,6 +1082,11 @@ declare const BkTable: {
     rowDraggable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    shiftMultiChecked: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     onDragend?: (_args: {
         sourceEvent: DragEvent;
@@ -1274,6 +1296,7 @@ declare const BkTable: {
     prependStyle: import("vue").CSSProperties;
     isFlex: boolean;
     rowDraggable: any;
+    shiftMultiChecked: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Column: import("vue").DefineComponent<{
         label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
@@ -1406,8 +1429,8 @@ declare const BkTable: {
             className?: import("./props").RowClassFunctionString;
             align?: "" | "right" | "left" | "center";
             showOverflowTooltip?: boolean | {
-                content: string | Function;
-                disabled?: (col: import("./props").Column, row: any) => boolean;
+                content: string | ((col: import("./props").Column, row: any) => string);
+                disabled?: boolean | ((col: import("./props").Column, row: any) => boolean);
                 watchCellResize?: boolean;
                 mode?: "auto" | "static";
                 popoverOption?: any;