assui 2.1.20 → 2.1.21

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 NumberFormat } from './number-format';
+export type { NumberFormatProps } from './number-format';
 export type { CopyToClipboardProps } from './copy-to-clipboard';
 export { default as CopyToClipboard } from './copy-to-clipboard';
 export type { HighlightTextareaProps } from './highlight-textarea';

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 NumberFormat } from './number-format';
 export { default as CopyToClipboard } from './copy-to-clipboard';
 export { default as HighlightTextarea } from './highlight-textarea';
 export { default as HighlightWords } from './highlight-words';

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/index.d.ts

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

package/es/number-format/index.js

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

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

@@ -0,0 +1 @@
+

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 NumberFormat } from './number-format';
+export type { NumberFormatProps } from './number-format';
 export type { CopyToClipboardProps } from './copy-to-clipboard';
 export { default as CopyToClipboard } from './copy-to-clipboard';
 export type { HighlightTextareaProps } from './highlight-textarea';

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.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.NumberFormat = 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_1 = require("./number-format");
+
+Object.defineProperty(exports, "NumberFormat", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(number_format_1)["default"];
+  }
+});
+
 var copy_to_clipboard_1 = require("./copy-to-clipboard");
 
 Object.defineProperty(exports, "CopyToClipboard", {

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/index.d.ts

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

package/lib/number-format/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/style/index.d.ts

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "2.1.20",
+  "version": "2.1.21",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -70,5 +70,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "e6dce84e6b67b27443312db98c59c80af8b63203"
+  "gitHead": "dc14748328f7a1cd7db2b84c8819c163299a8475"
 }