shineout 3.8.0-beta.27 → 3.8.0-beta.29

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.
@@ -19,12 +19,12 @@ var jssStyle = {
19
19
  checkbox: _shineoutStyle.useCheckboxStyle,
20
20
  input: _shineoutStyle.useInputStyle
21
21
  };
22
- var BaseCheckboxGroup = function BaseCheckboxGroup(props) {
22
+ var CheckboxGroup = function CheckboxGroup(props) {
23
23
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.CheckboxGroup, _objectSpread(_objectSpread({}, props), {}, {
24
24
  jssStyle: jssStyle
25
25
  }));
26
26
  };
27
27
  var CheckboxGroupWithField = function CheckboxGroupWithField(props) {
28
- return (0, _useFieldCommon.default)(props, BaseCheckboxGroup, 'array');
28
+ return (0, _useFieldCommon.default)(props, CheckboxGroup, 'array');
29
29
  };
30
30
  var _default = exports.default = CheckboxGroupWithField;
package/cjs/index.js CHANGED
@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
522
522
  // 此文件由脚本自动生成,请勿直接修改。
523
523
  // This file was generated automatically by a script. Please do not modify it directly.
524
524
  var _default = exports.default = {
525
- version: '3.8.0-beta.27'
525
+ version: '3.8.0-beta.29'
526
526
  };
@@ -19,12 +19,12 @@ var jssStyle = {
19
19
  radio: _shineoutStyle.useRadioStyle,
20
20
  button: _shineoutStyle.useButtonStyle
21
21
  };
22
- var BaseRadioGroup = function BaseRadioGroup(props) {
22
+ var RadioGroup = function RadioGroup(props) {
23
23
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.RadioGroup, _objectSpread(_objectSpread({}, props), {}, {
24
24
  jssStyle: jssStyle
25
25
  }));
26
26
  };
27
27
  var RadioGroupWithField = function RadioGroupWithField(props) {
28
- return (0, _useFieldCommon.default)(props, BaseRadioGroup, 'array');
28
+ return (0, _useFieldCommon.default)(props, RadioGroup, 'array');
29
29
  };
30
30
  var _default = exports.default = RadioGroupWithField;
@@ -18,11 +18,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
18
18
  var jssStyle = {
19
19
  switch: _shineoutStyle.useSwitchStyle
20
20
  };
21
- var BaseSwitch = function BaseSwitch(props) {
21
+ var Switch = function Switch(props) {
22
22
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Switch, _objectSpread({
23
23
  jssStyle: jssStyle
24
24
  }, props));
25
25
  };
26
26
  var _default = exports.default = function _default(props) {
27
- return (0, _useFieldCommon.default)(props, BaseSwitch);
27
+ return (0, _useFieldCommon.default)(props, Switch);
28
28
  };
@@ -20,11 +20,11 @@ var jssStyle = {
20
20
  popover: _shineoutStyle.usePopoverStyle,
21
21
  innerTitle: _shineoutStyle.useInnerTitleStyle
22
22
  };
23
- var BaseTextarea = function BaseTextarea(props) {
23
+ var Textarea = function Textarea(props) {
24
24
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Textarea, _objectSpread(_objectSpread({}, props), {}, {
25
25
  jssStyle: jssStyle
26
26
  }));
27
27
  };
28
28
  var _default = exports.default = function _default(props) {
29
- return (0, _useFieldCommon.default)(props, BaseTextarea);
29
+ return (0, _useFieldCommon.default)(props, Textarea);
30
30
  };
package/dist/shineout.js CHANGED
@@ -12386,7 +12386,7 @@ var handleStyle = function handleStyle(style) {
12386
12386
  };
12387
12387
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
12388
12388
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
12389
- /* harmony default export */ var version = ('3.8.0-beta.27');
12389
+ /* harmony default export */ var version = ('3.8.0-beta.29');
12390
12390
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
12391
12391
 
12392
12392
 
@@ -44361,22 +44361,22 @@ var checkbox_group_jssStyle = {
44361
44361
  checkbox: useCheckboxStyle,
44362
44362
  input: useInputStyle
44363
44363
  };
44364
- var BaseCheckboxGroup = function BaseCheckboxGroup(props) {
44364
+ var CheckboxGroup = function CheckboxGroup(props) {
44365
44365
  return /*#__PURE__*/(0,jsx_runtime.jsx)(checkbox_group, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
44366
44366
  jssStyle: checkbox_group_jssStyle
44367
44367
  }));
44368
44368
  };
44369
44369
  var CheckboxGroupWithField = function CheckboxGroupWithField(props) {
44370
- return use_field_common(props, BaseCheckboxGroup, 'array');
44370
+ return use_field_common(props, CheckboxGroup, 'array');
44371
44371
  };
44372
44372
  /* harmony default export */ var src_checkbox_group = (CheckboxGroupWithField);
44373
44373
  ;// CONCATENATED MODULE: ./src/checkbox/index.ts
