assui 2.0.100 → 2.0.103

package/es/index.d.ts

@@ -44,6 +44,8 @@ export type { LabelRangePickerProps } from './label-range-picker';
 export { default as LabelRangePicker } from './label-range-picker';
 export type { LabelDatePickerProps } from './label-date-picker';
 export { default as LabelDatePicker } from './label-date-picker';
+export type { LabelCustomizeRangePickerProps } from './label-customize-range-picker';
+export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
 export type { LabelDescItemProps } from './label-desc-item';
 export { default as LabelDescItem } from './label-desc-item';
 export type { RichTextEditorProps } from './rich-text-editor';

package/es/index.js

@@ -22,6 +22,7 @@ export { default as LabelSelect } from './label-select';
 export { default as LabelTextArea } from './label-text-area';
 export { default as LabelRangePicker } from './label-range-picker';
 export { default as LabelDatePicker } from './label-date-picker';
+export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
 export { default as LabelDescItem } from './label-desc-item';
 export { default as RichTextEditor } from './rich-text-editor';
 export { default as beautifulDnd } from './beautiful-dnd';

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

@@ -27,10 +27,11 @@ var __read = this && this.__read || function (o, n) {
 
 import React from 'react';
 import classNames from 'classnames';
-import { useControllableValue } from 'ahooks';
 import { trimStart } from 'lodash';
 import EyeFilled from 'a-icons/lib/EyeFilled';
 import EyeOutlined from 'a-icons/lib/EyeOutlined';
+import useControllableValue from 'ahooks/lib/useControllableValue';
+import useSize from 'ahooks/lib/useSize';
 var PasswordSuffix = /*#__PURE__*/React.memo(function (_a) {
   var inputType = _a.inputType,
       onChangeInputType = _a.onChangeInputType;
@@ -57,21 +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';
@@ -100,9 +105,13 @@ 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 + baseMinWidth : undefined;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('label-input-control', className),
-    id: id
+    id: id,
+    style: {
+      minWidth: controlMinWidth
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('label-input-field', {
       'label-input-affix': prefix || suffix || isPasswordInput,
@@ -126,7 +135,8 @@ var LabelInput = function LabelInput(props) {
     maxLength: maxLength
   }), /*#__PURE__*/React.createElement("label", {
     className: "label-input-text",
-    onClick: handleLabelClick
+    onClick: handleLabelClick,
+    ref: labelDomRef
   }, label)), (suffix || isPasswordInput) && /*#__PURE__*/React.createElement("div", {
     className: "label-input-suffix"
   }, suffix || /*#__PURE__*/React.createElement(PasswordSuffix, {

package/lib/index.d.ts

@@ -44,6 +44,8 @@ export type { LabelRangePickerProps } from './label-range-picker';
 export { default as LabelRangePicker } from './label-range-picker';
 export type { LabelDatePickerProps } from './label-date-picker';
 export { default as LabelDatePicker } from './label-date-picker';
+export type { LabelCustomizeRangePickerProps } from './label-customize-range-picker';
+export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
 export type { LabelDescItemProps } from './label-desc-item';
 export { default as LabelDescItem } from './label-desc-item';
 export type { RichTextEditorProps } from './rich-text-editor';

package/lib/index.js

@@ -220,6 +220,15 @@ Object.defineProperty(exports, "LabelDatePicker", {
   }
 });
 
+var label_customize_range_picker_1 = require("./label-customize-range-picker");
+
+Object.defineProperty(exports, "LabelCustomizeRangePicker", {
+  enumerable: true,
+  get: function get() {
+    return label_customize_range_picker_1["default"];
+  }
+});
+
 var label_desc_item_1 = require("./label-desc-item");
 
 Object.defineProperty(exports, "LabelDescItem", {

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

@@ -41,14 +41,16 @@ var react_1 = __importDefault(require("react"));
 
 var classnames_1 = __importDefault(require("classnames"));
 
-var ahooks_1 = require("ahooks");
-
 var lodash_1 = require("lodash");
 
 var EyeFilled_1 = __importDefault(require("a-icons/lib/EyeFilled"));
 
 var EyeOutlined_1 = __importDefault(require("a-icons/lib/EyeOutlined"));
 
+var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllableValue"));
+
+var useSize_1 = __importDefault(require("ahooks/lib/useSize"));
+
 var PasswordSuffix = react_1["default"].memo(function (_a) {
   var inputType = _a.inputType,
       onChangeInputType = _a.onChangeInputType;
@@ -75,21 +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(ahooks_1.useControllableValue(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';
@@ -118,9 +124,13 @@ 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 + baseMinWidth : undefined;
   return react_1["default"].createElement("div", {
     className: classnames_1["default"]('label-input-control', className),
-    id: id
+    id: id,
+    style: {
+      minWidth: controlMinWidth
+    }
   }, react_1["default"].createElement("div", {
     className: classnames_1["default"]('label-input-field', {
       'label-input-affix': prefix || suffix || isPasswordInput,
@@ -144,7 +154,8 @@ var LabelInput = function LabelInput(props) {
     maxLength: maxLength
   }), react_1["default"].createElement("label", {
     className: "label-input-text",
-    onClick: handleLabelClick
+    onClick: handleLabelClick,
+    ref: labelDomRef
   }, label)), (suffix || isPasswordInput) && react_1["default"].createElement("div", {
     className: "label-input-suffix"
   }, suffix || react_1["default"].createElement(PasswordSuffix, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.0.100",
+  "version": "2.0.103",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -33,7 +33,7 @@
     "@ahooksjs/use-url-state": "^2.5.8",
     "@tinymce/tinymce-react": "^3.13.0",
     "@types/react-beautiful-dnd": "^13.1.2",
-    "a-icons": "^1.0.52",
+    "a-icons": "^1.0.53",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
     "copy-to-clipboard": "^3.3.1",
@@ -69,5 +69,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "a2ae036f7fb6b185af19bb40629502d4f58b5de9"
+  "gitHead": "ab500961aaa3150c3f63455bf44e5e1e877dd407"
 }