assui 2.0.121 → 2.0.124

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { InputProps } from 'antd/es/input';
 export interface ConditionInputProps extends Omit<InputProps, 'onChange'> {
     /** 过滤的正则条件 */
@@ -12,5 +13,5 @@ export interface ConditionInputProps extends Omit<InputProps, 'onChange'> {
     /** 输入框内容 */
     value?: string;
 }
-declare const ConditionInput: (props: ConditionInputProps) => JSX.Element;
+declare const ConditionInput: React.ForwardRefExoticComponent<ConditionInputProps & React.RefAttributes<unknown>>;
 export default ConditionInput;

package/es/condition-input/index.js

@@ -58,20 +58,17 @@ import * as React from 'react';
 import isArray from 'lodash/isArray';
 import Input from 'antd/es/input';
 import isFunction from 'lodash/isFunction';
+import useControllableValue from 'ahooks/lib/useControllableValue';
 import parse2RegexOption from './parse2RegexOption';
+var ConditionInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _a = __read(useControllableValue(props), 2),
+      value = _a[0],
+      setValue = _a[1];
 
-var ConditionInput = function ConditionInput(props) {
   var regexp = props.regexp,
       formatter = props.formatter,
-      value = props.value,
       onChange = props.onChange,
-      rest = __rest(props, ["regexp", "formatter", "value", "onChange"]);
-
-  var _a = __read(React.useState(''), 2),
-      stateValue = _a[0],
-      setStateValue = _a[1];
-
-  var resultValue = value === undefined ? stateValue : value;
+      rest = __rest(props, ["regexp", "formatter", "onChange"]);
 
   var handleChange = function handleChange(e) {
     var originalValue = e.target.value;
@@ -94,19 +91,15 @@ var ConditionInput = function ConditionInput(props) {
       nextValue = formatter(nextValue);
     }
 
-    if (resultValue !== nextValue) {
-      setStateValue(nextValue);
-
-      if (onChange) {
-        onChange(nextValue);
-      }
+    if (value !== nextValue) {
+      setValue(nextValue);
     }
   };
 
   return /*#__PURE__*/React.createElement(Input, __assign({
-    value: resultValue,
+    ref: ref,
+    value: value,
     onChange: handleChange
   }, rest));
-};
-
+});
 export default ConditionInput;

package/es/index.d.ts

@@ -46,6 +46,10 @@ export type { LabelDatePickerProps } from './label-date-picker';
 export { default as LabelDatePicker } from './label-date-picker';
 export type { LabelAutoCompleteProps } from './label-auto-complete';
 export { default as LabelAutoComplete } from './label-auto-complete';
+export type { LabelNumberInputProps } from './label-number-input';
+export { default as LabelNumberInput } from './label-number-input';
+export type { LabelConditionInputProps } from './label-condition-input';
+export { default as LabelConditionInput } from './label-condition-input';
 export type { LabelTreeSelectProps } from './label-tree-select';
 export { default as LabelTreeSelect } from './label-tree-select';
 export type { LabelCustomizeRangePickerProps } from './label-customize-range-picker';

package/es/index.js

@@ -23,6 +23,8 @@ 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 LabelAutoComplete } from './label-auto-complete';
+export { default as LabelNumberInput } from './label-number-input';
+export { default as LabelConditionInput } from './label-condition-input';
 export { default as LabelTreeSelect } from './label-tree-select';
 export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
 export { default as LabelDescItem } from './label-desc-item';

package/es/keep-tab/index.js

@@ -60,7 +60,7 @@ import qsHelp from 'aa-utils/lib/qsHelp';
 import Badge from 'antd/es/badge';
 import Tabs from 'antd/es/tabs';
 import useUrlState from '@ahooksjs/use-url-state';
-import useControllableValue from 'ahooks/es/useControllableValue';
+import useControllableValue from 'ahooks/lib/useControllableValue';
 import toArray from 'rc-util/lib/Children/toArray';
 var TabPane = Tabs.TabPane;
 var defaultBadgeProps = {};

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

@@ -34,7 +34,7 @@
     padding-top: 17px;
     padding-left: 4px;
 
