yootd 0.0.35 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/date-interval/index.d.ts +1 -1
  2. package/dist/date-interval/index.js +22 -16
  3. package/dist/date-range/index.d.ts +1 -1
  4. package/dist/date-range/index.js +42 -34
  5. package/dist/tree/index.js +20 -0
  6. package/package.json +1 -1
package/dist/date-interval/index.d.ts CHANGED
@@ -12,7 +12,7 @@ export type DateIntervalProps = AntdDatePickerProps & {
12
12
  type: PickerType;
13
13
  };
14
14
  onChange?: (record: {
15
- date: dayjs.Dayjs;
15
+ date: dayjs.Dayjs | undefined;
16
16
  type: string;
17
17
  }) => void;
18
18
  };
package/dist/date-interval/index.js CHANGED
@@ -9,7 +9,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
9
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10
10
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
11
  import { DatePicker as AntdDatePicker, Select } from 'antd';
12
- import dayjs from 'dayjs';
13
12
  import React, { useEffect, useMemo, useState } from 'react';
14
13
  export var DateInterval = function DateInterval(_ref) {
15
14
  var _options$;
@@ -21,7 +20,7 @@ export var DateInterval = function DateInterval(_ref) {
21
20
  _useState2 = _slicedToArray(_useState, 2),
22
21
  type = _useState2[0],
23
22
  setType = _useState2[1];
24
- var _useState3 = useState((value === null || value === void 0 ? void 0 : value.date) || dayjs()),
23
+ var _useState3 = useState((value === null || value === void 0 ? void 0 : value.date) || undefined),
25
24
  _useState4 = _slicedToArray(_useState3, 2),
26
25
  date = _useState4[0],
27
26
  setDate = _useState4[1];
@@ -46,24 +45,17 @@ export var DateInterval = function DateInterval(_ref) {
46
45
  type: e
47
46
  });
48
47
  };
