bkui-vue 0.0.1-beta.205 → 0.0.1-beta.207

package/lib/steps/steps.variable.css

@@ -24,6 +24,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -111,6 +112,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 * {
   box-sizing: border-box;

package/lib/styles/mixins/scroll.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-F-scroll-x {
   overflow-x: auto;

package/lib/styles/themes/themes.less

@@ -29,6 +29,7 @@
 @border-width-base: 1px;
 @border-style-base: solid;
 @border-radius-base: 2px;
+@border-style-color: @light-gray;
 
 
 // input theme
@@ -150,3 +151,11 @@
 @cascader-panel-hover: #f5f7fa;
 @cascader-panel-active: #e1ecff;
 @cascader-panel-disabled-bg: #fff;
+
+
+// search-select theme
+@search-select-focus-border-color: @primary-color;
+@search-select-focus-color: #3c96ff;
+@search-select-font-color: @default-color;
+@search-select-placeholder-color: @light-gray;
+@search-select-message-color: @danger-color;

package/lib/switcher/switcher.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/tab/tab.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-tab {
   position: relative;

package/lib/table/plugins/head-filter.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-table-head-action {
   display: flex;

package/lib/table/plugins/head-sort.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-head-cell-sort {
   display: flex;

package/lib/table/plugins/settings.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-table-settings[data-bk-table-settings-theme='true'] {
   padding: 0;

package/lib/table/table.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-F-scroll-x {
   overflow-x: auto;

package/lib/tag/tag.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-tag {
   display: inline-flex;

package/lib/tag-input/tag-input.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-tag-input {
   position: relative;

package/lib/time-picker/index.d.ts

@@ -91,7 +91,8 @@ declare const BkTimePicker: {
                 readonly default: true;
             };
             open: {
-                readonly type: BooleanConstructor;
+                readonly type: () => boolean;
+                readonly default: any;
             };
             multiple: {
                 readonly type: BooleanConstructor;
@@ -253,7 +254,8 @@ declare const BkTimePicker: {
                 readonly default: true;
             };
             open: {
-                readonly type: BooleanConstructor;
+                readonly type: () => boolean;
+                readonly default: any;
             };
             multiple: {
                 readonly type: BooleanConstructor;
@@ -509,7 +511,8 @@ declare const BkTimePicker: {
             readonly default: true;
         };
         open: {
-            readonly type: BooleanConstructor;
+            readonly type: () => boolean;
+            readonly default: any;
         };
         multiple: {
             readonly type: BooleanConstructor;
@@ -716,7 +719,8 @@ declare const BkTimePicker: {
         readonly default: true;
     };
     open: {
-        readonly type: BooleanConstructor;
+        readonly type: () => boolean;
+        readonly default: any;
     };
     multiple: {
         readonly type: BooleanConstructor;

package/lib/time-picker/time-picker.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-time-picker-header {
   height: 46px;

package/lib/timeline/timeline.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 * {
   box-sizing: border-box;

package/lib/transfer/transfer.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 /* 边框色 */
 /* 按钮、表单边框颜色、禁用时文本颜色 */

package/lib/tree/tree.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-F-scroll-x {
   overflow-x: auto;

package/lib/upload/upload.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/virtual-render/virtual-render.variable.css

@@ -23,6 +23,7 @@
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-F-scroll-x {
   overflow-x: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.205",
+  "version": "0.0.1-beta.207",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",

package/lib/search-select/menu.css

@@ -1,145 +0,0 @@
-.menu-list-mixin {
-  display: flex;
-  flex-direction: column;
-}
-.menu-item-mixin {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 32px;
-  padding: 0 12px;
-  flex: 0 0 32px;
-  outline: none;
-}
-.menu-item-mixin:hover {
-  cursor: pointer;
-  background-color: #f5f7fa;
-}
-.menu-disabled-mixin {
-  color: #c4c6cc;
-}
-.menu-disabled-mixin:hover {
-  cursor: not-allowed;
-  background-color: white;
-}
-.search-select-menu {
-  display: flex;
-  min-width: 160px;
-  font-size: 12px;
-  color: #63656e;
-  flex-direction: column;
-}
-.search-select-menu .menu-header {
-  display: flex;
-  flex-direction: column;
-  border-bottom: 1px solid #dcdee5;
-}
-.search-select-menu .menu-header-item {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 32px;
-  padding: 0 12px;
-  flex: 0 0 32px;
-  outline: none;
-}
-.search-select-menu .menu-header-item:hover {
-  cursor: pointer;
-  background-color: #f5f7fa;
-}
-.search-select-menu .menu-header-item.is-disabled {
-  color: #c4c6cc;
-}
-.search-select-menu .menu-header-item.is-disabled:hover {
-  cursor: not-allowed;
-  background-color: white;
-}
-.search-select-menu .menu-content {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  max-height: 240px;
-  overflow: auto;
-}
-.search-select-menu .menu-content .menu-item {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 32px;
-  padding: 0 12px;
-  flex: 0 0 32px;
-  outline: none;
-}
-.search-select-menu .menu-content .menu-item:hover {
-  cursor: pointer;
-  background-color: #f5f7fa;
-}
-.search-select-menu .menu-content .menu-item .is-keyword {
-  display: inline-flex;
-  color: #3a84ff;
-}
-.search-select-menu .menu-content .menu-item .is-selected {
-  display: flex;
-  width: 14px;
-  height: 14px;
-  margin-left: auto;
-  overflow: hidden;
-  font-size: 18px;
-  font-weight: bold;
-  color: #3a84ff;
-  align-items: center;
-  justify-content: center;
-}
-.search-select-menu .menu-content .menu-item.is-hover {
-  color: #3a84ff;
-  background-color: #f5f7fa;
-}
-.search-select-menu .menu-content .menu-item.is-hover .menu-name {
-  color: #3a84ff;
-}
-.search-select-menu .menu-content .menu-item.is-disabled {
-  color: #c4c6cc;
-}
-.search-select-menu .menu-content .menu-item.is-disabled:hover {
-  cursor: not-allowed;
-  background-color: white;
-}
-.search-select-menu .menu-content .menu-item.is-disabled .menu-name {
-  color: #c4c6cc;
-}
-.search-select-menu .menu-content .menu-item .menu-name {
-  display: flex;
-  max-width: 100px;
-  margin-right: 5px;
-  font-weight: bold;
-  color: #63656e;
-  align-items: center;
-}
-.search-select-menu .menu-footer {
-  display: flex;
-  width: 100%;
-  height: 32px;
-  border-top: 1px solid #dcdee5;
-  align-items: center;
-}
-.search-select-menu .menu-footer-btn {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-}
-.search-select-menu .menu-footer-btn:first-child {
-  border-right: 1px solid #dcdee5;
-}
-.search-select-menu .menu-footer-btn:hover {
-  color: #3a84ff;
-  cursor: pointer;
-}
-.search-select-menu .menu-footer-btn.is-disabled {
-  color: #c4c6cc;
-}
-.search-select-menu .menu-footer-btn.is-disabled:hover {
-  cursor: not-allowed;
-  background-color: white;
-}

package/lib/search-select/menu.less

@@ -1,134 +0,0 @@
-.menu-list-mixin {
-  display: flex;
-  flex-direction: column;
-}
-
-.menu-item-mixin {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 32px;
-  padding: 0 12px;
-  flex: 0 0 32px;
-  outline: none;
-
-  &:hover {
-    cursor: pointer;
-    background-color: #f5f7fa;
-  }
-}
-
-.menu-disabled-mixin {
-  color: #c4c6cc;
-
-  &:hover {
-    cursor: not-allowed;
-    background-color: white;
-  }
-}
-
-.search-select-menu {
-  display: flex;
-  min-width: 160px;
-  font-size: 12px;
-  color: #63656e;
-  flex-direction: column;
-
-  .menu-header {
-    .menu-list-mixin();
-    border-bottom: 1px solid #dcdee5;
-
-    &-item {
-      .menu-item-mixin();
-
-      &.is-disabled {
-        .menu-disabled-mixin()
-      }
-    }
-  }
-
-  .menu-content {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    max-height: 240px;
-    overflow: auto;
-
-    .menu-item {
-      .menu-item-mixin();
-  
-      .is-keyword {
-        display: inline-flex;
-        color: #3a84ff;
-      }
-  
-      .is-selected {
-        display: flex;
-        width: 14px;
-        height: 14px;
-        margin-left: auto;
-        overflow: hidden;
-        font-size: 18px;
-        font-weight: bold;
-        color: #3a84ff;
-        align-items: center;
-        justify-content: center;
-      }
-
-      &.is-hover {
-        color: #3a84ff;
-        background-color: #f5f7fa;
-
-        .menu-name {
-          color: #3a84ff;
-        }
-      }
-
-      &.is-disabled {
-        .menu-disabled-mixin();
-
-        .menu-name {
-          color: #c4c6cc;;
-        }
-      }
-
-      .menu-name {
-        display: flex;
-        max-width: 100px;
-        margin-right: 5px;
-        font-weight: bold;
-        color: #63656e;
-        align-items: center;
-      }
-    }
-  }
-
-  .menu-footer {
-    display: flex;
-    width: 100%;
-    height: 32px;
-    border-top: 1px solid #dcdee5;
-    align-items: center;
-
-    &-btn {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-
-      &:first-child {
-        border-right: 1px solid #dcdee5;
-      }
-
-      &:hover {
-        color: #3a84ff;
-        cursor: pointer;
-      }
-
-      &.is-disabled {
-        .menu-disabled-mixin()
-      }
-    }
-  }
-}