assui 3.2.39 → 3.2.40

package/lib/label-input/index.js

@@ -1,57 +1,66 @@
-"use strict";
+'use strict';
 
-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 {
+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 {
-      if (r && !r.done && (m = i["return"])) m.call(i);
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+        ar.push(r.value);
+      }
+    } catch (error) {
+      e = {
+        error: error,
+      };
     } finally {
-      if (e) throw e.error;
+      try {
+        if (r && !r.done && (m = i['return'])) m.call(i);
+      } finally {
+        if (e) throw e.error;
+      }
     }
-  }
-  return ar;
-};
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
+    return ar;
   };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule
+      ? mod
+      : {
+          default: mod,
+        };
+  };
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var trimStart_1 = __importDefault(require("lodash/trimStart"));
-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 react_1 = __importDefault(require('react'));
+var classnames_1 = __importDefault(require('classnames'));
+var trimStart_1 = __importDefault(require('lodash/trimStart'));
+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;
-  var resultNode = inputType === 'password' ? react_1["default"].createElement(EyeOutlined_1["default"], {
-    onClick: function onClick() {
-      onChangeInputType('text');
-    }
-  }) : react_1["default"].createElement(EyeFilled_1["default"], {
-    className: "label-input-open-eye",
-    onClick: function onClick() {
-      onChangeInputType('password');
-    }
-  });
+  var resultNode =
+    inputType === 'password'
+      ? react_1['default'].createElement(EyeOutlined_1['default'], {
+          onClick: function onClick() {
+            onChangeInputType('text');
+          },
+        })
+      : react_1['default'].createElement(EyeFilled_1['default'], {
+          className: 'label-input-open-eye',
+          onClick: function onClick() {
+            onChangeInputType('password');
+          },
+        });
   return resultNode;
 });
 var LabelInput = function LabelInput(props) {
@@ -68,20 +77,23 @@ var LabelInput = function LabelInput(props) {
     _b = props.baseMinWidth,
     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),
+  var labelDomRef = react_1['default'].useRef(null);
+  var labelSize = (0, useSize_1['default'])(labelDomRef);
+  var _c = __read(react_1['default'].useState(false), 2),
     focused = _c[0],
     setFocused = _c[1];
-  var _d = __read((0, useControllableValue_1["default"])(props, {
-      defaultValue: ''
-    }), 2),
+  var _d = __read(
+      (0, useControllableValue_1['default'])(props, {
+        defaultValue: '',
+      }),
+      2,
+    ),
     value = _d[0],
     setValue = _d[1];
-  var _e = __read(react_1["default"].useState(type), 2),
+  var _e = __read(react_1['default'].useState(type), 2),
     inputType = _e[0],
     setInputType = _e[1];
-  var InputDomRef = react_1["default"].useRef(null);
+  var InputDomRef = react_1['default'].useRef(null);
   var isPasswordInput = type === 'password';
   var handleFocus = function handleFocus() {
     setFocused(true);
@@ -92,54 +104,88 @@ var LabelInput = function LabelInput(props) {
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(value);
   };
   var handleChange = function handleChange(e) {
-    var finallyValue = (0, trimStart_1["default"])(e.target.value);
+    var finallyValue = (0, trimStart_1['default'])(e.target.value);
     setValue(finallyValue);
   };
   var handleLabelClick = function handleLabelClick() {
     InputDomRef.current.focus();
   };
-  var onChangeInputType = react_1["default"].useCallback(function (nextInputType) {
+  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: (0, classnames_1["default"])('label-input-control', className),
-    id: id,
-    style: {
-      minWidth: controlMinWidth
-    }
-  }, 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-disabled': disabled
-    })
-  }, prefix && react_1["default"].createElement("div", {
-    className: "label-input-prefix"
-  }, prefix), react_1["default"].createElement("div", {
-    className: "label-input-warper"
-  }, react_1["default"].createElement("input", {
-    ref: function ref(el) {
-      return InputDomRef.current = el;
+  var controlMinWidth = (
+    labelSize === null || labelSize === void 0 ? void 0 : labelSize.width
+  )
+    ? labelSize.width + baseMinWidth
+    : undefined;
+  return react_1['default'].createElement(
+    'div',
+    {
+      className: (0, classnames_1['default'])('label-input-control', className),
+      id: id,
+      style: {
+        minWidth: controlMinWidth,
+      },
     },
-    "data-value": value ? value.length : 0,
-    className: "label-input",
-    type: inputType,
-    value: value || '',
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onChange: handleChange,
-    maxLength: maxLength,
-    disabled: disabled
-  }), react_1["default"].createElement("label", {
-    className: "label-input-text",
-    onClick: handleLabelClick,
-    ref: labelDomRef
-  }, label)), (suffix || isPasswordInput) && react_1["default"].createElement("div", {
-    className: "label-input-suffix"
-  }, suffix || react_1["default"].createElement(PasswordSuffix, {
-    inputType: inputType,
-    onChangeInputType: onChangeInputType
-  }))));
+    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-disabled': disabled,
+        }),
+      },
+      prefix &&
+        react_1['default'].createElement(
+          'div',
+          {
+            className: 'label-input-prefix',
+          },
+          prefix,
+        ),
+      react_1['default'].createElement(
+        'div',
+        {
+          className: 'label-input-warper',
+        },
+        react_1['default'].createElement('input', {
+          'ref': function ref(el) {
+            return (InputDomRef.current = el);
+          },
+          'data-value': value ? value.length : 0,
+          'className': 'label-input',
+          'type': inputType,
+          'value': value || '',
+          'onFocus': handleFocus,
+          'onBlur': handleBlur,
+          'onChange': handleChange,
+          'maxLength': maxLength,
+          'disabled': disabled,
+        }),
+        react_1['default'].createElement(
+          'label',
+          {
+            className: 'label-input-text',
+            onClick: handleLabelClick,
+            ref: labelDomRef,
+          },
+          label,
+        ),
+      ),
+      (suffix || isPasswordInput) &&
+        react_1['default'].createElement(
+          'div',
+          {
+            className: 'label-input-suffix',
+          },
+          suffix ||
+            react_1['default'].createElement(PasswordSuffix, {
+              inputType: inputType,
+              onChangeInputType: onChangeInputType,
+            }),
+        ),
+    ),
+  );
 };