49
- // 设置初始值
50
- useEffect(function () {
51
- if (value != null) {
52
- setType(value.type);
53
- setDate(value.date);
54
- }
55
- }, [value]);
56
48
  var datePickerMap = useMemo(function () {
57
49
  return {
58
50
  time: /*#__PURE__*/React.createElement(AntdDatePicker.TimePicker, _extends({}, props, {
59
- defaultValue: value === null || value === void 0 ? void 0 : value.date,
51
+ value: date,
60
52
  style: {
61
53
  width: 180
62
54
  },
63
55
  onChange: onChangeTime
64
56
  })),
65
57
  date: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({}, props, {
66
- defaultValue: value === null || value === void 0 ? void 0 : value.date,
58
+ value: date,
67
59
  style: {
68
60
  width: 180
69
61
  },
@@ -72,7 +64,7 @@ export var DateInterval = function DateInterval(_ref) {
72
64
  week: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
73
65
  picker: "week"
74
66
  }, props, {
75
- defaultValue: value === null || value === void 0 ? void 0 : value.date,
67
+ value: date,
76
68
  style: {
77
69
  width: 180
78
70
  },
@@ -81,7 +73,7 @@ export var DateInterval = function DateInterval(_ref) {
81
73
  month: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
82
74
  picker: "month"
83
75
  }, props, {
84
- defaultValue: value === null || value === void 0 ? void 0 : value.date,
76
+ value: date,
85
77
  style: {
86
78
  width: 180
87
79
  },
@@ -90,7 +82,7 @@ export var DateInterval = function DateInterval(_ref) {
90
82
  quarter: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
91
83
  picker: "quarter"
92
84
  }, props, {
93
- defaultValue: value === null || value === void 0 ? void 0 : value.date,
85
+ value: date,
94
86
  style: {
95
87
  width: 180
96
88
  },
@@ -99,14 +91,28 @@ export var DateInterval = function DateInterval(_ref) {
99
91
  year: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
100
92
  picker: "year"
101
93
  }, props, {
102
- defaultValue: value === null || value === void 0 ? void 0 : value.date,
94
+ value: date,
103
95
  style: {
104
96
  width: 180
105
97
  },
106
98
  onChange: onChangeDate
107
99
  }))
108
100
  };
109
- }, [type]);
101
+ }, [type, date]);
102
+ // 设置初始值
103
+ useEffect(function () {
104
+ if ((value === null || value === void 0 ? void 0 : value.type) != null) {
105
+ setType(value.type);
106
+ } else {
107
+ var _options$2;
108
+ setType((options === null || options === void 0 || (_options$2 = options[0]) === null || _options$2 === void 0 ? void 0 : _options$2.value) || 'time');
109
+ }
110
+ if ((value === null || value === void 0 ? void 0 : value.date) != null) {
111
+ setDate(value.date);
112
+ } else {
113
+ setDate(undefined);
114
+ }
115
+ }, [value, options]);
110
116
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
111
117
  value: type,
112
118
  style: {
package/dist/date-range/index.d.ts CHANGED
@@ -12,7 +12,7 @@ export type DateRangeProps = RangePickerProps & {
12
12
  type: PickerType;
13
13
  };
14
14
  onChange?: (record: {
15
- dates: [dayjs.Dayjs, dayjs.Dayjs];
15
+ dates: [dayjs.Dayjs, dayjs.Dayjs] | undefined;
16
16
  type: PickerType;
17
17
  }) => void;
18
18
  };
package/dist/date-range/index.js CHANGED
@@ -9,19 +9,38 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
9
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10
10
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
11
  import { DatePicker, Select, TimePicker } from 'antd';
12
- import dayjs from 'dayjs';
13
12
  import React, { useEffect, useMemo, useState } from 'react';
13
+ var defaultOptions = [{
14
+ label: '时间',
15
+ value: 'time'
16
+ }, {
17
+ label: '日期',
18
+ value: 'date'
19
+ }, {
20
+ label: '周',
21
+ value: 'week'
22
+ }, {
23
+ label: '月份',
24
+ value: 'month'
25
+ }, {
26
+ label: '季度',
27
+ value: 'quarter'
28
+ }, {
29
+ label: '年份',
30
+ value: 'year'
31
+ }];
14
32
  export var DateRange = function DateRange(_ref) {
15
33
  var _options$;
16
- var options = _ref.options,
34
+ var _ref$options = _ref.options,
35
+ options = _ref$options === void 0 ? defaultOptions : _ref$options,
17
36
  value = _ref.value,
18
37
  onChange = _ref.onChange,
19
38
  props = _objectWithoutProperties(_ref, _excluded);
20
- var _useState = useState((options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || 'time'),
39
+ var _useState = useState(options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value),
21
40
  _useState2 = _slicedToArray(_useState, 2),
22
41
  type = _useState2[0],
23
42
  setType = _useState2[1];
24
- var _useState3 = useState((value === null || value === void 0 ? void 0 : value.dates) || [dayjs(), dayjs()]),
43
+ var _useState3 = useState(),
25
44
  _useState4 = _slicedToArray(_useState3, 2),
26
45
  dates = _useState4[0],
27
46
  setDates = _useState4[1];
@@ -35,14 +54,14 @@ export var DateRange = function DateRange(_ref) {
35
54
  var datePickerMap = useMemo(function () {
36
55
  return {
37
56
  time: /*#__PURE__*/React.createElement(TimePicker.RangePicker, _extends({}, props, {
38
- defaultValue: value === null || value === void 0 ? void 0 : value.dates,
57
+ value: dates,
39
58
  style: {
40
59
  width: 244
41
60
  },
42
61
  onChange: onChangeDate
43
62
  })),
44
63
  date: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({}, props, {
45
- defaultValue: value === null || value === void 0 ? void 0 : value.dates,
64
+ value: dates,
46
65
  style: {
47
66
  width: 244
48
67
  },
@@ -51,7 +70,7 @@ export var DateRange = function DateRange(_ref) {
51
70
  week: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
52
71
  picker: "week"
53
72
  }, props, {
54
- defaultValue: value === null || value === void 0 ? void 0 : value.dates,
73
+ value: dates,
55
74
  style: {
56
75
  width: 244
57
76
  },
@@ -60,7 +79,7 @@ export var DateRange = function DateRange(_ref) {
60
79
  month: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
61
80
  picker: "month"
62
81
  }, props, {
63
- defaultValue: value === null || value === void 0 ? void 0 : value.dates,
82
+ value: dates,
64
83
  style: {
65
84
  width: 244
66
85
  },
@@ -73,19 +92,19 @@ export var DateRange = function DateRange(_ref) {
73
92
  width: 244
74
93
  },
75
94
  onChange: onChangeDate,
76
- defaultValue: value === null || value === void 0 ? void 0 : value.dates
95
+ value: dates
77
96
  })),
78
97
  year: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
79
98
  picker: "year"
80
99
  }, props, {
81
- defaultValue: value === null || value === void 0 ? void 0 : value.dates,
100
+ value: dates,
82
101
  style: {
83
102
  width: 244
84
103
  },
85
104
  onChange: onChangeDate
86
105
  }))
87
106
  };
88
- }, [type]);
107
+ }, [type, dates]);
89
108
  var handleSelectChange = function handleSelectChange(e) {
90
109
  setType(e);
91
110
  onChange === null || onChange === void 0 || onChange({
@@ -95,35 +114,24 @@ export var DateRange = function DateRange(_ref) {
95
114
  };
96
115
  // 设置初始值
97
116
  useEffect(function () {
98
- if (value != null) {
99
- setType(value.type);
100
- setDates(value.dates);
117
+ if ((value === null || value === void 0 ? void 0 : value.type) != null) {
118
+ setType(value === null || value === void 0 ? void 0 : value.type);
119
+ } else {
120
+ var _options$2;
121
+ setType(options === null || options === void 0 || (_options$2 = options[0]) === null || _options$2 === void 0 ? void 0 : _options$2.value);
101
122
  }
102
- }, [value]);
123
+ if ((value === null || value === void 0 ? void 0 : value.dates) != null) {
124
+ setDates(value === null || value === void 0 ? void 0 : value.dates);
125
+ } else {
126
+ setDates(undefined);
127
+ }
128
+ }, [value, options]);
103
129
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
104
130
  value: type,
105
131
  style: {
106
132
  width: 92
107
133
  },
108
- options: options != null ? options : [{
109
- label: '时间',
110
- value: 'time'
111
- }, {
112
- label: '日期',
113
- value: 'date'
114
- }, {
115
- label: '周',
116
- value: 'week'
117
- }, {
118
- label: '月份',
119
- value: 'month'
120
- }, {
121
- label: '季度',
122
- value: 'quarter'
123
- }, {
124
- label: '年份',
125
- value: 'year'
126
- }],
134
+ options: options,
127
135
  onChange: handleSelectChange
128
136
  }), datePickerMap[type]);
