assui 2.1.19 → 2.1.22

package/es/index.d.ts

@@ -6,6 +6,8 @@ export type { ConditionInputProps } from './condition-input';
 export { default as ConditionInput } from './condition-input';
 export type { ConfigProviderProps } from './config-provider';
 export { default as ConfigProvider } from './config-provider';
+export { default as NumberFormatInput } from './number-format-input';
+export type { NumberFormatInputProps } from './number-format-input';
 export type { CopyToClipboardProps } from './copy-to-clipboard';
 export { default as CopyToClipboard } from './copy-to-clipboard';
 export type { HighlightTextareaProps } from './highlight-textarea';
@@ -58,4 +60,5 @@ export type { LabelCustomizeRangePickerProps } from './label-customize-range-pic
 export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
 export type { RichTextEditorProps } from './rich-text-editor';
 export { default as RichTextEditor } from './rich-text-editor';
-export { default as beautifulDnd } from './beautiful-dnd';
+export { default as BeautifulDnd } from './beautiful-dnd';
+export { default as Resizable } from './resizable';

package/es/index.js

@@ -2,6 +2,7 @@ export { default as ButtonDrawer } from './button-drawer';
 export { default as ButtonModal } from './button-modal';
 export { default as ConditionInput } from './condition-input';
 export { default as ConfigProvider } from './config-provider';
+export { default as NumberFormatInput } from './number-format-input';
 export { default as CopyToClipboard } from './copy-to-clipboard';
 export { default as HighlightTextarea } from './highlight-textarea';
 export { default as HighlightWords } from './highlight-words';
@@ -29,4 +30,5 @@ 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 RichTextEditor } from './rich-text-editor';
-export { default as beautifulDnd } from './beautiful-dnd';
+export { default as BeautifulDnd } from './beautiful-dnd';
+export { default as Resizable } from './resizable';

package/es/label-select/index.js

@@ -90,7 +90,10 @@ var LabelSelect = function LabelSelect(props) {
       'label-select': true,
       'label-select-label-scale': open || !isUndefined(value) && !isNull(value)
     }, className)
