assui 3.2.3 → 3.2.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 assui
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/img-crop/index.d.ts

@@ -20,6 +20,7 @@ export interface ImgCropProps {
     modalWidth?: string | number;
     modalCancel?: string;
     modalOk?: string;
+    modalCenter?: boolean;
     zipImg?: {
         width: number;
         height: number;

package/es/img-crop/index.js

@@ -193,6 +193,7 @@ var ImgCrop = function ImgCrop(props) {
     modalWidth = props.modalWidth,
     modalOk = props.modalOk,
     modalCancel = props.modalCancel,
+    modalCenter = props.modalCenter,
     beforeCrop = props.beforeCrop,
     zipImg = props.zipImg,
     children = props.children,
@@ -279,10 +280,11 @@ var ImgCrop = function ImgCrop(props) {
     var obj = {
       width: modalWidth,
       okText: modalOk,
-      cancelText: modalCancel
+      cancelText: modalCancel,
+      center: modalCenter
     };
     return obj;
-  }, [modalCancel, modalOk, modalWidth]);
+  }, [modalCancel, modalOk, modalWidth, modalCenter]);
   var onClose = React.useCallback(function () {
     setSrc('');
     setZoomVal(1);

package/es/index.d.ts

@@ -29,7 +29,7 @@ export { default as LabelRangeNumber } from './label-range-number';
 export type { StepNumberInputProps } from './step-number-input';
 export { default as StepNumberInput } from './step-number-input';
 export type { RcEchartPropsType } from './rc-echart';
-export { default as RcEcharts } from './rc-echart';
+export { default as RcEchart } from './rc-echart';
 export type { RcQrcodeProps } from './rc-qrcode';
 export { default as RcQRcode } from './rc-qrcode';
 export { default as RcTransitionGroup } from './rc-transition-group';

package/es/index.js

@@ -13,7 +13,7 @@ export { default as RcMotion } from './rc-motion';
 export { default as NumberInput } from './number-input';
 export { default as LabelRangeNumber } from './label-range-number';
 export { default as StepNumberInput } from './step-number-input';
-export { default as RcEcharts } from './rc-echart';
+export { default as RcEchart } from './rc-echart';
 export { default as RcQRcode } from './rc-qrcode';
 export { default as RcTransitionGroup } from './rc-transition-group';
 export { default as SingleImgUpload } from './single-img-upload';

package/es/label-range-picker/index.js

@@ -10,6 +10,16 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 var __read = this && this.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
@@ -43,7 +53,9 @@ import CalendarOutlined from "a-icons/es/CalendarOutlined";
 var RangePicker = DatePicker.RangePicker;
 var LabelDatePicker = function LabelDatePicker(props) {
   var className = props.className,
-    label = props.label;
+    label = props.label,
+    showTime = props.showTime,
+    restProps = __rest(props, ["className", "label", "showTime"]);
   var datePickerRef = React.useRef(null);
   var _a = __read(useControllableValue(props, {
       valuePropName: 'open',
@@ -74,9 +86,10 @@ var LabelDatePicker = function LabelDatePicker(props) {
       'label-range-picker-label-scale': open || value
     }, className)
   }, /*#__PURE__*/React.createElement(RangePicker, __assign({
-    format: "YYYY.MM.DD",
-    allowEmpty: [true, true]
-  }, omit(props, 'onOpenChange'), {
+    format: showTime ? 'YYYY.MM.DD HH:mm:ss' : 'YYYY.MM.DD',
+    allowEmpty: [true, true],
+    showTime: showTime
+  }, omit(restProps, 'onOpenChange'), {
     separator: "\u2013",
     open: open,
     onChange: handleChange,

package/es/label-range-picker/style/index.css

@@ -1236,7 +1236,8 @@ html {
 }
 .label-range-picker {
   position: relative;
-  width: 220px;
+  width: -moz-fit-content;
+  width: fit-content;
   height: 100%;
   cursor: pointer;
 }
@@ -1257,7 +1258,6 @@ html {
 .label-range-picker .ant-picker-input input {
   position: relative;
   top: 9px;
-  width: 85px;
 }
 .label-range-picker .ant-picker-focused {
   border-color: #000;

package/es/label-range-picker/style/index.less

@@ -4,7 +4,7 @@
 
 .label-range-picker {
   position: relative;
-  width: 220px;
+  width: fit-content;
   height: 100%;
   cursor: pointer;
 
@@ -31,7 +31,6 @@
     &-input input {
       position: relative;
       top: @pickerInputTop;
-      width: 85px;
     }
 
     &-focused {

package/lib/img-crop/index.d.ts

@@ -20,6 +20,7 @@ export interface ImgCropProps {
     modalWidth?: string | number;
     modalCancel?: string;
     modalOk?: string;
+    modalCenter?: boolean;
     zipImg?: {
         width: number;
         height: number;

package/lib/img-crop/index.js

@@ -236,6 +236,7 @@ var ImgCrop = function ImgCrop(props) {
     modalWidth = props.modalWidth,
     modalOk = props.modalOk,
     modalCancel = props.modalCancel,
+    modalCenter = props.modalCenter,
     beforeCrop = props.beforeCrop,
     zipImg = props.zipImg,
     children = props.children,
@@ -322,10 +323,11 @@ var ImgCrop = function ImgCrop(props) {
     var obj = {
       width: modalWidth,
       okText: modalOk,
-      cancelText: modalCancel
+      cancelText: modalCancel,
+      center: modalCenter
     };
     return obj;
-  }, [modalCancel, modalOk, modalWidth]);
+  }, [modalCancel, modalOk, modalWidth, modalCenter]);
   var onClose = React.useCallback(function () {
     setSrc('');
     setZoomVal(1);

package/lib/index.d.ts

@@ -29,7 +29,7 @@ export { default as LabelRangeNumber } from './label-range-number';
 export type { StepNumberInputProps } from './step-number-input';
 export { default as StepNumberInput } from './step-number-input';
 export type { RcEchartPropsType } from './rc-echart';
-export { default as RcEcharts } from './rc-echart';
+export { default as RcEchart } from './rc-echart';
 export type { RcQrcodeProps } from './rc-qrcode';
 export { default as RcQRcode } from './rc-qrcode';
 export { default as RcTransitionGroup } from './rc-transition-group';

package/lib/index.js

@@ -8,7 +8,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CountDown = exports.CountUp = exports.ComplexValSelect = exports.MultipartUpload = exports.LabelConditionSelectInput = exports.Flex = exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.TableCol = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.JsonEditor = exports.AreaText = exports.LabelTextArea = exports.ASelect = exports.LabelSelect = exports.ColorSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEcharts = exports.StepNumberInput = exports.LabelRangeNumber = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionSelectInput = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
+exports.CountDown = exports.CountUp = exports.ComplexValSelect = exports.MultipartUpload = exports.LabelConditionSelectInput = exports.Flex = exports.Resizable = exports.BeautifulDnd = exports.RichTextEditor = exports.LabelCustomizeRangePicker = exports.TableCol = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.JsonEditor = exports.AreaText = exports.LabelTextArea = exports.ASelect = exports.LabelSelect = exports.ColorSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEchart = exports.StepNumberInput = exports.LabelRangeNumber = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionSelectInput = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
 var button_drawer_1 = require("./button-drawer");
 Object.defineProperty(exports, "ButtonDrawer", {
   enumerable: true,
@@ -115,7 +115,7 @@ Object.defineProperty(exports, "StepNumberInput", {
   }
 });
 var rc_echart_1 = require("./rc-echart");
-Object.defineProperty(exports, "RcEcharts", {
+Object.defineProperty(exports, "RcEchart", {
   enumerable: true,
   get: function get() {
     return __importDefault(rc_echart_1)["default"];

package/lib/label-range-picker/index.js

@@ -12,6 +12,16 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 var __read = this && this.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
@@ -53,7 +63,9 @@ var CalendarOutlined_1 = __importDefault(require("a-icons/lib/CalendarOutlined")
 var RangePicker = date_picker_1["default"].RangePicker;
 var LabelDatePicker = function LabelDatePicker(props) {
   var className = props.className,
-    label = props.label;
+    label = props.label,
+    showTime = props.showTime,
+    restProps = __rest(props, ["className", "label", "showTime"]);
   var datePickerRef = react_1["default"].useRef(null);
   var _a = __read((0, useControllableValue_1["default"])(props, {
       valuePropName: 'open',
@@ -84,9 +96,10 @@ var LabelDatePicker = function LabelDatePicker(props) {
       'label-range-picker-label-scale': open || value
     }, className)
   }, react_1["default"].createElement(RangePicker, __assign({
-    format: "YYYY.MM.DD",
-    allowEmpty: [true, true]
-  }, (0, omit_1["default"])(props, 'onOpenChange'), {
+    format: showTime ? 'YYYY.MM.DD HH:mm:ss' : 'YYYY.MM.DD',
+    allowEmpty: [true, true],
+    showTime: showTime
+  }, (0, omit_1["default"])(restProps, 'onOpenChange'), {
     separator: "\u2013",
     open: open,
     onChange: handleChange,

package/lib/label-range-picker/style/index.css

@@ -1236,7 +1236,8 @@ html {
 }
 .label-range-picker {
   position: relative;
-  width: 220px;
+  width: -moz-fit-content;
+  width: fit-content;
   height: 100%;
   cursor: pointer;
 }
@@ -1257,7 +1258,6 @@ html {
 .label-range-picker .ant-picker-input input {
   position: relative;
   top: 9px;
-  width: 85px;
 }
 .label-range-picker .ant-picker-focused {
   border-color: #000;

package/lib/label-range-picker/style/index.less

@@ -4,7 +4,7 @@
 
 .label-range-picker {
   position: relative;
-  width: 220px;
+  width: fit-content;
   height: 100%;
   cursor: pointer;
 
@@ -31,7 +31,6 @@
     &-input input {
       position: relative;
       top: @pickerInputTop;
-      width: 85px;
     }
 
     &-focused {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "3.2.3",
+  "version": "3.2.5",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -35,7 +35,7 @@
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-color": "^3.0.6",
     "@types/react-resizable": "^3.0.0",
-    "a-icons": "^1.2.2",
+    "a-icons": "^1.2.4",
     "aa-utils": "^2.1.27",
     "ahooks": "^3.0.8",
     "bignumber.js": "^9.0.1",
@@ -81,5 +81,6 @@
   "engines": {
     "node": ">=10.0.0"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "gitHead": "aecb544cb04cb1f776d3a4d841cf416289dff335"
 }