assui 3.2.1 → 3.2.2

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

@@ -8,6 +8,14 @@ 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;
@@ -39,7 +47,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',
@@ -70,9 +80,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/label-range-picker/index.js

@@ -10,6 +10,14 @@ 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;
@@ -49,7 +57,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',
@@ -80,9 +90,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.1",
+  "version": "3.2.2",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -82,5 +82,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "079b9b3977142fd2983e195796a66719b26d2f2e"
+  "gitHead": "639caca7d27f4235650824985ca1521bef0e82df"
 }