-  }, /*#__PURE__*/React.createElement(Select, __assign({}, omit(props, ['open', 'onChange', 'className', 'label']), {
+  }, /*#__PURE__*/React.createElement(Select, __assign({
+    maxTagCount: 3,
+    showSearch: false
+  }, omit(props, ['open', 'onChange', 'className', 'label']), {
     open: open,
     ref: selectRef,
     size: "large",

package/es/label-select/style/index.css

@@ -1792,6 +1792,39 @@ html {
   width: 100%;
   height: 100%;
 }
+.label-select .ant-select {
+  width: 100%;
+}
+.label-select .ant-select-multiple .ant-select-selector {
+  height: 45px;
+  padding: 6px 11px 7px;
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  outline: none;
+}
+.label-select .ant-select-multiple .ant-select-selection-overflow {
+  display: flex;
+  width: 100%;
+  transform: translateY(8px);
+}
+.label-select .ant-select-multiple .ant-select-selection-overflow-item {
+  max-width: 25%;
+}
+.label-select .ant-select-multiple .ant-select-selection-overflow-item .ant-select-selection-search {
+  padding: 0;
+}
+.label-select .ant-select-multiple.ant-select-lg .ant-select-selection-item {
+  width: auto;
+  height: auto;
+  margin: 0 4px 4px 0;
+  padding: 1px 4px;
+  color: #333;
+  font-size: 12px;
+  line-height: 17px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
 .label-select .ant-select-allow-clear .ant-select-clear {
   right: 16px;
 }

package/es/label-select/style/index.less

@@ -3,13 +3,60 @@
 @import '../../style/themes/default.less';
 
 @color_9aa5b5: #9aa5b5;
+@color_e5e5e5: #e5e5e5;
+@color_7d7d7d: #7d7d7d;
+@color_333: #333;
+@color_ccc: #ccc;
+@white: #fff;
 @font-size-base: 14px;
+@font-size-sm: @font-size-base - 2px;
 
 .label-select {
   position: relative;
   width: 100%;
   height: 100%;
 
+  .@{ant-prefix}-select {
+    width: 100%;
+  }
+
+  .@{ant-prefix}-select-multiple {
+    .@{ant-prefix}-select-selector {
+      height: 45px;
+      padding: 6px 11px 7px;
+      border: 1px solid @color_e5e5e5;
+      border-radius: 8px;
+      outline: none;
+    }
+
+    .@{ant-prefix}-select-selection-overflow {
+      display: flex;
+      width: 100%;
+      transform: translateY(8px);
+    }
+
+    .@{ant-prefix}-select-selection-overflow-item {
+      max-width: 25%;
+    }
+
+    .@{ant-prefix}-select-selection-overflow-item .@{ant-prefix}-select-selection-search {
+      padding: 0;
+    }
+  }
+
+  .@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg .@{ant-prefix}-select-selection-item {
+    width: auto;
+    height: auto;
+    margin: 0 4px 4px 0;
+    padding: 1px 4px;
+    color: @color_333;
+    font-size: @font-size-sm;
+    line-height: 17px;
+    background-color: @white;
+    border: 1px solid @color_ccc;
+    border-radius: 4px;
+  }
+
   .@{ant-prefix}-select-allow-clear {
     .@{ant-prefix}-select-clear {
       right: 16px;
@@ -19,7 +66,7 @@
   .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
     .@{ant-prefix}-select-selector {
     height: 45px;
-    border: 1px solid #e5e5e5;
+    border: 1px solid @color_e5e5e5;
     border-radius: 8px;
     outline: none;
   }
@@ -46,7 +93,7 @@
     top: 44%;
     width: 22px;
     height: 22px;
-    color: #7d7d7d;
+    color: @color_7d7d7d;
 
     .spotecicon {
       width: 22px;

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

@@ -0,0 +1,4 @@
+import NumberFormatInput from 'react-number-format';
+import type { NumberFormatProps as ReactNumberFormatProps } from 'react-number-format';
+export declare type NumberFormatInputProps = ReactNumberFormatProps;
+export default NumberFormatInput;

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

@@ -0,0 +1,2 @@
+import NumberFormatInput from 'react-number-format';
+export default NumberFormatInput;

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

@@ -0,0 +1 @@
+

package/es/resizable/index.d.ts

@@ -0,0 +1,4 @@
+import { Resizable, ResizableBox } from 'react-resizable';
+export type { Axis, ResizeHandle, ResizableState, DragCallbackData, ResizeCallbackData, ResizableProps, ResizableBoxState, ResizableBoxProps, } from 'react-resizable';
+export { Resizable, ResizableBox };
+export default Resizable;

package/es/resizable/index.js

@@ -0,0 +1,3 @@
+import { Resizable, ResizableBox } from 'react-resizable';
+export { Resizable, ResizableBox };
+export default Resizable;

package/es/resizable/style/index.css

@@ -0,0 +1 @@
+@import '~react-resizable/css/styles.css';

package/es/resizable/style/index.d.ts

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

package/es/resizable/style/index.js

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

package/es/resizable/style/index.less

@@ -0,0 +1 @@
+@import '~react-resizable/css/styles.css';

package/es/single-img-upload/style/index.css

@@ -1845,17 +1845,17 @@ html {
   align-items: center;
   height: 100%;
 }
-.as-img-upload-upload-progress {
+.as-img-upload .as-img-upload-upload-progress {
   position: absolute;
   top: 50%;
   left: 0;
   z-index: 2;
   transform: translateY(-34%);
 }
-.as-img-upload-upload-progress .ant-progress-outer {
+.as-img-upload .as-img-upload-upload-progress .ant-progress-outer {
   padding: 0 20px;
 }
-.as-img-upload-upload-progress .ant-progress-text {
+.as-img-upload .as-img-upload-upload-progress .ant-progress-text {
   display: block;
   width: 100%;
   color: #fff;

package/es/single-img-upload/style/index.less

@@ -70,7 +70,7 @@
     height: 100%;
   }
 
-  &-upload-progress {
+  & &-upload-progress {
     position: absolute;
     top: 50%;
     left: 0;

package/lib/index.d.ts

@@ -6,6 +6,8 @@ export type { ConditionInputProps } from './condition-input';
 export { default as ConditionInput } from './condition-input';
 export type { ConfigProviderProps } from './config-provider';
 export { default as ConfigProvider } from './config-provider';
+export { default as NumberFormatInput } from './number-format-input';
+export type { NumberFormatInputProps } from './number-format-input';
 export type { CopyToClipboardProps } from './copy-to-clipboard';
 export { default as CopyToClipboard } from './copy-to-clipboard';
 export type { HighlightTextareaProps } from './highlight-textarea';
@@ -58,4 +60,5 @@ export type { LabelCustomizeRangePickerProps } from './label-customize-range-pic
 export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
 export type { RichTextEditorProps } from './rich-text-editor';
 export { default as RichTextEditor } from './rich-text-editor';
-export { default as beautifulDnd } from './beautiful-dnd';
+export { default as BeautifulDnd } from './beautiful-dnd';
+export { default as Resizable } from './resizable';

package/lib/index.js

@@ -9,7 +9,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.beautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.LabelTextArea = exports.LabelSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEcharts = exports.StepNumberInput = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.ConfigProvider = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
+exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.LabelTextArea = exports.LabelSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEcharts = exports.StepNumberInput = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
 
 var button_drawer_1 = require("./button-drawer");
 
@@ -47,6 +47,15 @@ Object.defineProperty(exports, "ConfigProvider", {
   }
 });
 
+var number_format_input_1 = require("./number-format-input");
+
+Object.defineProperty(exports, "NumberFormatInput", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(number_format_input_1)["default"];
+  }
+});
+
 var copy_to_clipboard_1 = require("./copy-to-clipboard");
 
 Object.defineProperty(exports, "CopyToClipboard", {
@@ -292,9 +301,18 @@ Object.defineProperty(exports, "RichTextEditor", {
 
 var beautiful_dnd_1 = require("./beautiful-dnd");
 
-Object.defineProperty(exports, "beautifulDnd", {
+Object.defineProperty(exports, "BeautifulDnd", {
   enumerable: true,
   get: function get() {
     return __importDefault(beautiful_dnd_1)["default"];
   }
+});
+
+var resizable_1 = require("./resizable");
+
+Object.defineProperty(exports, "Resizable", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(resizable_1)["default"];
+  }
 });

package/lib/label-select/index.js

@@ -110,7 +110,10 @@ var LabelSelect = function LabelSelect(props) {
       'label-select': true,
       'label-select-label-scale': open || !(0, lodash_1.isUndefined)(value) && !(0, lodash_1.isNull)(value)
     }, className)
-  }, react_1["default"].createElement(select_1["default"], __assign({}, (0, omit_1["default"])(props, ['open', 'onChange', 'className', 'label']), {
+  }, react_1["default"].createElement(select_1["default"], __assign({
+    maxTagCount: 3,
+    showSearch: false
+  }, (0, omit_1["default"])(props, ['open', 'onChange', 'className', 'label']), {
     open: open,
     ref: selectRef,
     size: "large",

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

@@ -1792,6 +1792,39 @@ html {
   width: 100%;
   height: 100%;
 }
+.label-select .ant-select {
+  width: 100%;
+}
+.label-select .ant-select-multiple .ant-select-selector {
+  height: 45px;
+  padding: 6px 11px 7px;
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  outline: none;
+}
+.label-select .ant-select-multiple .ant-select-selection-overflow {
+  display: flex;
+  width: 100%;
+  transform: translateY(8px);
+}
+.label-select .ant-select-multiple .ant-select-selection-overflow-item {
+  max-width: 25%;
+}
+.label-select .ant-select-multiple .ant-select-selection-overflow-item .ant-select-selection-search {
+  padding: 0;
+}
+.label-select .ant-select-multiple.ant-select-lg .ant-select-selection-item {
+  width: auto;
+  height: auto;
+  margin: 0 4px 4px 0;
+  padding: 1px 4px;
+  color: #333;
+  font-size: 12px;
+  line-height: 17px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
 .label-select .ant-select-allow-clear .ant-select-clear {
   right: 16px;
 }

package/lib/label-select/style/index.less

@@ -3,13 +3,60 @@
 @import '../../style/themes/default.less';
 
 @color_9aa5b5: #9aa5b5;
+@color_e5e5e5: #e5e5e5;
+@color_7d7d7d: #7d7d7d;
+@color_333: #333;
+@color_ccc: #ccc;
+@white: #fff;
 @font-size-base: 14px;
+@font-size-sm: @font-size-base - 2px;
 
 .label-select {
   position: relative;
   width: 100%;
   height: 100%;
 
+  .@{ant-prefix}-select {
+    width: 100%;
+  }
+
+  .@{ant-prefix}-select-multiple {
+    .@{ant-prefix}-select-selector {
+      height: 45px;
+      padding: 6px 11px 7px;
+      border: 1px solid @color_e5e5e5;
+      border-radius: 8px;
+      outline: none;
+    }
+
+    .@{ant-prefix}-select-selection-overflow {
+      display: flex;
+      width: 100%;
+      transform: translateY(8px);
+    }
+
+    .@{ant-prefix}-select-selection-overflow-item {
+      max-width: 25%;
+    }
+
+    .@{ant-prefix}-select-selection-overflow-item .@{ant-prefix}-select-selection-search {
+      padding: 0;
+    }
+  }
+
+  .@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg .@{ant-prefix}-select-selection-item {
+    width: auto;
+    height: auto;
+    margin: 0 4px 4px 0;
+    padding: 1px 4px;
+    color: @color_333;
+    font-size: @font-size-sm;
+    line-height: 17px;
+    background-color: @white;
+    border: 1px solid @color_ccc;
+    border-radius: 4px;
+  }
+
   .@{ant-prefix}-select-allow-clear {
     .@{ant-prefix}-select-clear {
       right: 16px;
@@ -19,7 +66,7 @@
   .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
     .@{ant-prefix}-select-selector {
     height: 45px;
-    border: 1px solid #e5e5e5;
+    border: 1px solid @color_e5e5e5;
     border-radius: 8px;
     outline: none;
   }
@@ -46,7 +93,7 @@
     top: 44%;
     width: 22px;
     height: 22px;
-    color: #7d7d7d;
+    color: @color_7d7d7d;
 
     .spotecicon {
       width: 22px;

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

@@ -0,0 +1,4 @@
+import NumberFormatInput from 'react-number-format';
+import type { NumberFormatProps as ReactNumberFormatProps } from 'react-number-format';
+export declare type NumberFormatInputProps = ReactNumberFormatProps;
+export default NumberFormatInput;

package/lib/number-format-input/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var react_number_format_1 = __importDefault(require("react-number-format"));
+
+exports["default"] = react_number_format_1["default"];

package/lib/number-format-input/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/resizable/index.d.ts

@@ -0,0 +1,4 @@
+import { Resizable, ResizableBox } from 'react-resizable';
+export type { Axis, ResizeHandle, ResizableState, DragCallbackData, ResizeCallbackData, ResizableProps, ResizableBoxState, ResizableBoxProps, } from 'react-resizable';
+export { Resizable, ResizableBox };
+export default Resizable;

package/lib/resizable/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResizableBox = exports.Resizable = void 0;
+
+var react_resizable_1 = require("react-resizable");
+
+Object.defineProperty(exports, "Resizable", {
+  enumerable: true,
+  get: function get() {
+    return react_resizable_1.Resizable;
+  }
+});
+Object.defineProperty(exports, "ResizableBox", {
+  enumerable: true,
+  get: function get() {
+    return react_resizable_1.ResizableBox;
+  }
+});
+exports["default"] = react_resizable_1.Resizable;

package/lib/resizable/style/index.css

@@ -0,0 +1 @@
+@import '~react-resizable/css/styles.css';

package/lib/resizable/style/index.d.ts

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

package/lib/resizable/style/index.js

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

package/lib/resizable/style/index.less

@@ -0,0 +1 @@
+@import '~react-resizable/css/styles.css';

package/lib/single-img-upload/style/index.css

@@ -1845,17 +1845,17 @@ html {
   align-items: center;
   height: 100%;
 }
-.as-img-upload-upload-progress {
+.as-img-upload .as-img-upload-upload-progress {
   position: absolute;
   top: 50%;
   left: 0;
   z-index: 2;
   transform: translateY(-34%);
 }
-.as-img-upload-upload-progress .ant-progress-outer {
+.as-img-upload .as-img-upload-upload-progress .ant-progress-outer {
   padding: 0 20px;
 }
-.as-img-upload-upload-progress .ant-progress-text {
+.as-img-upload .as-img-upload-upload-progress .ant-progress-text {
   display: block;
   width: 100%;
   color: #fff;

package/lib/single-img-upload/style/index.less

@@ -70,7 +70,7 @@
     height: 100%;
   }
 
-  &-upload-progress {
+  & &-upload-progress {
     position: absolute;
     top: 50%;
     left: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.1.19",
+  "version": "2.1.22",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -33,8 +33,9 @@
     "@ahooksjs/use-url-state": "^2.5.8",
     "@tinymce/tinymce-react": "^4.0.0",
     "@types/react-beautiful-dnd": "^13.1.2",
+    "@types/react-resizable": "^3.0.0",
     "a-icons": "^1.0.71",
-    "aa-utils": "^2.0.25",
+    "aa-utils": "^2.0.26",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
     "copy-to-clipboard": "^3.3.1",
@@ -45,6 +46,7 @@
     "react-beautiful-dnd": "^13.1.0",
     "react-easy-crop": "^3.5.2",
     "react-highlight-words": "^0.17.0",
+    "react-resizable": "^3.0.4",
     "react-sortable-hoc": "^2.0.0",
     "react-split-pane": "^0.1.92",
     "react-transition-group": "^4.4.2",
@@ -70,5 +72,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "50e2603d97efe6f8c3eaf2852011051e1ba60b5b"
+  "gitHead": "5b28a4e946a26ee10734447b59f24ee2645b1c1a"
 }