44374
44374
 
44375
44375
 
44376
- var CheckboxGroup = src_checkbox_group;
44377
- CheckboxGroup.displayName = 'ShineoutCheckboxGroup';
44376
+ var checkbox_CheckboxGroup = src_checkbox_group;
44377
+ checkbox_CheckboxGroup.displayName = 'ShineoutCheckboxGroup';
44378
44378
  src_checkbox_checkbox_0.displayName = 'ShineoutCheckbox';
44379
- src_checkbox_checkbox_0.Group = CheckboxGroup;
44379
+ src_checkbox_checkbox_0.Group = checkbox_CheckboxGroup;
44380
44380
  /* harmony default export */ var src_checkbox_0 = (src_checkbox_checkbox_0);
44381
44381
  ;// CONCATENATED MODULE: ../base/src/collapse/group-context.ts
44382
44382
  "use client";
@@ -51107,14 +51107,19 @@ var SchemaBuilder = /*#__PURE__*/function () {
51107
51107
  fieldSchemaInfo.description += "\u9ED8\u8BA4\u65F6\u95F4\uFF1A".concat(((_componentElement$pro = componentElement.props.defaultTime) === null || _componentElement$pro === void 0 ? void 0 : _componentElement$pro.toString()) || '', "; \u683C\u5F0F\uFF1A").concat(componentElement.props.format || '', " ");
51108
51108
  break;
51109
51109
  case 'Checkbox':
51110
+ case 'CheckboxGroup':
51110
51111
  fieldSchemaInfo.type = 'array';
51111
51112
  fieldSchemaInfo.items = {
51112
51113
  type: 'string'
51113
51114
  };
51114
51115
  break;
51115
51116
  case 'Radio':
51117
+ case 'RadioGroup':
51116
51118
  fieldSchemaInfo.type = 'string';
51117
51119
  break;
51120
+ case 'Switch':
51121
+ fieldSchemaInfo.type = 'boolean';
51122
+ break;
51118
51123
  case 'Rate':
51119
51124
  fieldSchemaInfo.type = 'number';
51120
51125
  break;
@@ -58645,7 +58650,7 @@ var list_list_List = function List(props) {
58645
58650
  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
58646
58651
  className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
58647
58652
  style: {
58648
- height: props.fixed ? lineHeight : 'auto'
58653
+ height: props.fixed && !props.dynamicHeight ? lineHeight : 'auto'
58649
58654
  },
58650
58655
  children: columnData.map(function (item, rowIndex) {
58651
58656
  var index = rowIndex + columnIndex * colNum;
@@ -58653,6 +58658,35 @@ var list_list_List = function List(props) {
58653
58658
  })
58654
58659
  }, columnIndex);
58655
58660
  });
58661
+ var DynamicRow = function DynamicRow(_ref) {
58662
+ var columnData = _ref.columnData,
58663
+ columnIndex = _ref.columnIndex,
58664
+ setRowHeight = _ref.setRowHeight;
58665
+ var rowRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
58666
+ (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
58667
+ if (rowRef.current && setRowHeight) {
58668
+ var rect = rowRef.current.getBoundingClientRect();
58669
+ if (rect.height > 0) {
58670
+ setRowHeight(columnIndex, rect.height);
58671
+ }
58672
+ }
58673
+ });
58674
+ return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
58675
+ ref: rowRef,
58676
+ className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
58677
+ children: columnData.map(function (item, rowIndex) {
58678
+ var index = rowIndex + columnIndex * colNum;
58679
+ return renderItem(item, index);
58680
+ })
58681
+ });
58682
+ };
58683
+ var renderDynamicColumn = usePersistFn(function (columnData, columnIndex, _relativeIndex, setRowHeight) {
58684
+ return /*#__PURE__*/(0,jsx_runtime.jsx)(DynamicRow, {
58685
+ columnData: columnData,
58686
+ columnIndex: columnIndex,
58687
+ setRowHeight: setRowHeight
58688
+ }, columnIndex);
58689
+ });
58656
58690
  var loadingPosition = props.loadingPosition || 'center';
58657
58691
  var renderCenterLoading = function renderCenterLoading() {
58658
58692
  if (!props.loading || loadingPosition !== 'center') return null;
@@ -58711,27 +58745,30 @@ var list_list_List = function List(props) {
58711
58745
  });
