@douyinfe/semi-ui 2.4.0 → 2.4.1

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.
@@ -179,6 +179,7 @@ class BasicDemoWithInit extends Component {
179
179
  <BasicSelect onChange={this.changeLabelPos} value={labelPosition}>
180
180
  <BasicSelect.Option value='top'>top</BasicSelect.Option>
181
181
  <BasicSelect.Option value='left'>left</BasicSelect.Option>
182
+ <BasicSelect.Option value='inset'>inset</BasicSelect.Option>
182
183
  </BasicSelect>
183
184
  <BasicSelect onChange={this.changeLabelAlign} value={labelAlign}>
184
185
  <BasicSelect.Option value='left'>left</BasicSelect.Option>
package/input/index.tsx CHANGED
@@ -387,6 +387,7 @@ class Input extends BaseComponent<InputProps, InputState> {
387
387
  prefix,
388
388
  mode,
389
389
  insetLabel,
390
+ insetLabelId,
390
391
  validateStatus,
391
392
  type,
392
393
  readonly,
@@ -313,7 +313,7 @@ class TextArea extends BaseComponent<TextAreaProps, TextAreaState> {
313
313
  }
314
314
  );
315
315
  const itemProps = {
316
- ...omit(rest, 'insetLabel', 'getValueLength', 'onClear', 'showClear'),
316
+ ...omit(rest, 'insetLabel', 'insetLabelId', 'getValueLength', 'onClear', 'showClear'),
317
317
  className: itemCls,
318
318
  disabled,
319
319
  readOnly: readonly,
@@ -604,14 +604,18 @@ class DatePicker extends _baseComponent.default {
604
604
  onRangeClear: this.handleRangeInputClear,
605
605
  onRangeEndTabPress: this.handleRangeEndTabPress
606
606
  });
607
- return /*#__PURE__*/_react.default.createElement("div", {
608
- onClick: this.handleTriggerWrapperClick,
609
- className: inputCls
610
- }, typeof triggerRender === 'function' ? /*#__PURE__*/_react.default.createElement(_trigger.default, (0, _assign.default)({}, props, {
611
- triggerRender: triggerRender,
612
- componentName: "DatePicker",
613
- componentProps: (0, _assign.default)({}, this.props)
614
- })) : /*#__PURE__*/_react.default.createElement(_dateInput.default, (0, _assign.default)({}, props)));
607
+ return (
608
+ /*#__PURE__*/
609
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
610
+ _react.default.createElement("div", {
611
+ onClick: this.handleTriggerWrapperClick,
612
+ className: inputCls
613
+ }, typeof triggerRender === 'function' ? /*#__PURE__*/_react.default.createElement(_trigger.default, (0, _assign.default)({}, props, {
614
+ triggerRender: triggerRender,
615
+ componentName: "DatePicker",
616
+ componentProps: (0, _assign.default)({}, this.props)
617
+ })) : /*#__PURE__*/_react.default.createElement(_dateInput.default, (0, _assign.default)({}, props)))
618
+ );
615
619
  }
616
620
 