129
137
  };
package/dist/tree/index.js CHANGED
@@ -1,6 +1,10 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
2
  var _excluded = ["className", "treeData", "placeholder", "showChildNumbers", "showIcon", "showSearch", "type", "titleRender"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
5
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
7
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
4
8
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
9
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
10
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -189,6 +193,22 @@ export var Tree = /*#__PURE__*/forwardRef(function (_ref, ref) {
189
193
  generateList(treeData);
190
194
  }
191
195
  }, [treeData]);
196
+ useEffect(function () {
197
+ // 递归展开所有节点
198
+ var expandAllNodes = function expandAllNodes(nodes) {
199
+ nodes.forEach(function (node) {
200
+ setExpandedKeys(function (prevKeys) {
201
+ return [].concat(_toConsumableArray(prevKeys), [node.key]);
202
+ });
203
+ if (node.children) {
204
+ expandAllNodes(node.children);
205
+ }
206
+ });
207
+ };
208
+ if (defaultData.length > 0) {
209
+ expandAllNodes(defaultData);
210
+ }
211
+ }, [defaultData]);
192
212
  return /*#__PURE__*/React.createElement("div", null, showSearch ? /*#__PURE__*/React.createElement(Search, {
193
213
  style: {
194
214
  marginBottom: 8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yootd",
3
- "version": "0.0.35",
3
+ "version": "0.0.37",
4
4
  "description": "A react library developed with dumi",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",