@rc-component/picker 1.2.3 → 1.2.4

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 (15) hide show
  1. package/es/PickerInput/Selector/Icon.js +6 -2
  2. package/es/PickerInput/Selector/Input.js +5 -2
  3. package/es/PickerInput/Selector/RangeSelector.js +5 -2
  4. package/es/PickerInput/Selector/SingleSelector/index.js +5 -2
  5. package/es/PickerPanel/TimePanel/TimePanelBody/TimeColumn.js +6 -2
  6. package/es/PickerPanel/TimePanel/TimePanelBody/index.js +6 -2
  7. package/es/interface.d.ts +1 -1
  8. package/lib/PickerInput/Selector/Icon.js +6 -2
  9. package/lib/PickerInput/Selector/Input.js +5 -2
  10. package/lib/PickerInput/Selector/RangeSelector.js +5 -2
  11. package/lib/PickerInput/Selector/SingleSelector/index.js +5 -2
  12. package/lib/PickerPanel/TimePanel/TimePanelBody/TimeColumn.js +5 -1
  13. package/lib/PickerPanel/TimePanel/TimePanelBody/index.js +6 -2
  14. package/lib/interface.d.ts +1 -1
  15. package/package.json +1 -1
package/es/PickerInput/Selector/Icon.js CHANGED
@@ -5,14 +5,18 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
5
5
  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; }
6
6
  import * as React from 'react';
7
7
  import PickerContext from "../context";
8
+ import classNames from 'classnames';
8
9
  export default function Icon(props) {
9
10
  var icon = props.icon,
10
11
  type = props.type,
11
12
  restProps = _objectWithoutProperties(props, _excluded);
12
13
  var _React$useContext = React.useContext(PickerContext),
13
- prefixCls = _React$useContext.prefixCls;
14
+ prefixCls = _React$useContext.prefixCls,
15
+ iconClassNames = _React$useContext.classNames,
16
+ styles = _React$useContext.styles;
14
17
  return icon ? /*#__PURE__*/React.createElement("span", _extends({
15
- className: "".concat(prefixCls, "-").concat(type)
18
+ className: classNames("".concat(prefixCls, "-").concat(type), iconClassNames === null || iconClassNames === void 0 ? void 0 : iconClassNames.suffix),
19
+ style: styles === null || styles === void 0 ? void 0 : styles.suffix
16
20
  }, restProps), icon) : null;
17
21
  }
18
22
  export function ClearIcon(_ref) {
package/es/PickerInput/Selector/Input.js CHANGED
@@ -62,7 +62,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
62
62
  var _React$useContext = React.useContext(PickerContext),
63
63
  prefixCls = _React$useContext.prefixCls,
64
64
  _React$useContext$inp = _React$useContext.input,
65
- Component = _React$useContext$inp === void 0 ? 'input' : _React$useContext$inp;
65
+ Component = _React$useContext$inp === void 0 ? 'input' : _React$useContext$inp,
66
+ inputClassNames = _React$useContext.classNames,
67
+ styles = _React$useContext.styles;
66
68
  var inputPrefixCls = "".concat(prefixCls, "-input");
67
69
 
68
70
  // ======================== Value =========================
@@ -354,7 +356,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
354
356
  } : {};
