@zgfe/business-lib 1.0.21-cdp.10 → 1.0.21-cdp.13

package/es/cycleTime/demo/index.js

@@ -1,7 +1,55 @@
 import React from 'react';
 import { BizCycleTime } from '@zgfe/business-lib';
 import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
-import { Form } from 'antd';
+import { Form, Card, Divider } from 'antd';
 export default (function () {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(BizCycleTime, null))));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, {
+    title: "\u9ED8\u8BA4\u6309\u5929"
+  }, /*#__PURE__*/React.createElement(Form, {
+    initialValues: {
+      time: {
+        day: [4],
+        time: '02:19:33',
+        unit: 1
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "time"
+  }, /*#__PURE__*/React.createElement(BizCycleTime, {
+    onChange: function onChange(val) {
+      return console.log(val);
+    }
+  })))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Card, {
+    title: "\u9ED8\u8BA4\u6309\u5468"
+  }, /*#__PURE__*/React.createElement(Form, {
+    initialValues: {
+      time: {
+        day: [4],
+        time: '02:19:33',
+        unit: 2
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "time"
+  }, /*#__PURE__*/React.createElement(BizCycleTime, {
+    onChange: function onChange(val) {
+      return console.log(val);
+    }
+  })))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Card, {
+    title: "\u9ED8\u8BA4\u6309\u6708"
+  }, /*#__PURE__*/React.createElement(Form, {
+    initialValues: {
+      time: {
+        day: [4, 8, 29, 32],
+        time: '02:19:33',
+        unit: 3
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "time"
+  }, /*#__PURE__*/React.createElement(BizCycleTime, {
+    onChange: function onChange(val) {
+      return console.log(val);
+    }
+  })))));
 });

package/es/cycleTime/index.d.ts

@@ -12,6 +12,7 @@ interface Value {
     time?: string;
 }
 declare const BizCycleTime: React.FC<{
+    value?: Value;
     multiple?: boolean;
     onChange?: (val: Value) => void;
     size?: SizeType;

package/es/cycleTime/index.js

@@ -10,7 +10,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { DatePicker } from 'antd';
+import { DatePicker, Skeleton } from 'antd';
+import moment from 'moment';
 import React, { useEffect, useState } from 'react';
 import { BizSelect } from '..';
 import MonthDay from './month';
@@ -38,6 +39,14 @@ var BizCycleTime = function BizCycleTime(props) {
     value: CycleTimeUnit.month
   }];
   var days = [];
