bkui-vue 0.0.2-beta.120 → 0.0.2-beta.122

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -266,7 +266,7 @@
266
266
  .bk-cascader.is-focus.is-simplicity.is-simplicity .bk-input--suffix-icon {
267
267
  background-color: var(--input-block-color);
268
268
  }
269
- .bk-cascader.bk-is-show-panel .bk-icon-angle-up {
269
+ .bk-cascader .bk-icon-angle-up.active {
270
270
  transform: rotate(0);
271
271
  }
272
272
  .bk-cascader.is-unselected:before {
@@ -373,7 +373,7 @@
373
373
  }
374
374
  .bk-cascader-panel-wrapper .bk-cascader-panel {
375
375
  min-width: 160px;
376
- padding: 6px 0;
376
+ padding: 4px 0;
377
377
  background: var(--white-color);
378
378
  border-right: 1px solid var(--cascader-panel-border-color);
379
379
  }
@@ -87,10 +87,8 @@
87
87
  }
88
88
  }
89
89
 
90
- &.@{bk-prefix}-is-show-panel {
91
- .@{bk-prefix}-icon-angle-up {
92
- transform: rotate(0);
93
- }
90
+ .@{bk-prefix}-icon-angle-up.active {
91
+ transform: rotate(0);
94
92
  }
95
93
 
96
94
  &.is-unselected:before {
@@ -209,7 +207,7 @@
209
207
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,.10);
210
208
  .@{bk-prefix}-cascader-panel {
211
209
  min-width: 160px;
212
- padding: 6px 0;
210
+ padding: 4px 0;
213
211
  background: @white-color;
214
212
  border-right: 1px solid @cascader-panel-border-color;
215
213
 
@@ -635,7 +635,7 @@
635
635
  .bk-cascader.is-focus.is-simplicity.is-simplicity .bk-input--suffix-icon {
636
636
  background-color: var(--input-block-color);
637
637
  }
638
- .bk-cascader.bk-is-show-panel .bk-icon-angle-up {
638
+ .bk-cascader .bk-icon-angle-up.active {
639
639
  transform: rotate(0);
640
640
  }
641
641
  .bk-cascader.is-unselected:before {
@@ -742,7 +742,7 @@
742
742
  }
743
743
  .bk-cascader-panel-wrapper .bk-cascader-panel {
744
744
  min-width: 160px;
745
- padding: 6px 0;
745
+ padding: 4px 0;
746
746
  background: var(--white-color);
747
747
  border-right: 1px solid var(--cascader-panel-border-color);
748
748
  }
@@ -1863,7 +1863,7 @@ var Store = /*#__PURE__*/function () {
1863
1863
  }
1864
1864
  // 否则渲染展开/收起图标
1865
1865
  return (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleUp, {
1866
- "class": _this.resolveClassName('icon-angle-up')
1866
+ "class": [_this.resolveClassName('icon-angle-up'), _this.isShowPanel ? 'active' : '']
1867
1867
  }, null);
1868
1868
  };
1869
1869
  // 因为cascader的tag长短不一,在计算时如果overflowIndex为0,会出现直接+n渲染的情况,因此需要对其进行修正
@@ -1925,6 +1925,7 @@ var Store = /*#__PURE__*/function () {
1925
1925
  "trigger": "click",
1926
1926
  "arrow": false,
1927
1927
  "disabled": _this.disabled,
1928
+ "offset": 4,
1928
1929
  "class": _this.resolveClassName('cascader-popover-wrapper'),
1929
1930
  "ref": "popover",
1930
1931
  "onAfterHidden": _this.popoverChangeEmitter,
package/lib/form/form.css CHANGED
@@ -158,6 +158,7 @@
158
158
  }
159
159
  .bk-form-item.is-error .bk-input,
160
160
  .bk-form-item.is-error .bk-textarea,
161
+ .bk-form-item.is-error .bk-cascader,
161
162
  .bk-form-item.is-error .bk-date-picker-editor,
162
163
  .bk-form-item.is-error .bk-tag-input {
163
164
  border-color: #ea3636;
@@ -51,6 +51,7 @@
51
51
  &.is-error {
52
52
  .@{bk-prefix}-input,
53
53
  .@{bk-prefix}-textarea,
54
+ .@{bk-prefix}-cascader,
54
55
  .@{bk-prefix}-date-picker-editor,
55
56
  .@{bk-prefix}-tag-input {
56
57
  border-color: #ea3636;
@@ -404,6 +404,7 @@
404
404
  }
405
405
  .bk-form-item.is-error .bk-input,
406
406
  .bk-form-item.is-error .bk-textarea,
407
+ .bk-form-item.is-error .bk-cascader,
407
408
  .bk-form-item.is-error .bk-date-picker-editor,
408
409
  .bk-form-item.is-error .bk-tag-input {
409
410
  border-color: #ea3636;