355
357
  return /*#__PURE__*/React.createElement("div", {
356
358
  ref: holderRef,
357
- className: classNames(inputPrefixCls, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped), className)
359
+ className: classNames(inputPrefixCls, inputClassNames === null || inputClassNames === void 0 ? void 0 : inputClassNames.input, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped), className),
360
+ style: styles === null || styles === void 0 ? void 0 : styles.input
358
361
  }, /*#__PURE__*/React.createElement(Component, _extends({
359
362
  ref: inputRef,
360
363
  "aria-invalid": invalid,
package/es/PickerInput/Selector/RangeSelector.js CHANGED
@@ -70,7 +70,9 @@ function RangeSelector(props, ref) {
70
70
 
71
71
  // ======================== Prefix ========================
72
72
  var _React$useContext = React.useContext(PickerContext),
73
- prefixCls = _React$useContext.prefixCls;
73
+ prefixCls = _React$useContext.prefixCls,
74
+ selectorClassNames = _React$useContext.classNames,
75
+ styles = _React$useContext.styles;
74
76
 
75
77
  // ========================== Id ==========================
76
78
  var ids = React.useMemo(function () {
@@ -185,7 +187,8 @@ function RangeSelector(props, ref) {
185
187
  _onMouseDown === null || _onMouseDown === void 0 || _onMouseDown(e);
186
188
  }
187
189
  }), prefix && /*#__PURE__*/React.createElement("div", {
188
- className: "".concat(prefixCls, "-prefix")
190
+ className: classNames("".concat(prefixCls, "-prefix"), selectorClassNames === null || selectorClassNames === void 0 ? void 0 : selectorClassNames.prefix),
191
+ style: styles === null || styles === void 0 ? void 0 : styles.prefix
189
192
  }, prefix), /*#__PURE__*/React.createElement(Input, _extends({
190
193
  ref: inputStartRef
191
194
  }, getInputProps(0), {
package/es/PickerInput/Selector/SingleSelector/index.js CHANGED
@@ -69,7 +69,9 @@ function SingleSelector(props, ref) {
69
69
 
70
70
  // ======================== Prefix ========================
71
71
  var _React$useContext = React.useContext(PickerContext),
72
- prefixCls = _React$useContext.prefixCls;
72
+ prefixCls = _React$useContext.prefixCls,
73
+ selectorClassNames = _React$useContext.classNames,
74
+ styles = _React$useContext.styles;
73
75
 
74
76
  // ========================= Refs =========================
75
77
  var rootRef = React.useRef();
@@ -177,7 +179,8 @@ function SingleSelector(props, ref) {
177
179
  _onMouseDown === null || _onMouseDown === void 0 || _onMouseDown(e);
178
180
  }
179
181
  }), prefix && /*#__PURE__*/React.createElement("div", {
180
- className: "".concat(prefixCls, "-prefix")
182
+ className: classNames("".concat(prefixCls, "-prefix"), selectorClassNames === null || selectorClassNames === void 0 ? void 0 : selectorClassNames.prefix),
183
+ style: styles === null || styles === void 0 ? void 0 : styles.prefix
181
184
  }, prefix), selectorNode);
182
185
  }
183
186
  var RefSingleSelector = /*#__PURE__*/React.forwardRef(SingleSelector);
package/es/PickerPanel/TimePanel/TimePanelBody/TimeColumn.js CHANGED
@@ -15,7 +15,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
15
  import classNames from 'classnames';
16
16
  import useLayoutEffect from "@rc-component/util/es/hooks/useLayoutEffect";
17
17
  import * as React from 'react';
18
- import { usePanelContext } from "../../context";
18
+ import { PickerHackContext, usePanelContext } from "../../context";
19
19
  import useScrollTo from "./useScrollTo";
20
20
  var SCROLL_DELAY = 300;
21
21
  // Not use JSON.stringify to avoid dead loop
@@ -41,6 +41,9 @@ export default function TimeColumn(props) {
41
41
  cellRender = _usePanelContext.cellRender,
42
42
  now = _usePanelContext.now,
43
43
  locale = _usePanelContext.locale;
44
+ var _React$useContext = React.useContext(PickerHackContext),
45
+ pickerClassNames = _React$useContext.classNames,
46
+ styles = _React$useContext.styles;
44
47
  var panelPrefixCls = "".concat(prefixCls, "-time-panel");
45
48
  var cellPrefixCls = "".concat(prefixCls, "-time-panel-cell");
46
49
 
@@ -119,7 +122,8 @@ export default function TimeColumn(props) {
119
122
  }, label);
120
123
  return /*#__PURE__*/React.createElement("li", {
121
124
  key: unitValue,
122
- className: classNames(cellPrefixCls, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
125
+ style: styles === null || styles === void 0 ? void 0 : styles.popupItem,
126
+ className: classNames(cellPrefixCls, pickerClassNames === null || pickerClassNames === void 0 ? void 0 : pickerClassNames.popupItem, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
123
127
  onClick: function onClick() {
124
128
  if (!disabled) {
125
129
  onChange(unitValue);
package/es/PickerPanel/TimePanel/TimePanelBody/index.js CHANGED
@@ -10,6 +10,7 @@ import useTimeInfo from "../../../hooks/useTimeInfo";
10
10
  import { formatValue } from "../../../utils/dateUtil";
11
11
  import { PickerHackContext, usePanelContext } from "../../context";
12
12
  import TimeColumn from "./TimeColumn";
13
+ import classNames from 'classnames';
13
14
  function isAM(hour) {
14
15
  return hour < 12;
15
16
  }
@@ -31,7 +32,9 @@ export default function TimePanelBody(props) {
31
32
  pickerValue = _usePanelContext.pickerValue;
32
33
  var value = (values === null || values === void 0 ? void 0 : values[0]) || null;
33
34
  var _React$useContext = React.useContext(PickerHackContext),
34
- onCellDblClick = _React$useContext.onCellDblClick;
35
+ onCellDblClick = _React$useContext.onCellDblClick,
36
+ pickerClassNames = _React$useContext.classNames,
37
+ styles = _React$useContext.styles;
35
38
 
36
39
  // ========================== Info ==========================
37
40
  var _useTimeInfo = useTimeInfo(generateConfig, props, value),
@@ -244,7 +247,8 @@ export default function TimePanelBody(props) {
244
247
  changeOnScroll: changeOnScroll
245
248
  };
246
249
  return /*#__PURE__*/React.createElement("div", {
247
- className: "".concat(prefixCls, "-content")
250
+ className: classNames("".concat(prefixCls, "-content"), pickerClassNames === null || pickerClassNames === void 0 ? void 0 : pickerClassNames.popupContent),
251
+ style: styles === null || styles === void 0 ? void 0 : styles.popupContent
248
252
  }, showHour && /*#__PURE__*/React.createElement(TimeColumn, _extends({
249
253
  units: hourUnits,
250
254
  value: hour,
package/es/interface.d.ts CHANGED
@@ -201,7 +201,7 @@ export type Components<DateType extends object = any> = Partial<Record<InternalM
201
201
  button?: React.ComponentType<any> | string;
202
202
  input?: React.ComponentType<any> | string;
203
203
  }>;
204
- export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent' | 'popupItem';
204
+ export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent' | 'popupItem' | 'suffix' | 'prefix' | 'input';
205
205
  export type CustomFormat<DateType> = (value: DateType) => string;
206
206
  export type FormatType<DateType = any> = string | CustomFormat<DateType>;
207
207
  export type SharedHTMLAttrs = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange' | 'placeholder' | 'id' | 'onInvalid' | 'disabled' | 'onFocus' | 'onBlur' | 'onSelect' | 'min' | 'max' | 'onKeyDown' | 'size' | 'prefix'>;
package/lib/PickerInput/Selector/Icon.js CHANGED
@@ -8,6 +8,7 @@ exports.ClearIcon = ClearIcon;
8
8
  exports.default = Icon;
9
9
  var React = _interopRequireWildcard(require("react"));
10
10
  var _context = _interopRequireDefault(require("../context"));
11
+ var _classnames = _interopRequireDefault(require("classnames"));
11
12
  var _excluded = ["icon", "type"],
12
13
  _excluded2 = ["onClear"];
13
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,9 +22,12 @@ function Icon(props) {
21
22
  type = props.type,
22
23
  restProps = _objectWithoutProperties(props, _excluded);
23
24
  var _React$useContext = React.useContext(_context.default),
24
- prefixCls = _React$useContext.prefixCls;
25
+ prefixCls = _React$useContext.prefixCls,
26
+ iconClassNames = _React$useContext.classNames,
27
+ styles = _React$useContext.styles;
25
28
  return icon ? /*#__PURE__*/React.createElement("span", _extends({
26
- className: "".concat(prefixCls, "-").concat(type)
29
+ className: (0, _classnames.default)("".concat(prefixCls, "-").concat(type), iconClassNames === null || iconClassNames === void 0 ? void 0 : iconClassNames.suffix),
30
+ style: styles === null || styles === void 0 ? void 0 : styles.suffix
27
31
  }, restProps), icon) : null;
28
32
  }
29
33
  function ClearIcon(_ref) {
package/lib/PickerInput/Selector/Input.js CHANGED
@@ -70,7 +70,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
70
70
  var _React$useContext = React.useContext(_context.default),
71
71
  prefixCls = _React$useContext.prefixCls,
72
72
  _React$useContext$inp = _React$useContext.input,
73
- Component = _React$useContext$inp === void 0 ? 'input' : _React$useContext$inp;
73
+ Component = _React$useContext$inp === void 0 ? 'input' : _React$useContext$inp,
74
+ inputClassNames = _React$useContext.classNames,
75
+ styles = _React$useContext.styles;
74
76
  var inputPrefixCls = "".concat(prefixCls, "-input");
75
77
 
76
78
  // ======================== Value =========================
@@ -362,7 +364,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
362
364
  } : {};
363
365
  return /*#__PURE__*/React.createElement("div", {
364
366
  ref: holderRef,
365
- className: (0, _classnames.default)(inputPrefixCls, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped), className)
367
+ className: (0, _classnames.default)(inputPrefixCls, inputClassNames === null || inputClassNames === void 0 ? void 0 : inputClassNames.input, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped), className),
368
+ style: styles === null || styles === void 0 ? void 0 : styles.input
366
369
  }, /*#__PURE__*/React.createElement(Component, _extends({
367
370
  ref: inputRef,
368
371
  "aria-invalid": invalid,
package/lib/PickerInput/Selector/RangeSelector.js CHANGED
@@ -79,7 +79,9 @@ function RangeSelector(props, ref) {
79
79
 
80
80
  // ======================== Prefix ========================
81
81
  var _React$useContext = React.useContext(_context.default),
82
- prefixCls = _React$useContext.prefixCls;
82
+ prefixCls = _React$useContext.prefixCls,
83
+ selectorClassNames = _React$useContext.classNames,
84
+ styles = _React$useContext.styles;
83
85
 
84
86
  // ========================== Id ==========================
85
87
  var ids = React.useMemo(function () {
@@ -194,7 +196,8 @@ function RangeSelector(props, ref) {
194
196
  _onMouseDown === null || _onMouseDown === void 0 || _onMouseDown(e);
195
197
  }
196
198
  }), prefix && /*#__PURE__*/React.createElement("div", {
197
- className: "".concat(prefixCls, "-prefix")
199
+ className: (0, _classnames.default)("".concat(prefixCls, "-prefix"), selectorClassNames === null || selectorClassNames === void 0 ? void 0 : selectorClassNames.prefix),
200
+ style: styles === null || styles === void 0 ? void 0 : styles.prefix
198
201
  }, prefix), /*#__PURE__*/React.createElement(_Input.default, _extends({
199
202
  ref: inputStartRef
200
203
  }, getInputProps(0), {
package/lib/PickerInput/Selector/SingleSelector/index.js CHANGED
@@ -78,7 +78,9 @@ function SingleSelector(props, ref) {
78
78
 
79
79
  // ======================== Prefix ========================
80
80
  var _React$useContext = React.useContext(_context.default),
81
- prefixCls = _React$useContext.prefixCls;
81
+ prefixCls = _React$useContext.prefixCls,
82
+ selectorClassNames = _React$useContext.classNames,
83
+ styles = _React$useContext.styles;
82
84
 
83
85
  // ========================= Refs =========================
84
86
  var rootRef = React.useRef();
@@ -186,7 +188,8 @@ function SingleSelector(props, ref) {
186
188
  _onMouseDown === null || _onMouseDown === void 0 || _onMouseDown(e);
187
189
  }
188
190
  }), prefix && /*#__PURE__*/React.createElement("div", {
189
- className: "".concat(prefixCls, "-prefix")
191
+ className: (0, _classnames.default)("".concat(prefixCls, "-prefix"), selectorClassNames === null || selectorClassNames === void 0 ? void 0 : selectorClassNames.prefix),
192
+ style: styles === null || styles === void 0 ? void 0 : styles.prefix
190
193
  }, prefix), selectorNode);
191
194
  }
192
195
  var RefSingleSelector = /*#__PURE__*/React.forwardRef(SingleSelector);
package/lib/PickerPanel/TimePanel/TimePanelBody/TimeColumn.js CHANGED
@@ -50,6 +50,9 @@ function TimeColumn(props) {
50
50
  cellRender = _usePanelContext.cellRender,
51
51
  now = _usePanelContext.now,
52
52
  locale = _usePanelContext.locale;
53
+ var _React$useContext = React.useContext(_context.PickerHackContext),
54
+ pickerClassNames = _React$useContext.classNames,
55
+ styles = _React$useContext.styles;
53
56
  var panelPrefixCls = "".concat(prefixCls, "-time-panel");
54
57
  var cellPrefixCls = "".concat(prefixCls, "-time-panel-cell");
55
58
 
@@ -128,7 +131,8 @@ function TimeColumn(props) {
128
131
  }, label);
129
132
  return /*#__PURE__*/React.createElement("li", {
130
133
  key: unitValue,
131
- className: (0, _classnames.default)(cellPrefixCls, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
134
+ style: styles === null || styles === void 0 ? void 0 : styles.popupItem,
135
+ className: (0, _classnames.default)(cellPrefixCls, pickerClassNames === null || pickerClassNames === void 0 ? void 0 : pickerClassNames.popupItem, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-selected"), value === unitValue), "".concat(cellPrefixCls, "-disabled"), disabled)),
132
136
  onClick: function onClick() {
133
137
  if (!disabled) {
134
138
  onChange(unitValue);
package/lib/PickerPanel/TimePanel/TimePanelBody/index.js CHANGED
@@ -10,6 +10,7 @@ var _useTimeInfo3 = _interopRequireDefault(require("../../../hooks/useTimeInfo")
10
10
  var _dateUtil = require("../../../utils/dateUtil");
11
11
  var _context = require("../../context");
12
12
  var _TimeColumn = _interopRequireDefault(require("./TimeColumn"));
13
+ var _classnames = _interopRequireDefault(require("classnames"));
13
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -41,7 +42,9 @@ function TimePanelBody(props) {
41
42
  pickerValue = _usePanelContext.pickerValue;
42
43
  var value = (values === null || values === void 0 ? void 0 : values[0]) || null;
43
44
  var _React$useContext = React.useContext(_context.PickerHackContext),
44
- onCellDblClick = _React$useContext.onCellDblClick;
45
+ onCellDblClick = _React$useContext.onCellDblClick,
46
+ pickerClassNames = _React$useContext.classNames,
47
+ styles = _React$useContext.styles;
45
48
 
46
49
  // ========================== Info ==========================
47
50
  var _useTimeInfo = (0, _useTimeInfo3.default)(generateConfig, props, value),
@@ -254,7 +257,8 @@ function TimePanelBody(props) {
254
257
  changeOnScroll: changeOnScroll
255
258
  };
256
259
  return /*#__PURE__*/React.createElement("div", {
257
- className: "".concat(prefixCls, "-content")
260
+ className: (0, _classnames.default)("".concat(prefixCls, "-content"), pickerClassNames === null || pickerClassNames === void 0 ? void 0 : pickerClassNames.popupContent),
261
+ style: styles === null || styles === void 0 ? void 0 : styles.popupContent
258
262
  }, showHour && /*#__PURE__*/React.createElement(_TimeColumn.default, _extends({
259
263
  units: hourUnits,
260
264
  value: hour,
package/lib/interface.d.ts CHANGED
@@ -201,7 +201,7 @@ export type Components<DateType extends object = any> = Partial<Record<InternalM
201
201
  button?: React.ComponentType<any> | string;
202
202
  input?: React.ComponentType<any> | string;
203
203
  }>;
204
- export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent' | 'popupItem';
204
+ export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent' | 'popupItem' | 'suffix' | 'prefix' | 'input';
205
205
  export type CustomFormat<DateType> = (value: DateType) => string;
206
206
  export type FormatType<DateType = any> = string | CustomFormat<DateType>;
207
207
  export type SharedHTMLAttrs = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange' | 'placeholder' | 'id' | 'onInvalid' | 'disabled' | 'onFocus' | 'onBlur' | 'onSelect' | 'min' | 'max' | 'onKeyDown' | 'size' | 'prefix'>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rc-component/picker",
3
- "version": "1.2.3",
3
+ "version": "1.2.4",
4
4
  "description": "React date & time picker",
5
5
  "keywords": [
6
6
  "react",