assui 3.0.31 → 3.0.32

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/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/package.json

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

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2020 assui
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.