bkui-vue 2.0.1-beta.6 → 2.0.1-beta.7

package/lib/date-picker/index.js

@@ -5208,10 +5208,9 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       return panel.value === 'RangeTimePickerPanel' ? props.allowCrossDay : false;
     });
     var inputRef = (0,external_vue_namespaceObject.ref)(null);
-    var inputFocus = function inputFocus() {
-      var _inputRef$value;
-      inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
-    };
+    // const inputFocus = () => {
+    //   inputRef?.value?.focus();
+    // };
     var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
       proxy = _getCurrentInstance.proxy;
     var pickerDropdownRef = (0,external_vue_namespaceObject.ref)(null);
@@ -5279,12 +5278,14 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         state.visible = props.open;
       }
       // this.$on('focus-input', () => this.focus())
-      (0,external_vue_namespaceObject.provide)(datePickerKey, {
-        props: props,
-        focus: function focus() {
-          return inputFocus();
-        }
-      });
+      // provide(datePickerKey, {
+      //   props,
+      //   focus: () => inputFocus(),
+      // });
+    });
+    (0,external_vue_namespaceObject.provide)(timePickerKey, {
+      panelDate: state.focusedDate,
+      parentName: proxy.$options.name
     });
     var pickerPanelRef = (0,external_vue_namespaceObject.ref)(null);
     var handleClose = function handleClose(e) {
@@ -5312,9 +5313,9 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       state.disableClickOutSide = false;
     };
     var handleIconClick = function handleIconClick() {
-      var _inputRef$value2, _inputRef$value3;
-      inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
-      inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || _inputRef$value3.click();
+      var _inputRef$value, _inputRef$value2;
+      inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
+      inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.click();
     };
     var handleInputMouseenter = function handleInputMouseenter() {
       if (props.readonly || props.disabled) {
@@ -5340,8 +5341,8 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         emit('change', publicStringValue.value, type);
         // this.dispatch('bk-form-item', 'form-change');
         if (props.type.indexOf('time') < 0) {
-          var _inputRef$value4;
-          inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 || _inputRef$value4.blur();
+          var _inputRef$value3;
+          inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || _inputRef$value3.blur();
         }
       });
     };
@@ -5491,14 +5492,14 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }
     };
     var onPickSuccess = function onPickSuccess() {
-      var _inputRef$value5;
+      var _inputRef$value4;
       state.visible = false;
       // 点击 shortcuts 会关闭弹层时，如果不在 nextTick 里触发 pick-success，那么会导致触发 pick-success 的时候，
       // v-model 的值还是之前的值
       (0,external_vue_namespaceObject.nextTick)(function () {
         emit('pick-success');
       });
-      inputRef === null || inputRef === void 0 || (_inputRef$value5 = inputRef.value) === null || _inputRef$value5 === void 0 || _inputRef$value5.blur();
+      inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 || _inputRef$value4.blur();
       reset();
     };
     var onPick = function onPick(_dates) {

package/lib/rate/rate.css

@@ -8,3 +8,30 @@
   display: flex;
   overflow: hidden;
 }
+.bk-rate-stars {
+  padding: 0;
+  margin: 0;
+}
+.bk-rate-stars .bk-is-edit {
+  cursor: pointer;
+}
+.bk-rate-stars:after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.bk-rate-stars .bk-rate-star {
+  float: left;
+  margin-right: 3px;
+  enable-background: new 0 0 64 64;
+  fill: #c5c7d1;
+}
+.bk-rate-stars .bk-rate-star.bk-is-select {
+  fill: #ffb848;
+}
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
+.bk-rate-stars .bk-rate-star:last-child {
+  margin-right: 0;
+}

package/lib/rate/rate.less

@@ -11,3 +11,36 @@
     overflow: hidden;
   }
 }
+
+.@{bk-prefix}-rate-stars {
+  padding: 0;
+  margin: 0;
+
+  .@{bk-prefix}-is-edit {
+    cursor: pointer;
+  }
+
+  &:after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+
+  .@{bk-prefix}-rate-star {
+    float: left;
+    margin-right: 3px;
+    enable-background: new 0 0 64 64;
+    fill: #c5c7d1;
+
+    &.@{bk-prefix}-is-select {
+      fill: #ffb848;
+    }
+    &.@{bk-prefix}-is-hover {
+      transform: scale(1.2);
+    }
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}

package/lib/rate/rate.variable.css

@@ -137,3 +137,30 @@
   display: flex;
   overflow: hidden;
 }