+  var nums = ['一', '二', '三', '四', '五', '六', '日'];
+
+  for (var i = 1; i < 8; i++) {
+    days.push({
+      label: "\u661F\u671F".concat(nums[i - 1]),
+      value: i
+    });
+  }
 
   var _useState = useState(unitList[0]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -59,6 +68,60 @@ var BizCycleTime = function BizCycleTime(props) {
       time = _useState8[0],
       setTime = _useState8[1];
 
+  var _useState9 = useState(true),
+      _useState10 = _slicedToArray(_useState9, 2),
+      initing = _useState10[0],
+      setIniting = _useState10[1];
+
+  useEffect(function () {
+    if (!props.value) {
+      setIniting(false);
+      return;
+    }
+
+    setIniting(true);
+    unitList.forEach(function (item) {
+      var _props$value;
+
+      if (item.value === ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.unit)) {
+        setUnit(item);
+
+        switch (item.value) {
+          case CycleTimeUnit.day:
+            setTime(props.value.time);
+            break;
+
+          case CycleTimeUnit.week:
+            var valList = [];
+            days.forEach(function (item) {
+              if (props.value.day.includes(item.value)) {
+                valList.push(item);
+              }
+            });
+
+            if (multiple) {
+              setDay(valList);
+            } else {
+              setDay(valList[0]);
+            }
+
+            break;
+
+          case CycleTimeUnit.month:
+            setDay(props.value.day.map(function (v) {
+              return {
+                label: String(v),
+                value: v
+              };
+            }));
+            break;
+        }
+      }
+    });
+    setTimeout(function () {
+      setIniting(false);
+    });
+  }, []);
   useEffect(function () {
     var res = {
       unit: unit.value,
@@ -78,13 +141,11 @@ var BizCycleTime = function BizCycleTime(props) {
 
     if (props.onChange) props.onChange(res);
   }, [unit, day, dayList, time]);
-  var nums = ['一', '二', '三', '四', '五', '六', '日'];
 
-  for (var i = 1; i < 8; i++) {
-    days.push({
-      label: "\u661F\u671F".concat(nums[i - 1]),
-      value: i
-    });
+  if (initing) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: classPrefix
+    }, /*#__PURE__*/React.createElement(Skeleton.Input, null));
   }
 
   return /*#__PURE__*/React.createElement("span", {
@@ -97,11 +158,14 @@ var BizCycleTime = function BizCycleTime(props) {
     defaultValue: unit,
     size: size,
     onChange: function onChange(v) {
+      setDay([]);
+      setTime(undefined);
       setUnit(v);
     }
   }), unit.value === CycleTimeUnit.day && /*#__PURE__*/React.createElement(DatePicker.TimePicker, {
     className: "".concat(classPrefix, "-hour"),
     size: size,
+    defaultValue: time ? moment(time, 'hh:mm:ss') : undefined,
     onChange: function onChange(time) {
       setTime(time === null || time === void 0 ? void 0 : time.format('hh:mm:ss'));
     }
@@ -112,10 +176,12 @@ var BizCycleTime = function BizCycleTime(props) {
     size: size,
     multiple: multiple,
     className: "".concat(classPrefix, "-day"),
+    defaultValue: day,
     onChange: function onChange(v) {
       setDay(v);
     }
   }), unit.value === CycleTimeUnit.month && /*#__PURE__*/React.createElement(MonthDay, {
+    defaultValue: day,
     onChange: setDayList
   }));
 };

package/es/cycleTime/month.d.ts

@@ -5,6 +5,7 @@ import { SizeType } from 'antd/es/config-provider/SizeContext';
 declare const MonthDay: React.FC<{
     size?: SizeType;
     className?: string;
+    defaultValue?: BaseOption<number>[];
     onChange?: (days: BaseOption<number>[]) => void;
 }>;
 export default MonthDay;

package/es/cycleTime/month.js

@@ -29,6 +29,27 @@ var MonthDay = function MonthDay(props) {
       visible = _useState4[0],
       setVisible = _useState4[1];
 
+  var dayList = [];
+
+  for (var i = 1; i < 33; i++) {
+    dayList.push({
+      label: String(i === 32 ? '月末' : i),
+      value: i
+    });
+  }
+
+  useEffect(function () {
+    if (!props.defaultValue) return;
+    var res = [];
+    dayList === null || dayList === void 0 ? void 0 : dayList.forEach(function (item) {
+      var _props$defaultValue;
+
+      (_props$defaultValue = props.defaultValue) === null || _props$defaultValue === void 0 ? void 0 : _props$defaultValue.forEach(function (v) {
+        if (v.value === item.value) res.push(item);
+      });
+    });
+    setChosenDayList(res);
+  }, []);
   useEffect(function () {
     if (props.onChange) props.onChange(chosenDayList);
   }, [chosenDayList]);
@@ -52,15 +73,6 @@ var MonthDay = function MonthDay(props) {
     });
   }
 
-  var dayList = [];
-
-  for (var i = 1; i < 33; i++) {
-    dayList.push({
-      label: String(i === 32 ? '月末' : i),
-      value: i
-    });
-  }
-
   return /*#__PURE__*/React.createElement(Dropdown, {
     overlay: /*#__PURE__*/React.createElement("div", {
       className: "".concat(classPrefix, "-overlay")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.0.21-cdp.10",
+  "version": "1.0.21-cdp.13",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -58,5 +58,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "ede509f4ba87a30fb19c3a2ab35b3b773fa20d53"
+  "gitHead": "75e0e97d9b164e4aa6326dbd4cdbaee379c17878"
 }