-    .ant-select-selection-search-input {
+    .@{ant-prefix}-select-selection-search-input {
       height: auto !important;
       font-size: @font-size-base;
     }

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ConditionInputProps } from '../condition-input';
+export interface LabelConditionInputProps extends ConditionInputProps {
+    /** label 标签的文本 */
+    label?: React.ReactNode;
+    /** 输入框内容变化时的回调 */
+    onChange?: (value: string) => void;
+    /** 输入框除去label之后的最小末尾宽度 */
+    baseMinWidth?: number;
+    /** 组件dom id */
+    id?: string;
+}
+declare const LabelConditionInput: {
+    (props: LabelConditionInputProps): JSX.Element;
+    Option: new (text?: string | undefined, value?: string | undefined, defaultSelected?: boolean | undefined, selected?: boolean | undefined) => HTMLOptionElement;
+};
+export default LabelConditionInput;

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

@@ -0,0 +1,118 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+import React from 'react';
+import classNames from 'classnames';
+import omit from 'lodash/omit';
+import useControllableValue from 'ahooks/lib/useControllableValue';
+import useSize from 'ahooks/lib/useSize';
+import ConditionInput from '../condition-input';
+
+var LabelConditionInput = function LabelConditionInput(props) {
+  var className = props.className,
+      label = props.label,
+      onBlur = props.onBlur,
+      id = props.id,
+      onFocus = props.onFocus,
+      _a = props.baseMinWidth,
+      baseMinWidth = _a === void 0 ? 50 : _a;
+
+  var _b = __read(useControllableValue(props), 2),
+      value = _b[0],
+      setValue = _b[1];
+
+  var labelDomRef = React.useRef(null);
+  var labelSize = useSize(labelDomRef);
+  var InputDomRef = React.useRef(null);
+
+  var _c = __read(React.useState(false), 2),
+      focused = _c[0],
+      setFocused = _c[1];
+
+  var handleLabelClick = function handleLabelClick() {
+    var _a;
+
+    setFocused(true);
+    (_a = InputDomRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+  };
+
+  var handleFocus = function handleFocus() {
+    setFocused(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(value);
+  };
+
+  var handleBlur = function handleBlur(e) {
+    setFocused(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  };
+
+  var controlMinWidth = (labelSize === null || labelSize === void 0 ? void 0 : labelSize.width) ? labelSize.width + baseMinWidth : undefined;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('label-condition-input-warper', className),
+    id: id,
+    style: {
+      minWidth: controlMinWidth
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('label-condition-input-field', {
+      'label-condition-input-focused': focused || value
+    })
+  }, /*#__PURE__*/React.createElement(ConditionInput, __assign({}, omit(props, ['onChange', 'onBlur', 'onFocus', 'className', 'label', 'placeholder']), {
+    ref: InputDomRef,
+    "data-value": value ? value.length : 0,
+    value: value,
+    onBlur: handleBlur,
+    onFocus: handleFocus,
+    className: "label-condition-input",
+    onChange: function onChange(inputValue) {
+      return setValue(inputValue);
+    }
+  })), /*#__PURE__*/React.createElement("label", {
+    ref: labelDomRef,
+    className: "label-condition-input-text",
+    onClick: handleLabelClick
+  }, label)));
+};
+
+export default LabelConditionInput;
+LabelConditionInput.Option = Option;

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

@@ -0,0 +1,43 @@
+.label-condition-input {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  padding: 19px 15px 2px 15px;
+  color: #263241;
+  font-size: 14px;
+  line-height: 16px;
+  border: 0;
+  outline: 0;
+}
+.label-condition-input:focus + label,
+.label-condition-input:not([data-value='0']) + label {
+  transform: translateY(-8px) scale(0.8);
+}
+.label-condition-input-field {
+  height: 45px;
+  overflow: hidden;
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  transition: border 0.3s;
+}
+.label-condition-input-focused {
+  border-color: #000;
+}
+.label-condition-input-warper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.label-condition-input-text {
+  position: absolute;
+  top: 12px;
+  left: 15px;
+  z-index: 2;
+  height: 20px;
+  color: #9aa5b5;
+  font-size: 14px;
+  line-height: 20px;
+  transform-origin: top left;
+  cursor: text;
+  transition: all 0.2s ease-out;
+}

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

@@ -0,0 +1 @@
+import './index.less';

package/es/label-condition-input/style/index.js

@@ -0,0 +1 @@
+import './index.less';

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

@@ -0,0 +1,59 @@
+@import '../../style/themes/default.less';
+
+@color_263241: #263241;
+@color_9aa5b5: #9aa5b5;
+@color_e5e5e5: #e5e5e5;
+
+@font-size-base: 14px;
+@font-size-lg: @font-size-base + 2px;
+
+@font-weight-500: 500;
+
+.label-condition-input {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  padding: 19px 15px 2px 15px;
+  color: @color_263241;
+  font-size: @font-size-base;
+  line-height: 16px;
+  border: 0;
+  outline: 0;
+
+  &:focus + label,
+  &:not([data-value='0']) + label {
+    transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
+  }
+
+  &-field {
+    height: 45px;
+    overflow: hidden;
+    border: 1px solid @color_e5e5e5;
+    border-radius: 8px;
+    transition: border 0.3s;
+  }
+
+  &-focused {
+    border-color: @labelFocusBorderColor;
+  }
+
+  &-warper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  &-text {
+    position: absolute;
+    top: 12px;
+    left: 15px;
+    z-index: 2;
+    height: 20px;
+    color: @color_9aa5b5;
+    font-size: @font-size-base;
+    line-height: 20px;
+    transform-origin: top left;
+    cursor: text;
+    transition: all 0.2s ease-out;
+  }
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { NumberInputProps } from '../number-input';
+export interface LabelNumberInputProps extends NumberInputProps {
+    /** label 标签的文本 */
+    label?: React.ReactNode;
+    /** 输入框除去label之后的最小末尾宽度 */
+    baseMinWidth?: number;
+    /** 组件dom id */
+    id?: string;
+}
+declare const LabelNumberInput: {
+    (props: LabelNumberInputProps): JSX.Element;
+    Option: new (text?: string | undefined, value?: string | undefined, defaultSelected?: boolean | undefined, selected?: boolean | undefined) => HTMLOptionElement;
+};
+export default LabelNumberInput;

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

@@ -0,0 +1,117 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+import React from 'react';
+import useControllableValue from 'ahooks/lib/useControllableValue';
+import useSize from 'ahooks/lib/useSize';
+import isUndefined from 'lodash/isUndefined';
+import classNames from 'classnames';
+import omit from 'lodash/omit';
+import NumberInput from '../number-input';
+
+var LabelNumberInput = function LabelNumberInput(props) {
+  var className = props.className,
+      label = props.label,
+      onBlur = props.onBlur,
+      onFocus = props.onFocus,
+      id = props.id,
+      _a = props.baseMinWidth,
+      baseMinWidth = _a === void 0 ? 50 : _a;
+  var numberInputRef = React.useRef(null);
+  var labelDomRef = React.useRef(null);
+  var labelSize = useSize(labelDomRef);
+
+  var _b = __read(useControllableValue(props), 2),
+      value = _b[0],
+      setValue = _b[1];
+
+  var _c = __read(React.useState(false), 2),
+      focused = _c[0],
+      setFocused = _c[1];
+
+  var handleLabelClick = function handleLabelClick() {
+    var _a;
+
+    setFocused(true);
+    (_a = numberInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+  };
+
+  var handleFocus = function handleFocus() {
+    setFocused(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(value);
+  };
+
+  var handleBlur = function handleBlur(e) {
+    setFocused(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  };
+
+  var controlMinWidth = (labelSize === null || labelSize === void 0 ? void 0 : labelSize.width) ? labelSize.width + baseMinWidth : undefined;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('label-number-input-warper', className),
+    id: id,
+    style: {
+      minWidth: controlMinWidth
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('label-number-input-field', {
+      'label-number-input-focused': focused || !isUndefined(value)
+    })
+  }, /*#__PURE__*/React.createElement(NumberInput, __assign({}, omit(props, ['onChange', 'onBlur', 'onFocus', 'className', 'label', 'placeholder']), {
+    ref: numberInputRef,
+    "data-value": !isUndefined(value) ? ("" + value).length : 0,
+    value: value,
+    onBlur: handleBlur,
+    onFocus: handleFocus,
+    className: "label-number-input",
+    onChange: function onChange(inputValue) {
+      return setValue(inputValue);
+    }
+  })), /*#__PURE__*/React.createElement("label", {
+    className: "label-number-input-text",
+    onClick: handleLabelClick
+  }, label)));
+};
+
+export default LabelNumberInput;
+LabelNumberInput.Option = Option;

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

@@ -0,0 +1,43 @@
+.label-number-input {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  padding: 19px 15px 2px 15px;
+  color: #263241;
+  font-size: 14px;
+  line-height: 16px;
+  border: 0;
+  outline: 0;
+}
+.label-number-input:focus + label,
+.label-number-input:not([data-value='0']) + label {
+  transform: translateY(-8px) scale(0.8);
+}
+.label-number-input-field {
+  height: 45px;
+  overflow: hidden;
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  transition: border 0.3s;
+}
+.label-number-input-focused {
+  border-color: #000;
+}
+.label-number-input-warper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.label-number-input-text {
+  position: absolute;
+  top: 12px;
+  left: 15px;
+  z-index: 2;
+  height: 20px;
+  color: #9aa5b5;
+  font-size: 14px;
+  line-height: 20px;
+  transform-origin: top left;
+  cursor: text;
+  transition: all 0.2s ease-out;
+}

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

@@ -0,0 +1 @@
+import './index.less';

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

@@ -0,0 +1 @@
+import './index.less';

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

@@ -0,0 +1,59 @@
+@import '../../style/themes/default.less';
+
+@color_263241: #263241;
+@color_9aa5b5: #9aa5b5;
+@color_e5e5e5: #e5e5e5;
+
+@font-size-base: 14px;
+@font-size-lg: @font-size-base + 2px;
+
+@font-weight-500: 500;
+
+.label-number-input {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  padding: 19px 15px 2px 15px;
+  color: @color_263241;
+  font-size: @font-size-base;
+  line-height: 16px;
+  border: 0;
+  outline: 0;
+
+  &:focus + label,
+  &:not([data-value='0']) + label {
+    transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
+  }
+
+  &-field {
+    height: 45px;
+    overflow: hidden;
+    border: 1px solid @color_e5e5e5;
+    border-radius: 8px;
+    transition: border 0.3s;
+  }
+
+  &-focused {
+    border-color: @labelFocusBorderColor;
+  }
+
+  &-warper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  &-text {
+    position: absolute;
+    top: 12px;
+    left: 15px;
+    z-index: 2;
+    height: 20px;
+    color: @color_9aa5b5;
+    font-size: @font-size-base;
+    line-height: 20px;
+    transform-origin: top left;
+    cursor: text;
+    transition: all 0.2s ease-out;
+  }
+}

package/es/label-select/index.js

@@ -44,7 +44,7 @@ var __read = this && this.__read || function (o, n) {
 import React from 'react';
 import useControllableValue from 'ahooks/lib/useControllableValue';
 import Select from 'antd/es/select';
-import { isUndefined } from 'lodash';
+import isUndefined from 'lodash/isUndefined';
 import classNames from 'classnames';
 import ArrowDropDownFilled from 'a-icons/lib/ArrowDropDownFilled';
 import omit from 'lodash/omit';

package/es/label-text-area/index.js

@@ -56,7 +56,7 @@ var __read = this && this.__read || function (o, n) {
 
 import React from 'react';
 import classNames from 'classnames';
-import { useControllableValue } from 'ahooks';
+import useControllableValue from 'ahooks/lib/useControllableValue';
 import trimStart from 'lodash/trimStart';
 
 var LabelTextArea = function LabelTextArea(props) {

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

@@ -2,9 +2,10 @@ import * as React from 'react';
 import type { InputProps } from 'antd/es/input';
 import * as dataTypeEnum from './const/dataTypeEnum';
 import * as numberTypeEnum from './const/numberType';
+export declare type NumberInputValueType = string | number;
 export interface NumberInputProps extends Omit<InputProps, 'onChange' | 'onBlur'> {
     /** 输入框的内容 */
-    value?: string | number;
+    value?: NumberInputValueType;
     /** 输入数据的类型 */
     numberType?: 'int' | 'float';
     /** value的数据类型 */
@@ -20,9 +21,9 @@ export interface NumberInputProps extends Omit<InputProps, 'onChange' | 'onBlur'
     /** 是否允许输入负数 */
     enableMinus?: boolean;
     /** 变化回调 */
-    onChange?: (value: string | number) => void;
+    onChange?: (value: NumberInputValueType) => void;
     /** 失去焦点回调 */
-    onBlur?: (value: string) => void;
+    onBlur?: (value: NumberInputValueType) => void;
     /** 按下回车的回调 */
     onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
     /** 带标签的 input，设置前置标签 */