+.bk-rate-stars {
+  padding: 0;
+  margin: 0;
+}
+.bk-rate-stars .bk-is-edit {
+  cursor: pointer;
+}
+.bk-rate-stars:after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.bk-rate-stars .bk-rate-star {
+  float: left;
+  margin-right: 3px;
+  enable-background: new 0 0 64 64;
+  fill: #c5c7d1;
+}
+.bk-rate-stars .bk-rate-star.bk-is-select {
+  fill: #ffb848;
+}
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
+.bk-rate-stars .bk-rate-star:last-child {
+  margin-right: 0;
+}

package/lib/styles/index.d.ts

@@ -20,7 +20,6 @@ import '../modal/modal.less';
 import '../progress/progress.less';
 import '../radio/radio.less';
 import '../rate/rate.less';
-import '../rate/star.less';
 import '../swiper/swiper.less';
 import '../select/select.less';
 import '../sideslider/sideslider.less';

package/package.json

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

package/lib/rate/star.css

@@ -1,27 +0,0 @@
-.bk-rate-stars {
-  padding: 0;
-  margin: 0;
-}
-.bk-rate-stars .bk-is-edit {
-  cursor: pointer;
-}
-.bk-rate-stars:after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.bk-rate-stars .bk-rate-star {
-  float: left;
-  margin-right: 3px;
-  enable-background: new 0 0 64 64;
-  fill: #c5c7d1;
-}
-.bk-rate-stars .bk-rate-star.bk-is-select {
-  fill: #ffb848;
-}
-.bk-rate-stars .bk-rate-star.bk-is-hover {
-  transform: scale(1.2);
-}
-.bk-rate-stars .bk-rate-star:last-child {
-  margin-right: 0;
-}

package/lib/rate/star.less