58712
58746
  var renderList = function renderList() {
58713
58747
  if (isEmpty) return null;
58714
- if (props.fixed) return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
58715
- children: [/*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
58716
- data: columnData,
58717
- renderItem: renderColumn,
58718
- lineHeight: lineHeight,
58719
- rowsInView: rowsInView,
58720
- onScroll: handleVirtualScroll,
58721
- height: 'auto',
58722
- style: {
58723
- flex: '1',
58724
- minHeight: '0',
58725
- display: 'flex'
58726
- },
58727
- scrollerStyle: {
58728
- flex: 1,
58729
- minHeight: 0,
58730
- minWidth: 0,
58731
- overflow: 'auto'
58732
- }
58733
- }), renderFooter()]
58734
- });
58748
+ if (props.fixed) {
58749
+ return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
58750
+ children: [/*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
58751
+ data: columnData,
58752
+ renderItem: props.dynamicHeight ? renderDynamicColumn : renderColumn,
58753
+ lineHeight: lineHeight,
58754
+ rowsInView: rowsInView,
58755
+ onScroll: handleVirtualScroll,
58756
+ height: 'auto',
58757
+ style: {
58758
+ flex: '1',
58759
+ minHeight: '0',
58760
+ display: 'flex'
58761
+ },
58762
+ scrollerStyle: {
58763
+ flex: 1,
58764
+ minHeight: 0,
58765
+ minWidth: 0,
58766
+ overflow: 'auto'
58767
+ },
58768
+ dynamicVirtual: props.dynamicHeight
58769
+ }), renderFooter()]
58770
+ });
58771
+ }
58735
58772
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
58736
58773
  className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.scrollContainer,
58737
58774
  onScroll: handleListScroll,
@@ -60685,22 +60722,22 @@ var radio_group_jssStyle = {
60685
60722
  radio: useRadioStyle,
60686
60723
  button: useButtonStyle
60687
60724
  };
60688
- var BaseRadioGroup = function BaseRadioGroup(props) {
60725
+ var RadioGroup = function RadioGroup(props) {
60689
60726
  return /*#__PURE__*/(0,jsx_runtime.jsx)(radio_group, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
60690
60727
  jssStyle: radio_group_jssStyle
60691
60728
  }));
60692
60729
  };
60693
60730
  var RadioGroupWithField = function RadioGroupWithField(props) {
60694
- return use_field_common(props, BaseRadioGroup, 'array');
60731
+ return use_field_common(props, RadioGroup, 'array');
60695
60732
  };
60696
60733
  /* harmony default export */ var src_radio_group = (RadioGroupWithField);
60697
60734
  ;// CONCATENATED MODULE: ./src/radio/index.ts
60698
60735
 
60699
60736
 
60700
- var RadioGroup = src_radio_group;
60701
- RadioGroup.displayName = 'ShineoutRadioGroup';
60737
+ var radio_RadioGroup = src_radio_group;
60738
+ radio_RadioGroup.displayName = 'ShineoutRadioGroup';
60702
60739
  src_radio_radio_0.displayName = 'ShineoutRadio';
60703
- src_radio_radio_0.Group = RadioGroup;
60740
+ src_radio_radio_0.Group = radio_RadioGroup;
60704
60741
  /* harmony default export */ var src_radio_0 = (src_radio_radio_0);
60705
60742
  ;// CONCATENATED MODULE: ../base/src/rate/rate.tsx
60706
60743
 
@@ -62586,13 +62623,13 @@ var Switch = function Switch(props0) {
62586
62623
  var switch_jssStyle = {
62587
62624
  switch: useSwitchStyle
62588
62625
  };
62589
- var BaseSwitch = function BaseSwitch(props) {
62626
+ var switch_Switch = function Switch(props) {
62590
62627
  return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_switch_switch, objectSpread2_default()({
62591
62628
  jssStyle: switch_jssStyle
62592
62629
  }, props));
62593
62630
  };
62594
62631
  /* harmony default export */ var src_switch_switch_0 = (function (props) {
62595
- return use_field_common(props, BaseSwitch);
62632
+ return use_field_common(props, switch_Switch);
62596
62633
  });
62597
62634
  ;// CONCATENATED MODULE: ./src/switch/index.ts
62598
62635
 
@@ -67350,13 +67387,13 @@ var textarea_jssStyle = {
67350
67387
  popover: usePopoverStyle,
67351
67388
  innerTitle: useInnerTitleStyle
67352
67389
  };
67353
- var BaseTextarea = function BaseTextarea(props) {
67390
+ var textarea_textarea_Textarea = function Textarea(props) {
67354
67391
  return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_textarea_textarea, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
67355
67392
  jssStyle: textarea_jssStyle
67356
67393
  }));
67357
67394
  };
67358
67395
  /* harmony default export */ var src_textarea_textarea_0 = (function (props) {
67359
- return use_field_common(props, BaseTextarea);
67396
+ return use_field_common(props, textarea_textarea_Textarea);
67360
67397
  });
67361
67398
  ;// CONCATENATED MODULE: ./src/textarea/index.ts
67362
67399
 
@@ -72750,7 +72787,7 @@ var upload_interface = __webpack_require__(8821);
72750
72787
 
72751
72788
 
72752
72789
  /* harmony default export */ var src_0 = ({
72753
- version: '3.8.0-beta.27'
72790
+ version: '3.8.0-beta.29'
72754
72791
  });
72755
72792
  }();
72756
72793
  /******/ return __webpack_exports__;