617
621
  render() {
@@ -364,6 +364,7 @@ class Input extends _baseComponent.default {
364
364
  prefix,
365
365
  mode,
366
366
  insetLabel,
367
+ insetLabelId,
367
368
  validateStatus,
368
369
  type,
369
370
  readonly,
@@ -379,7 +380,7 @@ class Input extends _baseComponent.default {
379
380
  maxLength,
380
381
  getValueLength
381
382
  } = _a,
382
- rest = __rest(_a, ["addonAfter", "addonBefore", "autofocus", "className", "disabled", "placeholder", "prefix", "mode", "insetLabel", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength"]);
383
+ rest = __rest(_a, ["addonAfter", "addonBefore", "autofocus", "className", "disabled", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength"]);
383
384
 
384
385
  const {
385
386
  value,
@@ -280,7 +280,7 @@ class TextArea extends _baseComponent.default {
280
280
  ["".concat(prefixCls, "-textarea-autosize")]: autosize,
281
281
  ["".concat(prefixCls, "-textarea-showClear")]: showClear
282
282
  });
283
- const itemProps = (0, _assign.default)((0, _assign.default)({}, (0, _omit2.default)(rest, 'insetLabel', 'getValueLength', 'onClear', 'showClear')), {
283
+ const itemProps = (0, _assign.default)((0, _assign.default)({}, (0, _omit2.default)(rest, 'insetLabel', 'insetLabelId', 'getValueLength', 'onClear', 'showClear')), {
284
284
  className: itemCls,
285
285
  disabled,
286
286
  readOnly: readonly,
@@ -330,6 +330,7 @@ class TimePicker extends _baseComponent.default {
330
330
  panelFooter,
331
331
  rangeSeparator,
332
332
  onOpenChange,
333
+ onChangeWithDateFirst,
333
334
  popupClassName: propPopupClassName,
334
335
  hideDisabledOptions,
335
336
  use12Hours,
@@ -341,7 +342,7 @@ class TimePicker extends _baseComponent.default {
341
342
  motion,
342
343
  autoAdjustOverflow
343
344
  } = _a,
344
- rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
345
+ rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
345
346
 
346
347
  const format = this.foundation.getDefaultFormatIfNeed();
347
348
  const position = this.foundation.getPosition();
@@ -572,14 +572,18 @@ export default class DatePicker extends BaseComponent {
572
572
  onRangeEndTabPress: this.handleRangeEndTabPress
573
573
  });
574
574
 
575
- return /*#__PURE__*/React.createElement("div", {
576
- onClick: this.handleTriggerWrapperClick,
577
- className: inputCls
578
- }, typeof triggerRender === 'function' ? /*#__PURE__*/React.createElement(Trigger, _Object$assign({}, props, {
579
- triggerRender: triggerRender,
580
- componentName: "DatePicker",
581
- componentProps: _Object$assign({}, this.props)
582
- })) : /*#__PURE__*/React.createElement(DateInput, _Object$assign({}, props)));
575
+ return (
576
+ /*#__PURE__*/
577
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
578
+ React.createElement("div", {
579
+ onClick: this.handleTriggerWrapperClick,
580
+ className: inputCls
581
+ }, typeof triggerRender === 'function' ? /*#__PURE__*/React.createElement(Trigger, _Object$assign({}, props, {
582
+ triggerRender: triggerRender,
583
+ componentName: "DatePicker",
584
+ componentProps: _Object$assign({}, this.props)
585
+ })) : /*#__PURE__*/React.createElement(DateInput, _Object$assign({}, props)))
586
+ );
583
587
  }
584
588
 
585
589
  render() {
@@ -337,6 +337,7 @@ class Input extends BaseComponent {
337
337
  prefix,
338
338
  mode,
339
339
  insetLabel,
340
+ insetLabelId,
340
341
  validateStatus,
341
342
  type,
342
343
  readonly,
@@ -352,7 +353,7 @@ class Input extends BaseComponent {
352
353
  maxLength,
353
354
  getValueLength
354
355
  } = _a,
355
- rest = __rest(_a, ["addonAfter", "addonBefore", "autofocus", "className", "disabled", "placeholder", "prefix", "mode", "insetLabel", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength"]);
356
+ rest = __rest(_a, ["addonAfter", "addonBefore", "autofocus", "className", "disabled", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength"]);
356
357
 
357
358
  const {
358
359
  value,
@@ -255,7 +255,7 @@ class TextArea extends BaseComponent {
255
255
  ["".concat(prefixCls, "-textarea-showClear")]: showClear
256
256
  });
257
257
 
258
- const itemProps = _Object$assign(_Object$assign({}, _omit(rest, 'insetLabel', 'getValueLength', 'onClear', 'showClear')), {
258
+ const itemProps = _Object$assign(_Object$assign({}, _omit(rest, 'insetLabel', 'insetLabelId', 'getValueLength', 'onClear', 'showClear')), {
259
259
  className: itemCls,
260
260
  disabled,
261
261
  readOnly: readonly,
@@ -296,6 +296,7 @@ export default class TimePicker extends BaseComponent {
296
296
  panelFooter,
297
297
  rangeSeparator,
298
298
  onOpenChange,
299
+ onChangeWithDateFirst,
299
300
  popupClassName: propPopupClassName,
300
301
  hideDisabledOptions,
301
302
  use12Hours,
@@ -307,7 +308,7 @@ export default class TimePicker extends BaseComponent {
307
308
  motion,
308
309
  autoAdjustOverflow
309
310
  } = _a,
310
- rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
311
+ rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
311
312
 
312
313
  const format = this.foundation.getDefaultFormatIfNeed();
313
314
  const position = this.foundation.getPosition();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-ui",
3
- "version": "2.4.0",
3
+ "version": "2.4.1",
4
4
  "description": "",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es/index.js",
@@ -14,11 +14,12 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "@babel/runtime-corejs3": "^7.15.4",
17
- "@douyinfe/semi-animation-react": "2.4.0",
18
- "@douyinfe/semi-foundation": "2.4.0",
19
- "@douyinfe/semi-icons": "2.4.0",
20
- "@douyinfe/semi-illustrations": "2.4.0",
21
- "@douyinfe/semi-theme-default": "2.4.0",
17
+ "@douyinfe/semi-animation": "2.4.1",
18
+ "@douyinfe/semi-animation-react": "2.4.1",
19
+ "@douyinfe/semi-foundation": "2.4.1",
20
+ "@douyinfe/semi-icons": "2.4.1",
21
+ "@douyinfe/semi-illustrations": "2.4.1",
22
+ "@douyinfe/semi-theme-default": "2.4.1",
22
23
  "@types/react-window": "^1.8.2",
23
24
  "async-validator": "^3.5.0",
24
25
  "classnames": "^2.2.6",
@@ -68,13 +69,13 @@
68
69
  ],
69
70
  "author": "",
70
71
  "license": "MIT",
71
- "gitHead": "d902a6f731475dea585d63907aee06ebe1153419",
72
+ "gitHead": "c69c466ecd14aeeda847473e97dad2ec313f09fa",
72
73
  "devDependencies": {
73
74
  "@babel/plugin-proposal-decorators": "^7.15.8",
74
75
  "@babel/plugin-transform-runtime": "^7.15.8",
75
76
  "@babel/preset-env": "^7.15.8",
76
77
  "@babel/preset-react": "^7.14.5",
77
- "@douyinfe/semi-scss-compile": "2.4.0",
78
+ "@douyinfe/semi-scss-compile": "2.4.1",
78
79
  "@storybook/addon-knobs": "^6.3.1",
79
80
  "@types/lodash": "^4.14.176",
80
81
  "babel-loader": "^8.2.2",
@@ -449,6 +449,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
449
449
  panelFooter,
450
450
  rangeSeparator,
451
451
  onOpenChange,
452
+ onChangeWithDateFirst,
452
453
  popupClassName: propPopupClassName,
453
454
  hideDisabledOptions,
454
455
  use12Hours,