shineout 3.5.3-beta.2 → 3.5.3-beta.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.
@@ -16,8 +16,6 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
16
16
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
17
17
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
18
18
  var useFieldCommon = function useFieldCommon(props, Origin, type) {
19
- var _props$reserveAble;
20
- var formConfig = (0, _hooks.useFormConfig)();
21
19
  var getValidateProps = (0, _hooks.usePersistFn)(function () {
22
20
  return _objectSpread({
23
21
  type: type
@@ -32,8 +30,7 @@ var useFieldCommon = function useFieldCommon(props, Origin, type) {
32
30
  var FieldParams = {
33
31
  name: props.name,
34
32
  defaultValue: props.defaultValue,
35
- reserveAble: (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : formConfig.reserveAble,
36
- formName: formConfig.formName,
33
+ reserveAble: props.reserveAble,
37
34
  rules: props.rules,
38
35
  onError: props.onError,
39
36
  bind: props.bind,
package/cjs/index.js CHANGED
@@ -500,5 +500,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
500
500
  // 此文件由脚本自动生成,请勿直接修改。
501
501
  // This file was generated automatically by a script. Please do not modify it directly.
502
502
  var _default = exports.default = {
503
- version: '3.5.3-beta.2'
503
+ version: '3.5.3-beta.4'
504
504
  };
@@ -3,4 +3,4 @@ import { TabsPanelProps as UnStyleTabsPanelProps } from '@sheinx/base';
3
3
  * @title Tabs.Panel
4
4
  * @sort 2
5
5
  */
6
- export type TabsPanelProps = Omit<UnStyleTabsPanelProps, 'jssStyle' | 'active' | 'shape' | 'isVertical' | 'lazy' | 'inactiveBackground' | 'onChange' | 'onCollapsible'>;
6
+ export type TabsPanelProps = Omit<UnStyleTabsPanelProps, 'jssStyle' | 'active' | 'shape' | 'isVertical' | 'lazy' | 'inactiveBackground' | 'onChange' | 'onCollapsible' | 'setTabs' | 'tabs'>;
package/dist/shineout.js CHANGED
@@ -12030,7 +12030,7 @@ var handleStyle = function handleStyle(style) {
12030
12030
  };
12031
12031
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
12032
12032
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
12033
- /* harmony default export */ var version = ('3.5.3-beta.2');
12033
+ /* harmony default export */ var version = ('3.5.3-beta.4');
12034
12034
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
12035
12035
 
12036
12036
 
@@ -30223,6 +30223,7 @@ var src_config_config = {
30223
30223
  delay: 400,
30224
30224
  trim: undefined,
30225
30225
  spin: 'ring',
30226
+ tooltip: undefined,
30226
30227
  direction: 'ltr',
30227
30228
  popupContainer: null
30228
30229
  };
@@ -34522,17 +34523,13 @@ var useFormConfig = function useFormConfig() {
34522
34523
 
34523
34524
 
34524
34525
  var useWithFormConfig = function useWithFormConfig(props) {
34525
- var _reserveAble;
34526
34526
  var formConfig = useFormConfig();
34527
34527
  var size = (props === null || props === void 0 ? void 0 : props.size) || formConfig.size;
34528
34528
  var disabled = formConfig.disabled || (props === null || props === void 0 ? void 0 : props.disabled);
34529
- var reserveAble = (_reserveAble = props === null || props === void 0 ? void 0 : props.reserveAble) !== null && _reserveAble !== void 0 ? _reserveAble : formConfig.reserveAble;
34530
- return objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, props), size !== undefined && {
34529
+ return objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, props), size !== undefined && {
34531
34530
  size: size
34532
34531
  }), disabled !== undefined && {
34533
34532
  disabled: disabled
34534
- }), reserveAble !== undefined && {
34535
- reserveAble: reserveAble
34536
34533
  }), formConfig.formName !== undefined && {
34537
34534
  formName: formConfig.formName
34538
34535
  });
@@ -34703,8 +34700,7 @@ var input_Input = function Input(props) {
34703
34700
  integerLimit: commonProps.integerLimit,
34704
34701
  numType: commonProps.numType,
34705
34702
  trim: (_ref = (_commonProps$trim = commonProps.trim) !== null && _commonProps$trim !== void 0 ? _commonProps$trim : config.trim) !== null && _ref !== void 0 ? _ref : false,
34706
- // 移除 reserveAble 和 formName,避免渲染到原生 input 上
34707
- reserveAble: undefined,
34703
+ // 移除 formName,避免渲染到原生 input 上
34708
34704
  formName: undefined
34709
34705
  };
34710
34706
  var inputFormatProps = use_input_format(objectSpread2_default()({
@@ -40453,6 +40449,7 @@ function useFormControl(props) {
40453
40449
  var FormField = function FormField(props) {
40454
40450
  var _childrenProps$error, _childrenProps$status;
40455
40451
  var children = props.children;
40452
+ var formConfig = useFormConfig();
40456
40453
  var getValidateProps = usePersistFn(function () {
40457
40454
  if (props.getValidateProps) return props.getValidateProps();
40458
40455
  return props;
@@ -40485,15 +40482,15 @@ var FormField = function FormField(props) {
40485
40482
  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
40486
40483
  separator = _useContext.separator;
40487
40484
  var formFieldId = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
40488
- if (!props.formName) return;
40485
+ if (!formConfig.formName) return;
40489
40486
  if (childrenProps.id) return childrenProps.id;
40490
40487
  if (Array.isArray(formControl.name)) {
40491
40488
  return formControl.name.map(function (name) {
40492
- return getFieldId(name, props.formName);
40489
+ return getFieldId(name, formConfig.formName);
40493
40490
  }).join(separator);
40494
40491
  }
40495
- return getFieldId(formControl.name, props.formName);
40496
- }, [formControl.name, props.formName, childrenProps.id]);
40492
+ return getFieldId(formControl.name, formConfig.formName);
40493
+ }, [formControl.name, formConfig.formName, childrenProps.id]);
40497
40494
  var cloneProps = {
40498
40495
  onChange: handleChange,
40499
40496
  status: status,
@@ -40529,8 +40526,6 @@ var FormField = function FormField(props) {
40529
40526
 
40530
40527
 
40531
40528
  var useFieldCommon = function useFieldCommon(props, Origin, type) {
40532
- var _props$reserveAble;
40533
- var formConfig = useFormConfig();
40534
40529
  var getValidateProps = usePersistFn(function () {
40535
40530
  return objectSpread2_default()({
40536
40531
  type: type
@@ -40545,8 +40540,7 @@ var useFieldCommon = function useFieldCommon(props, Origin, type) {
40545
40540
  var FieldParams = {
40546
40541
  name: props.name,
40547
40542
  defaultValue: props.defaultValue,
40548
- reserveAble: (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : formConfig.reserveAble,
40549
- formName: formConfig.formName,
40543
+ reserveAble: props.reserveAble,
40550
40544
  rules: props.rules,
40551
40545
  onError: props.onError,
40552
40546
  bind: props.bind,
@@ -47487,7 +47481,6 @@ var useForm = function useForm(props) {
47487
47481
  throttle = _props$throttle === void 0 ? 1000 : _props$throttle,
47488
47482
  size = props.size,
47489
47483
  formName = props.name,
47490
- reserveAble = props.reserveAble,
47491
47484
  scrollParent = props.scrollParent;
47492
47485
  var deepSetOptions = {
47493
47486
  removeUndefined: removeUndefined,
@@ -47883,6 +47876,7 @@ var useForm = function useForm(props) {
47883
47876
  }
47884
47877
  },
47885
47878
  unbind: function unbind(n, reserveAble, validateField, update) {
47879
+ var _props$reserveAble;
47886
47880
  var validateFieldSet = context.validateMap[n];
47887
47881
  if (validateField && validateFieldSet.has(validateField)) {
47888
47882
  validateFieldSet.delete(validateField);
@@ -47895,7 +47889,8 @@ var useForm = function useForm(props) {
47895
47889
  context.names.delete(n);
47896
47890
  delete context.defaultValues[n];
47897
47891
  }
47898
- if (!reserveAble && !context.removeLock) {
47892
+ var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
47893
+ if (!finalReserveAble && !context.removeLock) {
47899
47894
  addRemove(n);
47900
47895
  }
47901
47896
  },
@@ -47958,10 +47953,9 @@ var useForm = function useForm(props) {
47958
47953
  inline: inline,
47959
47954
  disabled: disabled,
47960
47955
  size: size,
47961
- reserveAble: reserveAble,
47962
47956
  formName: formName
47963
47957
  };
47964
- }, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size, reserveAble, formName]);
47958
+ }, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size, formName]);
47965
47959
  var updateValue = function updateValue() {
47966
47960
  if (props.value !== context.lastValue && props.value !== context.value) {
47967
47961
  context.value = deepClone(props.value) || emptyObj;
@@ -48214,7 +48208,7 @@ var UseFormItem = function UseFormItem() {
48214
48208
  var tooltip_devUseWarning = devUseWarning;
48215
48209
  var defaultDelay = 0;
48216
48210
  var Tooltip = function Tooltip(props) {
48217
- var _jssStyle$tooltip;
48211
+ var _jssStyle$tooltip, _config$tooltip$persi, _config$tooltip;
48218
48212
  var _props$trigger = props.trigger,
48219
48213
  trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
48220
48214
  priorityDirection = props.priorityDirection,
@@ -48225,13 +48219,14 @@ var Tooltip = function Tooltip(props) {
48225
48219
  className = props.className,
48226
48220
  style = props.style,
48227
48221
  zIndex = props.zIndex,
48228
- persistent = props.persistent,
48222
+ persistentProp = props.persistent,
48229
48223
  _props$type = props.type,
48230
48224
  type = _props$type === void 0 ? 'default' : _props$type,
48231
48225
  _props$position = props.position,
48232
48226
  popsitionProps = _props$position === void 0 ? 'auto' : _props$position;
48233
48227
  var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
48234
48228
  var config = useConfig();
48229
+ var persistent = (_config$tooltip$persi = (_config$tooltip = config.tooltip) === null || _config$tooltip === void 0 ? void 0 : _config$tooltip.persistent) !== null && _config$tooltip$persi !== void 0 ? _config$tooltip$persi : persistentProp;
48235
48230
  var childrenProps = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(children) ? children === null || children === void 0 ? void 0 : children.props : {};
48236
48231
  var delay = props.delay || props.mouseEnterDelay || defaultDelay;
48237
48232
  var _usePopup = use_popup({
@@ -48512,7 +48507,8 @@ var FormFieldSet = function FormFieldSet(props) {
48512
48507
  var children = props.children,
48513
48508
  empty = props.empty;
48514
48509
  var _React$useRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef({
48515
- ids: []
48510
+ ids: [],
48511
+ lastValues: []
48516
48512
  }),
48517
48513
  context = _React$useRef.current;
48518
48514
  var formFunc = useFormFunc();
@@ -48566,8 +48562,11 @@ var FormFieldSet = function FormFieldSet(props) {
48566
48562
  return generateUUID();
48567
48563
  });
48568
48564
  }
48569
- var ids = context.ids || [];
48570
48565
  valueArr.forEach(function (v, i) {
48566
+ var _context$ids$i;
48567
+ if (context.lastValues[i] !== v) {
48568
+ context.ids[i] = generateUUID();
48569
+ }
48571
48570
  result.push( /*#__PURE__*/(0,jsx_runtime.jsx)(Provider, {
48572
48571
  value: {
48573
48572
  path: "".concat(ProviderValue.path, "[").concat(i, "]"),
@@ -48614,10 +48613,13 @@ var FormFieldSet = function FormFieldSet(props) {
48614
48613
  formFunc === null || formFunc === void 0 || formFunc.spliceError(name, i);
48615
48614
  }
48616
48615
  })
48617
- }, ids[i]));
48616
+ }, (_context$ids$i = context.ids[i]) !== null && _context$ids$i !== void 0 ? _context$ids$i : i));
48618
48617
  });
48618
+
48619
+ // 更新 lastValues
48620
+ context.lastValues = valueArr;
48619
48621
  return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
48620
- children: result
48622
+ children: "result"
48621
48623
  });
48622
48624
  };
48623
48625
  /* harmony default export */ var form_fieldset = (FormFieldSet);
@@ -58575,6 +58577,24 @@ var useTableTree = function useTableTree(props) {
58575
58577
 
58576
58578
 
58577
58579
 
58580
+
58581
+ // 找出最大的连续数字的个数
58582
+ function getMaxRowSpanLength(input) {
58583
+ var map = new Map();
58584
+ var _iterator = createForOfIteratorHelper_default()(input),
58585
+ _step;
58586
+ try {
58587
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
58588
+ var num = _step.value;
58589
+ map.set(num, (map.get(num) || 0) + 1);
58590
+ }
58591
+ } catch (err) {
58592
+ _iterator.e(err);
58593
+ } finally {
58594
+ _iterator.f();
58595
+ }
58596
+ return Math.max.apply(Math, toConsumableArray_default()(Array.from(map.values())));
58597
+ }
58578
58598
  var MAX_ROW_SPAN = 200;
58579
58599
  var useTableVirtual = function useTableVirtual(props) {
58580
58600
  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
@@ -58599,11 +58619,11 @@ var useTableVirtual = function useTableVirtual(props) {
58599
58619
  setOffsetY = _useState10[1];
58600
58620
  var rowsInView = props.rowsInView === 0 ? props.data.length : props.rowsInView;
58601
58621
  var sleft = props.scrollLeft !== undefined ? props.scrollLeft : innerLeft;
58602
- var rowSpanInfos = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
58622
+ var rowSpanInfo = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
58603
58623
  var rowSpanColumns = props.columns.filter(function (col) {
58604
58624
  return typeof col.rowSpan === 'function';
58605
58625
  });
58606
- if (rowSpanColumns.length === 0) return;
58626
+ if (rowSpanColumns.length === 0) return null;
58607
58627
  var _rowSpanInfos = [];
58608
58628
  var totalLength = props.data.length;
58609
58629
  var _loop = function _loop(i) {
@@ -58644,12 +58664,17 @@ var useTableVirtual = function useTableVirtual(props) {
58644
58664
  }
58645
58665
  }
58646
58666
  }
58647
- return _rowSpanInfos.map(function (_rowSpanInfo) {
58667
+ var resultArr = _rowSpanInfos.map(function (_rowSpanInfo) {
58648
58668
  var startIndexs = _rowSpanInfo.map(function (arr) {
58649
58669
  return arr[0];
58650
58670
  });
58651
58671
  return Math.min.apply(Math, toConsumableArray_default()(startIndexs));
58652
58672
  });
58673
+ var maxRowSpan = getMaxRowSpanLength(resultArr);
58674
+ return maxRowSpan > 1 ? {
58675
+ rowSpanIndexArray: resultArr,
58676
+ maxRowSpan: maxRowSpan
58677
+ } : null;
58653
58678
  }, [props.data, props.columns]);
58654
58679
  var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
58655
58680
  cachedHeight: [],
@@ -58710,15 +58735,20 @@ var useTableVirtual = function useTableVirtual(props) {
58710
58735
  var currentIndex = 0;
58711
58736
  var top = 0;
58712
58737
  var maxIndex = Math.max(props.data.length - rowsInView, 0);
58738
+ var maxRowSpanLenth = 0;
58739
+ if (rowSpanInfo) {
58740
+ maxRowSpanLenth = Math.min(rowSpanInfo.rowSpanIndexArray.length,
58741
+ // 根据data计算出实际需要的最大合并行数(rowSpanInfo.maxRowSpan),当rowSpanInfo.maxRowSpan大于外部传的rowsInView时,使用rowSpanInfo.maxRowSpan
58742
+ Math.max(rowSpanInfo.maxRowSpan, props.rowsInView > MAX_ROW_SPAN ? props.rowsInView : props.rowsInView || MAX_ROW_SPAN));
58743
+ }
58713
58744
  for (var i = 0; i <= maxIndex; i++) {
58714
58745
  context.rowSpanRows = 0;
58715
58746
  sum += context.cachedHeight[i] || props.rowHeight;
58716
58747
  var rowSpanHeight = 0;
58717
- if (rowSpanInfos) {
58718
- var maxRowSpanLenth = Math.min(rowSpanInfos.length, props.rowsInView > MAX_ROW_SPAN ? props.rowsInView : props.rowsInView || MAX_ROW_SPAN);
58748
+ if (rowSpanInfo) {
58719
58749
  var siblingsIndexs = [];
58720
- for (var k = 0; k < maxRowSpanLenth; k++) {
58721
- if (rowSpanInfos[k] <= i && k > i) {
58750
+ for (var k = i; k < maxRowSpanLenth + i; k++) {
58751
+ if (rowSpanInfo.rowSpanIndexArray[k] <= i && k > i) {
58722
58752
  siblingsIndexs.push(k);
58723
58753
  }
58724
58754
  }
@@ -59874,29 +59904,23 @@ var Tr = function Tr(props) {
59874
59904
  });
59875
59905
  }
59876
59906
  if (col.type === 'checkbox') {
59877
- if (props.radio) {
59878
- return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
59879
- className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper,
59880
- children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_radio_radio, {
59881
- jssStyle: props.jssStyle,
59882
- style: {
59883
- margin: 0
59884
- },
59885
- checked: props.isSelect,
59886
- disabled: props.disabled,
59887
- onChange: function onChange(value) {
59888
- if (value) {
59889
- props.datum.add(data);
59890
- } else {
59891
- props.datum.remove(data);
59892
- }
59893
- }
59894
- })
59895
- });
59896
- }
59897
- return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
59907
+ var instance = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
59898
59908
  className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper,
59899
- children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_checkbox_checkbox, {
59909
+ children: props.radio ? /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_radio_radio, {
59910
+ jssStyle: props.jssStyle,
59911
+ style: {
59912
+ margin: 0
59913
+ },
59914
+ checked: props.isSelect,
59915
+ disabled: props.disabled,
59916
+ onChange: function onChange(value) {
59917
+ if (value) {
59918
+ props.datum.add(data);
59919
+ } else {
59920
+ props.datum.remove(data);
59921
+ }
59922
+ }
59923
+ }) : /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_checkbox_checkbox, {
59900
59924
  jssStyle: props.jssStyle,
59901
59925
  disabled: props.disabled,
59902
59926
  style: {
@@ -59916,6 +59940,7 @@ var Tr = function Tr(props) {
59916
59940
  }
59917
59941
  })
59918
59942
  });
59943
+ return typeof col.render === 'function' ? col.render(props.rawData, props.rowIndex, instance) : instance;
59919
59944
  }
59920
59945
  var content = render_render(col.render, data, props.rowIndex);
59921
59946
  if (col.treeColumnsName) {
@@ -60884,24 +60909,24 @@ var TabsPanel = function TabsPanel(props) {
60884
60909
  var isActive = active === id;
60885
60910
  var keekAlive = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
60886
60911
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
60912
+ var tabData = {
60913
+ id: id,
60914
+ tab: tab,
60915
+ disabled: props.disabled,
60916
+ jssStyle: jssStyle,
60917
+ color: props.color || (active === id ? color : undefined)
60918
+ };
60887
60919
  setTabs(function (prev) {
60888
60920
  var prevTab = prev.find(function (item) {
60889
60921
  return item.id === id;
60890
60922
  });
60891
60923
  if (prevTab) {
60892
60924
  return prev.map(function (item) {
60893
- return item.id === id ? objectSpread2_default()(objectSpread2_default()({}, item), {}, {
60894
- tab: tab
60895
- }) : item;
60925
+ if (item.id !== id) return item;
60926
+ return objectSpread2_default()(objectSpread2_default()({}, item), tabData);
60896
60927
  });
60897
60928
  }
60898
- return [].concat(toConsumableArray_default()(prev), [{
60899
- id: id,
60900
- tab: tab,
60901
- disabled: props.disabled,
60902
- jssStyle: jssStyle,
60903
- color: props.color || (active === id ? color : undefined)
60904
- }]);
60929
+ return [].concat(toConsumableArray_default()(prev), [tabData]);
60905
60930
  });
60906
60931
  }, [id, tab, color].concat(toConsumableArray_default()(color ? [active] : []), [props.disabled, props.jssStyle]));
60907
60932
  if (!isActive && lazy && !keekAlive.current) {
@@ -66934,7 +66959,7 @@ var upload_interface = __webpack_require__(8821);
66934
66959
 
66935
66960
 
66936
66961
  /* harmony default export */ var src_0 = ({
66937
- version: '3.5.3-beta.2'
66962
+ version: '3.5.3-beta.4'
66938
66963
  });
66939
66964
  }();
66940
66965
  /******/ return __webpack_exports__;