@@ -1,34 +0,0 @@
-@import '../styles/themes/themes.less';
-
-.@{bk-prefix}-rate-stars {
-  padding: 0;
-  margin: 0;
-
-  .@{bk-prefix}-is-edit {
-    cursor: pointer;
-  }
-
-  &:after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-
-  .@{bk-prefix}-rate-star {
-    float: left;
-    margin-right: 3px;
-    enable-background: new 0 0 64 64;
-    fill: #c5c7d1;
-
-    &.@{bk-prefix}-is-select {
-      fill: #ffb848;
-    }
-    &.@{bk-prefix}-is-hover {
-      transform: scale(1.2);
-    }
-
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-}

package/lib/rate/star.variable.css

@@ -1,156 +0,0 @@
-:root {
-  --bk-prefix: bk;
-  --popover-max-height: 216px;
-  --primary-color: #3a84ff;
-  --success-color: #2dcb56;
-  --warning-color: #ff9c01;
-  --danger-color: #ea3636;
-  --default-color: #63656e;
-  --gray-color: #979ba5;
-  --light-gray: #c4c6cc;
-  --white-color: white;
-  --whitesmoke-color: #fafbfd;
-  --disable-color: #dcdee5;
-  --disable-bg-color: #f9fafd;
-  --border-color: #dcdee5;
-  --font-size-base: 12px;
-  --font-size-medium: 14px;
-  --font-size-large: 16px;
-  --line-height-base: 16px;
-  --line-height-medium: 16px;
-  --line-height-large: 18px;
-  --component-size-small: 26px;
-  --component-size-base: 32px;
-  --component-size-large: 40px;
-  --component-size-small-padding: 0 12px;
-  --component-size-base-padding: 0 14px;
-  --component-size-large-padding: 0 16px;
-  --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);
-  --input-color: var(--default-color);
-  --input-bg: white;
-  --input-border-color: var(--light-gray);
-  --input-broder-radius: 3px;
-  --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 8px;
-  --input-block-color: #f5f7fa;
-  --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-medium);
-  --input-maxlength-color: #979ba5;
-  --button-primary-hover-color: #5594fa;
-  --button-danger-hover-color: #ff5656;
-  --button-success-hover-color: #45e35f;
-  --button-warning-hover-color: #ffb848;
-  --button-default-hover-border-color: #979ba5;
-  --button-primary-active-color: #2c77f4;
-  --button-danger-active-color: #db2626;
-  --button-success-active-color: #1ab943;
-  --button-warning-active-color: #eb9000;
-  --button-selected-bg-color: #e1ecff;
-  --button-disabled-selected-bg-color: #f0f1f5;
-  --radio-font-color: #63656e;
-  --radio-active-color: #3a84ff;
-  --radio-hover-border-color: #979ba5;
-  --radio-disabled-border: #dcdee5;
-  --radio-disabled-font-color: #c4c6cc;
-  --radio-disabled-checked-bg: #a3c5fd;
-  --radio-button-checked-bg: #e1ecff;
-  --radio-button-disabled-checked-bg: #fafbfd;
-  --checkbox-disabled-checked-bg: #a3c5fd;
-  --fixed-navbar-background: #fff;
-  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
-  --switch-default-color: #fff;
-  --switch-grey-color: #c4c6cc;
-  --breadcrumb-black-color: #979ba5;
-  --breadcrumb-primary-hover-color: #0082ff;
-  --breadcrumb-fn-main-color: #63656e;
-  --link-default-hover-color: #979ba5;
-  --link-primary-hover-color: #699df4;
-  --link-success-hover-color: #45e35f;
-  --link-warning-hover-color: #ffb848;
-  --link-danger-hover-color: #ff5656;
-  --link-default-disabled-color: #dcdee5;
-  --link-primary-disabled-color: #a3c5fd;
-  --link-success-disabled-color: #94f5a4;
-  --link-warning-disabled-color: #ffd695;
-  --link-danger-disabled-color: #fd9c9c;
-  --message-color: var(--default-color);
-  --message-primary-bg-color: #f0f8ff;
-  --message-primary-border-color: #e1ecff;
-  --message-primary-shadow-color: #e1e8f4;
-  --message-warning-bg-color: #fff4e2;
-  --message-warning-border-color: #ffe8c3;
-  --message-warning-shadow-color: #ede6db;
-  --message-success-bg-color: #f2fff4;
-  --message-success-border-color: #dcffe2;
-  --message-success-shadow-color: #cef0d7;
-  --message-danger-bg-color: #ffeded;
-  --message-danger-border-color: #ffdddd;
-  --message-danger-shadow-color: #f6dada;
-  --slider-default-bg: #dcdee5;
-  --slider-disable-bar-bg: #979ba5;
-  --menu-bg-color: #182132;
-  --submenu-bg-color: #151d2c;
-  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
-  --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
-  --menu-width: 260px;
-  --menu-collapse-width: 60px;
-  --menu-active-color: white;
-  --nav-header-bg-color: #182132;
-  --nav-bg-color: #182132;
-  --date-picker-disabled-bg: #fafbfd;
-  --date-picker-dropdown-mb: 4px;
-  --date-picker-dropdown-bg: #fff;
-  --table-bg-color: var(--white-color);
-  --table-border-color: #dcdee5;
-  --table-head-bg-color: #fafbfd;
-  --table-head-font-color: #313238;
-  --table-body-font-color: #63656E;
-  --table-row-hover-bg-color: #f5f7fa;
-  --table-row-active-bg-color: #f0f1f5;
-  --cascader-panel-border-color: #dcdee5;
-  --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);
-  --search-select-menu-border-color: var(--disable-color);
-  --select-active-color: #e1ecff;
-  --select-hover-color: #f5f7fa;
-}
-.bk-rate-stars {
-  padding: 0;
-  margin: 0;
-}
-.bk-rate-stars .bk-is-edit {
-  cursor: pointer;
-}
-.bk-rate-stars:after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.bk-rate-stars .bk-rate-star {
-  float: left;
-  margin-right: 3px;
-  enable-background: new 0 0 64 64;
-  fill: #c5c7d1;
-}
-.bk-rate-stars .bk-rate-star.bk-is-select {
-  fill: #ffb848;
-}
-.bk-rate-stars .bk-rate-star.bk-is-hover {
-  transform: scale(1.2);
-}
-.bk-rate-stars .bk-rate-star:last-child {
-  margin-right: 0;
-}