assui 3.1.24 → 3.1.27

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.
Files changed (10) hide show
  1. package/README.md +1 -1
  2. package/es/step-number-input/index.d.ts +1 -0
  3. package/es/step-number-input/index.js +13 -13
  4. package/es/step-number-input/style/index.css +17 -9
  5. package/es/step-number-input/style/index.less +6 -5
  6. package/lib/step-number-input/index.d.ts +1 -0
  7. package/lib/step-number-input/index.js +13 -13
  8. package/lib/step-number-input/style/index.css +17 -9
  9. package/lib/step-number-input/style/index.less +6 -5
  10. package/package.json +2 -2
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  ## 轻松上手
2
2
 
3
3
  ```bash
4
- // 安装依赖1
4
+ // 安装依赖2
5
5
  npm i assui --save
6
6
  ```
package/es/step-number-input/index.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface StepNumberInputProps {
30
30
  suffix?: React.ReactNode;
31
31
  /** 可以点击清除图标删除内容 */
32
32
  allowClear?: boolean;
33
+ disabled?: boolean;
33
34
  }
34
35
  declare const StepNumberInput: {
35
36
  (props: StepNumberInputProps): JSX.Element;
package/es/step-number-input/index.js CHANGED
@@ -65,7 +65,8 @@ var StepNumberInput = function StepNumberInput(props) {
65
65
  step = props.step,
66
66
  max = props.max,
67
67
  min = props.min,
68
- restProps = __rest(props, ["onChange", "onBlur", "numberType", "precision", "step", "max", "min"]);
68
+ disabled = props.disabled,
69
+ restProps = __rest(props, ["onChange", "onBlur", "numberType", "precision", "step", "max", "min", "disabled"]);
69
70
  var isEmpty = isUndefined(value) || value === '';
70
71
  var plusNumber = new BigNumber(value).plus(step).toString();
71
72
  var minusNumber = new BigNumber(value).minus(step).toString();
@@ -103,29 +104,28 @@ var StepNumberInput = function StepNumberInput(props) {
103
104
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(resultValue);
104
105
  };
105
106
  return /*#__PURE__*/React.createElement("div", {
106
- className: "number-range-input"
107
+ className: classNames('number-range-input', {
108
+ 'number-range-input-disabled': isEmpty || minCondition || disabled
109
+ })
107
110
  }, /*#__PURE__*/React.createElement(NumberInput, __assign({
108
111
  addonBefore: /*#__PURE__*/React.createElement("span", {
109
- onClick: function onClick() {
110
- onClickCount(MINUS);
112
+ onClick: disabled ? undefined : function () {
113
+ return onClickCount(MINUS);
111
114
  },
112
- className: classNames('count-minus-btn', {
113
- 'disabled-btn': isEmpty || minCondition
114
- })
115
+ className: "count-minus-btn"
115
116
  }, "-"),
116
117
  addonAfter: /*#__PURE__*/React.createElement("span", {
117
- onClick: function onClick() {
118
- onClickCount(PLUS);
118
+ onClick: disabled ? undefined : function () {
119
+ return onClickCount(PLUS);
119
120
  },
120
- className: classNames('count-add-btn', {
121
- 'disabled-btn': isEmpty || maxCondition
122
- })
121
+ className: "count-add-btn"
123
122
  }, "+"),
124
123
  value: "".concat(value),
125
124
  onChange: onNumberChange,
126
125
  onBlur: onNumberBlur,
127
126
  numberType: numberType,
128
- precision: precision
127
+ precision: precision,
128
+ disabled: disabled
129
129
  }, restProps)));
130
130
  };
131
131
  StepNumberInput.defaultProps = {
package/es/step-number-input/style/index.css CHANGED
@@ -1268,14 +1268,22 @@ html {
1268
1268
  background-color: #02a6e3;
1269
1269
  cursor: pointer;
1270
1270
  }
1271
- .disabled-btn {
1272
- cursor: not-allowed;
1273
- }
1274
- .disabled-btn:hover,
1275
- .disabled-btn:focus,
1276
- .disabled-btn:active,
1277
- .disabled-btn:focus-within {
1278
- color: rgba(0, 0, 0, 0.25);
1279
- background-color: #f5f5f5;
1271
+ .number-range-input-disabled .ant-input-group-addon,
1272
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn,
1273
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn,
1274
+ .number-range-input-disabled .ant-input-group-addon:hover,
1275
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn:hover,
1276
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn:hover,
1277
+ .number-range-input-disabled .ant-input-group-addon:focus,
1278
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn:focus,
1279
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn:focus,
1280
+ .number-range-input-disabled .ant-input-group-addon:active,
1281
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn:active,
1282
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn:active,
1283
+ .number-range-input-disabled .ant-input-group-addon:focus-within,
1284
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn:focus-within,
1285
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn:focus-within {
1286
+ color: rgba(0, 0, 0, 0.25) !important;
1287
+ background-color: #f5f5f5 !important;
1280
1288
  cursor: not-allowed;
1281
1289
  }
package/es/step-number-input/style/index.less CHANGED
@@ -43,15 +43,16 @@
43
43
  }
44
44
  }
45
45
 
46
- .disabled-btn {
47
- cursor: not-allowed;
48
-
46
+ .number-range-input-disabled .@{ant-prefix}-input-group-addon,
47
+ .number-range-input-disabled .@{ant-prefix}-input-group-addon > .count-minus-btn,
48
+ .number-range-input-disabled .@{ant-prefix}-input-group-addon > .count-add-btn {
49
+ &,
49
50
  &:hover,
50
51
  &:focus,
51
52
  &:active,
52
53
  &:focus-within {
53
- color: rgba(0, 0, 0, 0.25);
54
- background-color: @color_f5f5f5;
54
+ color: rgba(0, 0, 0, 0.25) !important;
55
+ background-color: @color_f5f5f5 !important;
55
56
  cursor: not-allowed;
56
57
  }
57
58
  }
package/lib/step-number-input/index.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface StepNumberInputProps {
30
30
  suffix?: React.ReactNode;
31
31
  /** 可以点击清除图标删除内容 */
32
32
  allowClear?: boolean;
33
+ disabled?: boolean;
33
34
  }
34
35
  declare const StepNumberInput: {
35
36
  (props: StepNumberInputProps): JSX.Element;
package/lib/step-number-input/index.js CHANGED
@@ -108,7 +108,8 @@ var StepNumberInput = function StepNumberInput(props) {
108
108
  step = props.step,
109
109
  max = props.max,
110
110
  min = props.min,
111
- restProps = __rest(props, ["onChange", "onBlur", "numberType", "precision", "step", "max", "min"]);
111
+ disabled = props.disabled,
112
+ restProps = __rest(props, ["onChange", "onBlur", "numberType", "precision", "step", "max", "min", "disabled"]);
112
113
  var isEmpty = (0, isUndefined_1["default"])(value) || value === '';
113
114
  var plusNumber = new bignumber_js_1["default"](value).plus(step).toString();
114
115
  var minusNumber = new bignumber_js_1["default"](value).minus(step).toString();
@@ -146,29 +147,28 @@ var StepNumberInput = function StepNumberInput(props) {
146
147
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(resultValue);
147
148
  };
148
149
  return React.createElement("div", {
149
- className: "number-range-input"
150
+ className: (0, classnames_1["default"])('number-range-input', {
151
+ 'number-range-input-disabled': isEmpty || minCondition || disabled
152
+ })
150
153
  }, React.createElement(number_input_1["default"], __assign({
151
154
  addonBefore: React.createElement("span", {
152
- onClick: function onClick() {
153
- onClickCount(countType_1.MINUS);
155
+ onClick: disabled ? undefined : function () {
156
+ return onClickCount(countType_1.MINUS);
154
157
  },
155
- className: (0, classnames_1["default"])('count-minus-btn', {
156
- 'disabled-btn': isEmpty || minCondition
157
- })
158
+ className: "count-minus-btn"
158
159
  }, "-"),
159
160
  addonAfter: React.createElement("span", {
160
- onClick: function onClick() {
161
- onClickCount(countType_1.PLUS);
161
+ onClick: disabled ? undefined : function () {
162
+ return onClickCount(countType_1.PLUS);
162
163
  },
163
- className: (0, classnames_1["default"])('count-add-btn', {
164
- 'disabled-btn': isEmpty || maxCondition
165
- })
164
+ className: "count-add-btn"
166
165
  }, "+"),
167
166
  value: "".concat(value),
168
167
  onChange: onNumberChange,
169
168
  onBlur: onNumberBlur,
170
169
  numberType: numberType,
171
- precision: precision
170
+ precision: precision,
171
+ disabled: disabled
172
172
  }, restProps)));
173
173
  };
174
174
  StepNumberInput.defaultProps = {
package/lib/step-number-input/style/index.css CHANGED
@@ -1268,14 +1268,22 @@ html {
1268
1268
  background-color: #02a6e3;
1269
1269
  cursor: pointer;
1270
1270
  }
1271
- .disabled-btn {
1272
- cursor: not-allowed;
1273
- }
1274
- .disabled-btn:hover,
1275
- .disabled-btn:focus,
1276
- .disabled-btn:active,
1277
- .disabled-btn:focus-within {
1278
- color: rgba(0, 0, 0, 0.25);
1279
- background-color: #f5f5f5;
1271
+ .number-range-input-disabled .ant-input-group-addon,
1272
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn,
1273
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn,
1274
+ .number-range-input-disabled .ant-input-group-addon:hover,
1275
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn:hover,
1276
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn:hover,
1277
+ .number-range-input-disabled .ant-input-group-addon:focus,
1278
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn:focus,
1279
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn:focus,
1280
+ .number-range-input-disabled .ant-input-group-addon:active,
1281
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn:active,
1282
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn:active,
1283
+ .number-range-input-disabled .ant-input-group-addon:focus-within,
1284
+ .number-range-input-disabled .ant-input-group-addon > .count-minus-btn:focus-within,
1285
+ .number-range-input-disabled .ant-input-group-addon > .count-add-btn:focus-within {
1286
+ color: rgba(0, 0, 0, 0.25) !important;
1287
+ background-color: #f5f5f5 !important;
1280
1288
  cursor: not-allowed;
1281
1289
  }
package/lib/step-number-input/style/index.less CHANGED
@@ -43,15 +43,16 @@
43
43
  }
44
44
  }
45
45
 
46
- .disabled-btn {
47
- cursor: not-allowed;
48
-
46
+ .number-range-input-disabled .@{ant-prefix}-input-group-addon,
47
+ .number-range-input-disabled .@{ant-prefix}-input-group-addon > .count-minus-btn,
48
+ .number-range-input-disabled .@{ant-prefix}-input-group-addon > .count-add-btn {
49
+ &,
49
50
  &:hover,
50
51
  &:focus,
51
52
  &:active,
52
53
  &:focus-within {
53
- color: rgba(0, 0, 0, 0.25);
54
- background-color: @color_f5f5f5;
54
+ color: rgba(0, 0, 0, 0.25) !important;
55
+ background-color: @color_f5f5f5 !important;
55
56
  cursor: not-allowed;
56
57
  }
57
58
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "assui",
3
- "version": "3.1.24",
3
+ "version": "3.1.27",
4
4
  "description": "react ui library",
5
5
  "author": "jason <usochen@gmail.com>",
6
6
  "main": "./lib/index.js",
@@ -80,5 +80,5 @@
80
80
  "node": ">=10.0.0"
81
81
  },
82
82
  "license": "MIT",
83
- "gitHead": "8764b14077d7453dce29baf151fa57638d73b606"
83
+ "gitHead": "a4b8a3f3aee6ab8b44e44e1f95b6394060fe4142"
84
84
  }