assui 3.0.31 → 3.0.33

package/es/label-auto-complete/style/index.css

@@ -1240,6 +1240,9 @@ html {
   width: 100%;
   height: 100%;
 }
+.label-auto-complete .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-disabled) .ant-select-selector:hover {
+  border-color: #a0a0a0;
+}
 .label-auto-complete .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
   height: 45px;
   border: 1px solid #e5e5e5;

package/es/label-auto-complete/style/index.less

@@ -3,6 +3,7 @@
 @import '../../style/themes/default.less';
 
 @color_9aa5b5: #9aa5b5;
+@color_a0a0a0: #a0a0a0;
 @font-size-base: 14px;
 
 .label-auto-complete {
@@ -10,6 +11,12 @@
   width: 100%;
   height: 100%;
 
+  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input):not(.@{ant-prefix}-select-disabled) {
+    .@{ant-prefix}-select-selector:hover {
+      border-color: @color_a0a0a0;
+    }
+  }
+
   .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
     .@{ant-prefix}-select-selector {
     height: 45px;

package/es/label-input/index.js

@@ -56,7 +56,8 @@ var LabelInput = function LabelInput(props) {
     type = _a === void 0 ? 'text' : _a,
     maxLength = props.maxLength,
     _b = props.baseMinWidth,
-    baseMinWidth = _b === void 0 ? 50 : _b;
+    baseMinWidth = _b === void 0 ? 50 : _b,
+    disabled = props.disabled;
   var labelDomRef = React.useRef(null);
   var labelSize = useSize(labelDomRef);
   var _c = __read(React.useState(false), 2),
@@ -100,7 +101,8 @@ var LabelInput = function LabelInput(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('label-input-field', {
       'label-input-affix': prefix || suffix || isPasswordInput,
-      'label-input-focused': focused
+      'label-input-focused': focused,
+      'label-input-disabled': disabled
     })
   }, prefix && /*#__PURE__*/React.createElement("div", {
     className: "label-input-prefix"
@@ -117,7 +119,8 @@ var LabelInput = function LabelInput(props) {
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange,
-    maxLength: maxLength
+    maxLength: maxLength,
+    disabled: disabled
   }), /*#__PURE__*/React.createElement("label", {
     className: "label-input-text",
     onClick: handleLabelClick,

package/es/label-input/style/index.css

@@ -25,6 +25,9 @@
   border-radius: 8px;
   transition: border 0.3s;
 }
+.label-input-field:not(.label-input-disabled):hover {
+  border-color: #a0a0a0;
+}
 .label-input-affix {
   display: flex;
   align-items: center;

package/es/label-input/style/index.less

@@ -5,6 +5,7 @@
 @color_9aa5b5: #9aa5b5;
 @color_b3b3b3: #b3b3b3;
 @color_e5e5e5: #e5e5e5;
+@color_a0a0a0: #a0a0a0;
 
 @font-size-base: 14px;
 @font-size-lg: @font-size-base + 2px;
@@ -39,6 +40,10 @@
     border: 1px solid @color_e5e5e5;
     border-radius: 8px;
     transition: border 0.3s;
+
+    &:not(.label-input-disabled):hover {
+      border-color: @color_a0a0a0;
+    }
   }
 
   &-affix {

package/es/label-number-input/index.js

@@ -79,7 +79,8 @@ var LabelNumberInput = function LabelNumberInput(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('label-number-input-field', {
-      'label-number-input-focused': focused
+      'label-number-input-focused': focused,
+      'label-number-input-disabled': props.disabled
     })
   }, /*#__PURE__*/React.createElement(NumberInput, __assign({}, omit(props, ['onChange', 'onBlur', 'onFocus', 'className', 'label', 'placeholder', 'baseMinWidth']), {
     ref: numberInputRef,

package/es/label-number-input/style/index.css

@@ -25,6 +25,9 @@
   border-radius: 8px;
   transition: border 0.3s;
 }
+.label-number-input-warper .label-number-input-field:not(.label-number-input-disabled):hover {
+  border-color: #a0a0a0;
+}
 .label-number-input-warper .label-number-input-focused {
   border-color: #000;
 }

package/es/label-number-input/style/index.less

@@ -3,6 +3,7 @@
 @color_263241: #263241;
 @color_9aa5b5: #9aa5b5;
 @color_e5e5e5: #e5e5e5;
+@color_a0a0a0: #a0a0a0;
 
 @font-size-base: 14px;
 @font-size-lg: @font-size-base + 2px;
@@ -36,6 +37,10 @@
       border: 1px solid @color_e5e5e5;
       border-radius: 8px;
       transition: border 0.3s;
+
+      &:not(.label-number-input-disabled):hover {
+        border-color: @color_a0a0a0;
+      }
     }
 
     &-focused {

package/es/label-range-picker/index.js

@@ -70,6 +70,7 @@ var LabelDatePicker = function LabelDatePicker(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames({
       'label-range-picker': true,
+      'label-range-picker-disabled': props.disabled,
       'label-range-picker-label-scale': open || value
     }, className)
   }, /*#__PURE__*/React.createElement(RangePicker, __assign({

package/es/label-range-picker/style/index.css

@@ -1238,6 +1238,10 @@ html {
   position: relative;
   width: 220px;
   height: 100%;
+  cursor: pointer;
+}
+.label-range-picker:not(.label-range-picker-disabled):hover .ant-picker {
+  border-color: #a0a0a0;
 }
 .label-range-picker .ant-picker {
   height: 45px;
@@ -1274,10 +1278,14 @@ html {
 }
 .label-range-picker-text {
   position: absolute;
-  top: 12px;
-  left: 16px;
+  top: 0;
+  left: 0;
   z-index: 2;
-  height: 20px;
+  display: flex;
+  align-items: center;
+  width: calc(100% - 12px);
+  height: 100%;
+  margin-left: 12px;
   color: #9aa5b5;
   font-size: 14px;
   line-height: 20px;

package/es/label-range-picker/style/index.less

@@ -2,12 +2,20 @@
 @import '../../style/themes/default.less';
 
 @color_9aa5b5: #9aa5b5;
+@color_a0a0a0: #a0a0a0;
 @font-size-base: 14px;
 
 .label-range-picker {
   position: relative;
   width: 220px;
   height: 100%;
+  cursor: pointer;
+
+  &:not(.label-range-picker-disabled):hover {
+    .@{ant-prefix}-picker {
+      border-color: @color_a0a0a0;
+    }
+  }
 
   .@{ant-prefix}-picker {
     height: 45px;
@@ -51,10 +59,14 @@
 
   &-text {
     position: absolute;
-    top: 12px;
-    left: 16px;
+    top: 0;
+    left: 0;
     z-index: 2;
-    height: 20px;
+    display: flex;
+    align-items: center;
+    width: calc(100% - 12px);
+    height: 100%;
+    margin-left: 12px;
     color: @color_9aa5b5;
     font-size: @font-size-base;
     line-height: 20px;

package/es/label-select/style/index.css

@@ -1243,6 +1243,10 @@ html {
 .label-select .ant-select {
   width: 100%;
 }
+.label-select .ant-select:not(.ant-select-disabled) .ant-select-selector:hover,
+.label-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-disabled) .ant-select-selector:hover {
+  border-color: #a0a0a0;
+}
 .label-select .ant-select-multiple .ant-select-selector {
   height: 45px;
   padding: 6px 11px 7px;

package/es/label-select/style/index.less

@@ -5,6 +5,7 @@
 @color_9aa5b5: #9aa5b5;
 @color_e5e5e5: #e5e5e5;
 @color_7d7d7d: #7d7d7d;
+@color_a0a0a0: #a0a0a0;
 @color_333: #333;
 @color_ccc: #ccc;
 @white: #fff;
@@ -20,6 +21,13 @@
     width: 100%;
   }
 
+  .@{ant-prefix}-select:not(.@{ant-prefix}-select-disabled),
+  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input):not(.@{ant-prefix}-select-disabled) {
+    .@{ant-prefix}-select-selector:hover {
+      border-color: @color_a0a0a0;
+    }
+  }
+
   .@{ant-prefix}-select-multiple {
     .@{ant-prefix}-select-selector {
       height: 45px;
@@ -44,7 +52,8 @@
     }
   }
 
-  .@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg .@{ant-prefix}-select-selection-item {
+  .@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg
+    .@{ant-prefix}-select-selection-item {
     width: auto;
     height: auto;
     margin: 0 4px 4px 0;

package/es/rc-echart/core.js

@@ -56,7 +56,7 @@ var ReactEchartCore = function ReactEchartCore(props) {
     dispose();
     renderEchartDom();
     bindEvents();
-  }, [theme, opts, onEvents]);
+  }, [theme, opts]);
   // need setOption
   useUpdateEffect(function () {
     renderEchartDom();

package/lib/label-auto-complete/style/index.css

@@ -1240,6 +1240,9 @@ html {
   width: 100%;
   height: 100%;
 }
+.label-auto-complete .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-disabled) .ant-select-selector:hover {
+  border-color: #a0a0a0;
+}
 .label-auto-complete .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
   height: 45px;
   border: 1px solid #e5e5e5;

package/lib/label-auto-complete/style/index.less

@@ -3,6 +3,7 @@
 @import '../../style/themes/default.less';
 
 @color_9aa5b5: #9aa5b5;
+@color_a0a0a0: #a0a0a0;
 @font-size-base: 14px;
 
 .label-auto-complete {
@@ -10,6 +11,12 @@
   width: 100%;
   height: 100%;
 
+  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input):not(.@{ant-prefix}-select-disabled) {
+    .@{ant-prefix}-select-selector:hover {
+      border-color: @color_a0a0a0;
+    }
+  }
+
   .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
     .@{ant-prefix}-select-selector {
     height: 45px;

package/lib/label-input/index.js

@@ -66,7 +66,8 @@ var LabelInput = function LabelInput(props) {
     type = _a === void 0 ? 'text' : _a,
     maxLength = props.maxLength,
     _b = props.baseMinWidth,
-    baseMinWidth = _b === void 0 ? 50 : _b;
+    baseMinWidth = _b === void 0 ? 50 : _b,
+    disabled = props.disabled;
   var labelDomRef = react_1["default"].useRef(null);
   var labelSize = (0, useSize_1["default"])(labelDomRef);
   var _c = __read(react_1["default"].useState(false), 2),
@@ -110,7 +111,8 @@ var LabelInput = function LabelInput(props) {
   }, react_1["default"].createElement("div", {
     className: (0, classnames_1["default"])('label-input-field', {
       'label-input-affix': prefix || suffix || isPasswordInput,
-      'label-input-focused': focused
+      'label-input-focused': focused,
+      'label-input-disabled': disabled
     })
   }, prefix && react_1["default"].createElement("div", {
     className: "label-input-prefix"
@@ -127,7 +129,8 @@ var LabelInput = function LabelInput(props) {
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange,
-    maxLength: maxLength
+    maxLength: maxLength,
+    disabled: disabled
   }), react_1["default"].createElement("label", {
     className: "label-input-text",
     onClick: handleLabelClick,

package/lib/label-input/style/index.css

@@ -25,6 +25,9 @@
   border-radius: 8px;
   transition: border 0.3s;
 }
+.label-input-field:not(.label-input-disabled):hover {
+  border-color: #a0a0a0;
+}
 .label-input-affix {
   display: flex;
   align-items: center;

package/lib/label-input/style/index.less

@@ -5,6 +5,7 @@
 @color_9aa5b5: #9aa5b5;
 @color_b3b3b3: #b3b3b3;
 @color_e5e5e5: #e5e5e5;
+@color_a0a0a0: #a0a0a0;
 
 @font-size-base: 14px;
 @font-size-lg: @font-size-base + 2px;
@@ -39,6 +40,10 @@
     border: 1px solid @color_e5e5e5;
     border-radius: 8px;
     transition: border 0.3s;
+
+    &:not(.label-input-disabled):hover {
+      border-color: @color_a0a0a0;
+    }
   }
 
   &-affix {

package/lib/label-number-input/index.js

@@ -89,7 +89,8 @@ var LabelNumberInput = function LabelNumberInput(props) {
     }
   }, react_1["default"].createElement("div", {
     className: (0, classnames_1["default"])('label-number-input-field', {
-      'label-number-input-focused': focused
+      'label-number-input-focused': focused,
+      'label-number-input-disabled': props.disabled
     })
   }, react_1["default"].createElement(number_input_1["default"], __assign({}, (0, omit_1["default"])(props, ['onChange', 'onBlur', 'onFocus', 'className', 'label', 'placeholder', 'baseMinWidth']), {
     ref: numberInputRef,

package/lib/label-number-input/style/index.css

@@ -25,6 +25,9 @@
   border-radius: 8px;
   transition: border 0.3s;
 }
+.label-number-input-warper .label-number-input-field:not(.label-number-input-disabled):hover {
+  border-color: #a0a0a0;
+}
 .label-number-input-warper .label-number-input-focused {
   border-color: #000;
 }

package/lib/label-number-input/style/index.less

@@ -3,6 +3,7 @@
 @color_263241: #263241;
 @color_9aa5b5: #9aa5b5;
 @color_e5e5e5: #e5e5e5;
+@color_a0a0a0: #a0a0a0;
 
 @font-size-base: 14px;
 @font-size-lg: @font-size-base + 2px;
@@ -36,6 +37,10 @@
       border: 1px solid @color_e5e5e5;
       border-radius: 8px;
       transition: border 0.3s;
+
+      &:not(.label-number-input-disabled):hover {
+        border-color: @color_a0a0a0;
+      }
     }
 
     &-focused {

package/lib/label-range-picker/index.js

@@ -80,6 +80,7 @@ var LabelDatePicker = function LabelDatePicker(props) {
   return react_1["default"].createElement("div", {
     className: (0, classnames_1["default"])({
       'label-range-picker': true,
+      'label-range-picker-disabled': props.disabled,
       'label-range-picker-label-scale': open || value
     }, className)
   }, react_1["default"].createElement(RangePicker, __assign({

package/lib/label-range-picker/style/index.css

@@ -1238,6 +1238,10 @@ html {
   position: relative;
   width: 220px;
   height: 100%;
+  cursor: pointer;
+}
+.label-range-picker:not(.label-range-picker-disabled):hover .ant-picker {
+  border-color: #a0a0a0;
 }
 .label-range-picker .ant-picker {
   height: 45px;
@@ -1274,10 +1278,14 @@ html {
 }
 .label-range-picker-text {
   position: absolute;
-  top: 12px;
-  left: 16px;
+  top: 0;
+  left: 0;
   z-index: 2;
-  height: 20px;
+  display: flex;
+  align-items: center;
+  width: calc(100% - 12px);
+  height: 100%;
+  margin-left: 12px;
   color: #9aa5b5;
   font-size: 14px;
   line-height: 20px;

package/lib/label-range-picker/style/index.less

@@ -2,12 +2,20 @@
 @import '../../style/themes/default.less';
 
 @color_9aa5b5: #9aa5b5;
+@color_a0a0a0: #a0a0a0;
 @font-size-base: 14px;
 
 .label-range-picker {
   position: relative;
   width: 220px;
   height: 100%;
+  cursor: pointer;
+
+  &:not(.label-range-picker-disabled):hover {
+    .@{ant-prefix}-picker {
+      border-color: @color_a0a0a0;
+    }
+  }
 
   .@{ant-prefix}-picker {
     height: 45px;
@@ -51,10 +59,14 @@
 
   &-text {
     position: absolute;
-    top: 12px;
-    left: 16px;
+    top: 0;
+    left: 0;
     z-index: 2;
-    height: 20px;
+    display: flex;
+    align-items: center;
+    width: calc(100% - 12px);
+    height: 100%;
+    margin-left: 12px;
     color: @color_9aa5b5;
     font-size: @font-size-base;
     line-height: 20px;

package/lib/label-select/style/index.css

@@ -1243,6 +1243,10 @@ html {
 .label-select .ant-select {
   width: 100%;
 }
+.label-select .ant-select:not(.ant-select-disabled) .ant-select-selector:hover,
+.label-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-disabled) .ant-select-selector:hover {
+  border-color: #a0a0a0;
+}
 .label-select .ant-select-multiple .ant-select-selector {
   height: 45px;
   padding: 6px 11px 7px;

package/lib/label-select/style/index.less

@@ -5,6 +5,7 @@
 @color_9aa5b5: #9aa5b5;
 @color_e5e5e5: #e5e5e5;
 @color_7d7d7d: #7d7d7d;
+@color_a0a0a0: #a0a0a0;
 @color_333: #333;
 @color_ccc: #ccc;
 @white: #fff;
@@ -20,6 +21,13 @@
     width: 100%;
   }
 
+  .@{ant-prefix}-select:not(.@{ant-prefix}-select-disabled),
+  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input):not(.@{ant-prefix}-select-disabled) {
+    .@{ant-prefix}-select-selector:hover {
+      border-color: @color_a0a0a0;
+    }
+  }
+
   .@{ant-prefix}-select-multiple {
     .@{ant-prefix}-select-selector {
       height: 45px;
@@ -44,7 +52,8 @@
     }
   }
 
-  .@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg .@{ant-prefix}-select-selection-item {
+  .@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg
+    .@{ant-prefix}-select-selection-item {
     width: auto;
     height: auto;
     margin: 0 4px 4px 0;

package/lib/rc-echart/core.js

@@ -99,7 +99,7 @@ var ReactEchartCore = function ReactEchartCore(props) {
     dispose();
     renderEchartDom();
     bindEvents();
-  }, [theme, opts, onEvents]);
+  }, [theme, opts]);
   // need setOption
   (0, useUpdateEffect_1["default"])(function () {
     renderEchartDom();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "3.0.31",
+  "version": "3.0.33",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -80,5 +80,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "abc513f3fe04dc459fbe8e0d3971772ac9d5da41"
+  "gitHead": "6d872c04f651087e5054682a3df6936a74d4c70e"
 }