assui 2.0.102 → 2.0.103

package/es/label-input/index.d.ts

@@ -20,6 +20,8 @@ export interface LabelInputProps extends Omit<React.InputHTMLAttributes<HTMLInpu
     maxLength?: number;
     /** 输入框获取焦点的回调 */
     onFocus?: (value: string) => void;
+    /** 输入框除去label之后的最小末尾宽度 */
+    baseMinWidth?: number;
     /** 组件dom id */
     id?: string;
 }

package/es/label-input/index.js

@@ -58,23 +58,25 @@ var LabelInput = function LabelInput(props) {
       onBlur = props.onBlur,
       _a = props.type,
       type = _a === void 0 ? 'text' : _a,
-      maxLength = props.maxLength;
+      maxLength = props.maxLength,
+      _b = props.baseMinWidth,
+      baseMinWidth = _b === void 0 ? 50 : _b;
   var labelDomRef = React.useRef(null);
   var labelSize = useSize(labelDomRef);
 
-  var _b = __read(React.useState(false), 2),
-      focused = _b[0],
-      setFocused = _b[1];
+  var _c = __read(React.useState(false), 2),
+      focused = _c[0],
+      setFocused = _c[1];
 
-  var _c = __read(useControllableValue(props, {
+  var _d = __read(useControllableValue(props, {
     defaultValue: ''
   }), 2),
-      value = _c[0],
-      setValue = _c[1];
+      value = _d[0],
+      setValue = _d[1];
 
-  var _d = __read(React.useState(type), 2),
-      inputType = _d[0],
-      setInputType = _d[1];
+  var _e = __read(React.useState(type), 2),
+      inputType = _e[0],
+      setInputType = _e[1];
 
   var InputDomRef = React.useRef(null);
   var isPasswordInput = type === 'password';
@@ -103,7 +105,7 @@ var LabelInput = function LabelInput(props) {
   var onChangeInputType = React.useCallback(function (nextInputType) {
     setInputType(nextInputType);
   }, []);
-  var controlMinWidth = (labelSize === null || labelSize === void 0 ? void 0 : labelSize.width) ? labelSize.width + 28 : undefined;
+  var controlMinWidth = (labelSize === null || labelSize === void 0 ? void 0 : labelSize.width) ? labelSize.width + baseMinWidth : undefined;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('label-input-control', className),
     id: id,

package/lib/label-input/index.d.ts

@@ -20,6 +20,8 @@ export interface LabelInputProps extends Omit<React.InputHTMLAttributes<HTMLInpu
     maxLength?: number;
     /** 输入框获取焦点的回调 */
     onFocus?: (value: string) => void;
+    /** 输入框除去label之后的最小末尾宽度 */
+    baseMinWidth?: number;
     /** 组件dom id */
     id?: string;
 }

package/lib/label-input/index.js

@@ -77,23 +77,25 @@ var LabelInput = function LabelInput(props) {
       onBlur = props.onBlur,
       _a = props.type,
       type = _a === void 0 ? 'text' : _a,
-      maxLength = props.maxLength;
+      maxLength = props.maxLength,
+      _b = props.baseMinWidth,
+      baseMinWidth = _b === void 0 ? 50 : _b;
   var labelDomRef = react_1["default"].useRef(null);
   var labelSize = useSize_1["default"](labelDomRef);
 
-  var _b = __read(react_1["default"].useState(false), 2),
-      focused = _b[0],
-      setFocused = _b[1];
+  var _c = __read(react_1["default"].useState(false), 2),
+      focused = _c[0],
+      setFocused = _c[1];
 
-  var _c = __read(useControllableValue_1["default"](props, {
+  var _d = __read(useControllableValue_1["default"](props, {
     defaultValue: ''
   }), 2),
-      value = _c[0],
-      setValue = _c[1];
+      value = _d[0],
+      setValue = _d[1];
 
-  var _d = __read(react_1["default"].useState(type), 2),
-      inputType = _d[0],
-      setInputType = _d[1];
+  var _e = __read(react_1["default"].useState(type), 2),
+      inputType = _e[0],
+      setInputType = _e[1];
 
   var InputDomRef = react_1["default"].useRef(null);
   var isPasswordInput = type === 'password';
@@ -122,7 +124,7 @@ var LabelInput = function LabelInput(props) {
   var onChangeInputType = react_1["default"].useCallback(function (nextInputType) {
     setInputType(nextInputType);
   }, []);
-  var controlMinWidth = (labelSize === null || labelSize === void 0 ? void 0 : labelSize.width) ? labelSize.width + 28 : undefined;
+  var controlMinWidth = (labelSize === null || labelSize === void 0 ? void 0 : labelSize.width) ? labelSize.width + baseMinWidth : undefined;
   return react_1["default"].createElement("div", {
     className: classnames_1["default"]('label-input-control', className),
     id: id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.0.102",
+  "version": "2.0.103",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -69,5 +69,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "f4d12b46c9bb1353d9f155a97cc1f59bd2764f2d"
+  "gitHead": "ab500961aaa3150c3f63455bf44e5e1e877dd407"
 }