-exports["default"] = LabelInput;
+exports['default'] = LabelInput;

package/lib/label-input/style/index.css

@@ -2,12 +2,12 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-[class^=ant-]::-ms-clear,
-[class*= ant-]::-ms-clear,
-[class^=ant-] input::-ms-clear,
-[class*= ant-] input::-ms-clear,
-[class^=ant-] input::-ms-reveal,
-[class*= ant-] input::-ms-reveal {
+[class^='ant-']::-ms-clear,
+[class*='ant-']::-ms-clear,
+[class^='ant-'] input::-ms-clear,
+[class*='ant-'] input::-ms-clear,
+[class^='ant-'] input::-ms-reveal,
+[class*='ant-'] input::-ms-reveal {
   display: none;
 }
 /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
@@ -37,7 +37,9 @@ body {
   margin: 0;
   color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
   font-variant: tabular-nums;
   line-height: 1.5715;
   background-color: #fff;
@@ -68,9 +70,9 @@ p {
 }
 abbr[title],
 abbr[data-original-title] {
-  text-decoration: underline;
   -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+  text-decoration: underline;
+  text-decoration: underline dotted;
   border-bottom: 0;
   cursor: help;
 }
@@ -218,9 +220,9 @@ select {
   text-transform: none;
 }
 button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
+html [type='button'],
+[type='reset'],
+[type='submit'] {
   -webkit-appearance: button;
 }
 button::-moz-focus-inner,
@@ -353,13 +355,13 @@ mark {
 .ant-fade-enter,
 .ant-fade-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-fade-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-fade-enter.ant-fade-enter-active,
 .ant-fade-appear.ant-fade-appear-active {
@@ -398,13 +400,13 @@ mark {
 .ant-move-up-enter,
 .ant-move-up-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-move-up-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-move-up-enter.ant-move-up-enter-active,
 .ant-move-up-appear.ant-move-up-appear-active {
@@ -427,13 +429,13 @@ mark {
 .ant-move-down-enter,
 .ant-move-down-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-move-down-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-move-down-enter.ant-move-down-enter-active,
 .ant-move-down-appear.ant-move-down-appear-active {
@@ -456,13 +458,13 @@ mark {
 .ant-move-left-enter,
 .ant-move-left-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-move-left-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-move-left-enter.ant-move-left-enter-active,
 .ant-move-left-appear.ant-move-left-appear-active {
@@ -485,13 +487,13 @@ mark {
 .ant-move-right-enter,
 .ant-move-right-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-move-right-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-move-right-enter.ant-move-right-enter-active,
 .ant-move-right-appear.ant-move-right-appear-active {
@@ -632,7 +634,8 @@ html {
   box-shadow: 0 0 0 0 #1890ff;
   box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
   opacity: 0.2;
-  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
+  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),
+    waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
   animation-fill-mode: forwards;
   content: '';
   pointer-events: none;
@@ -651,13 +654,13 @@ html {
 .ant-slide-up-enter,
 .ant-slide-up-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-slide-up-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-slide-up-enter.ant-slide-up-enter-active,
 .ant-slide-up-appear.ant-slide-up-appear-active {
@@ -680,13 +683,13 @@ html {
 .ant-slide-down-enter,
 .ant-slide-down-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-slide-down-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-slide-down-enter.ant-slide-down-enter-active,
 .ant-slide-down-appear.ant-slide-down-appear-active {
@@ -709,13 +712,13 @@ html {
 .ant-slide-left-enter,
 .ant-slide-left-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-slide-left-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-slide-left-enter.ant-slide-left-enter-active,
 .ant-slide-left-appear.ant-slide-left-appear-active {
@@ -738,13 +741,13 @@ html {
 .ant-slide-right-enter,
 .ant-slide-right-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-slide-right-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-slide-right-enter.ant-slide-right-enter-active,
 .ant-slide-right-appear.ant-slide-right-appear-active {
@@ -863,13 +866,13 @@ html {
 .ant-zoom-enter,
 .ant-zoom-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-enter.ant-zoom-enter-active,
 .ant-zoom-appear.ant-zoom-appear-active {
@@ -897,13 +900,13 @@ html {
 .ant-zoom-big-enter,
 .ant-zoom-big-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-big-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-big-enter.ant-zoom-big-enter-active,
 .ant-zoom-big-appear.ant-zoom-big-appear-active {
@@ -931,13 +934,13 @@ html {
 .ant-zoom-big-fast-enter,
 .ant-zoom-big-fast-appear {
   animation-duration: 0.1s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-big-fast-leave {
   animation-duration: 0.1s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
 .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
@@ -965,13 +968,13 @@ html {
 .ant-zoom-up-enter,
 .ant-zoom-up-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-up-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-up-enter.ant-zoom-up-enter-active,
 .ant-zoom-up-appear.ant-zoom-up-appear-active {
@@ -999,13 +1002,13 @@ html {
 .ant-zoom-down-enter,
 .ant-zoom-down-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-down-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-down-enter.ant-zoom-down-enter-active,
 .ant-zoom-down-appear.ant-zoom-down-appear-active {
@@ -1033,13 +1036,13 @@ html {
 .ant-zoom-left-enter,
 .ant-zoom-left-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-left-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-left-enter.ant-zoom-left-enter-active,
 .ant-zoom-left-appear.ant-zoom-left-appear-active {
@@ -1067,13 +1070,13 @@ html {
 .ant-zoom-right-enter,
 .ant-zoom-right-appear {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-right-leave {
   animation-duration: 0.2s;
-  animation-fill-mode: both;
   animation-play-state: paused;
+  animation-fill-mode: both;
 }
 .ant-zoom-right-enter.ant-zoom-right-enter-active,
 .ant-zoom-right-appear.ant-zoom-right-appear-active {
@@ -1228,11 +1231,13 @@ html {
   overflow: hidden;
 }
 .ant-motion-collapse-legacy-active {
-  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
+  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
+    opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
 }
 .ant-motion-collapse {
   overflow: hidden;
-  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
+  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
+    opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
 }
 .label-input {
   z-index: 1;

package/lib/label-input/style/index.js

@@ -1,6 +1,6 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-require("./index.less");
+require('./index.less');

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

@@ -1,12 +1,12 @@
 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;
+  /** label 标签的文本 */
+  label?: React.ReactNode;
+  /** 输入框除去label之后的最小末尾宽度 */
+  baseMinWidth?: number;
+  /** 组件dom id */
+  id?: string;
 }
 declare const LabelNumberInput: (props: LabelNumberInputProps) => JSX.Element;
 export default LabelNumberInput;