shineout 3.5.8-beta.15 → 3.5.8-beta.17

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.
package/cjs/index.js CHANGED
@@ -507,5 +507,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
507
507
  // 此文件由脚本自动生成,请勿直接修改。
508
508
  // This file was generated automatically by a script. Please do not modify it directly.
509
509
  var _default = exports.default = {
510
- version: '3.5.8-beta.15'
510
+ version: '3.5.8-beta.17'
511
511
  };
package/dist/shineout.js CHANGED
@@ -12115,7 +12115,7 @@ var handleStyle = function handleStyle(style) {
12115
12115
  };
12116
12116
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
12117
12117
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
12118
- /* harmony default export */ var version = ('3.5.8-beta.15');
12118
+ /* harmony default export */ var version = ('3.5.8-beta.17');
12119
12119
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
12120
12120
 
12121
12121
 
@@ -13921,15 +13921,15 @@ var menuTokens = {
13921
13921
  menuHeaderPaddingX: 'Spacing-12',
13922
13922
  menuHeaderPaddingY: 'Spacing-12',
13923
13923
  menuDarkFontColor: 'Neutral-text-1',
13924
- menuDarkItemBackgroundColor: 'Neutral-fill-10',
13924
+ menuDarkItemBackgroundColor: 'Neutral-fill-9',
13925
13925
  menuDarkItemFontColor: 'Neutral-text-1',
13926
13926
  menuDarkItemHoverBackgroundColor: 'Brand-9',
13927
13927
  menuDarkItemHoverFontColor: 'Neutral-text-1',
13928
13928
  menuDarkItemActiveBackgroundColor: 'Brand-6',
13929
13929
  menuDarkItemActiveFontColor: 'Neutral-text-1',
13930
- menuDarkItemOpenBackgroundColor: 'Neutral-fill-9',
13930
+ menuDarkItemOpenBackgroundColor: 'Neutral-fill-10',
13931
13931
  menuDarkItemOpenFontColor: 'Neutral-text-1',
13932
- menuDarkItemDisabledBackgroundColor: 'Neutral-fill-10',
13932
+ menuDarkItemDisabledBackgroundColor: 'Neutral-fill-9',
13933
13933
  menuDarkItemDisabledFontColor: 'Neutral-text-4',
13934
13934
  menuDarkItemCollapseActiveBackgroundColor: 'Brand-6',
13935
13935
  menuDarkItemCollapseActiveFontColor: 'Neutral-text-1',
@@ -14374,7 +14374,7 @@ var stepsTokens = {
14374
14374
  stepsLargeTitleFontSize: 'Font-18',
14375
14375
  stepsLargeDescriptionFontSize: 'Font-12',
14376
14376
  stepsWaitFontColor: 'Neutral-text-4',
14377
- stepsWaitBackgroundColor: 'Neutral-fill-2',
14377
+ stepsWaitBackgroundColor: 'Neutral-fill-4',
14378
14378
  stepsWaitHoverFontColor: 'Brand-6',
14379
14379
  stepsProcessFontColor: 'Neutral-text-1',
14380
14380
  stepsProcessBackgroundColor: 'Brand-6',
@@ -17216,7 +17216,8 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
17216
17216
  boxShadow: src.cascaderPanelShadow,
17217
17217
  border: "1px solid ".concat(src.cascaderPanelBorder),
17218
17218
  borderRadius: src.cascaderPanelRadius,
17219
- transformOrigin: '0 0'
17219
+ transformOrigin: '0 0',
17220
+ cursor: 'initial'
17220
17221
  },
17221
17222
  pickerWrapperShow: {},
17222
17223
  iconWrapper: {
@@ -17989,7 +17990,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
17989
17990
  backgroundColor: src.datePickerPanelBackgroundColor,
17990
17991
  boxShadow: src.datePickerPanelShadow,
17991
17992
  borderRadius: src.datePickerPanelRadius,
17992
- border: "1px solid ".concat(src.datePickerPanelBorder)
17993
+ border: "1px solid ".concat(src.datePickerPanelBorder),
17994
+ cursor: 'initial'
17993
17995
  },
17994
17996
  pickerBox: {
17995
17997
  display: 'flex'
@@ -20888,8 +20890,10 @@ var menuStyle = {
20888
20890
  '& + $titleContent': {
20889
20891
  paddingLeft: src.menuIconMarginX
20890
20892
  },
20891
- lineHeight: 1,
20892
- display: 'inline-flex'
20893
+ display: 'inline-flex',
20894
+ alignSelf: 'flex-start',
20895
+ height: src.lineHeightDynamic,
20896
+ alignItems: 'center'
20893
20897
  },
20894
20898
  titleContent: {
20895
20899
  whiteSpace: 'pre-wrap',
@@ -20914,6 +20918,10 @@ var menuStyle = {
20914
20918
  lineHeight: 1,
20915
20919
  width: src.menuExpandSize,
20916
20920
  height: src.menuExpandSize,
20921
+ alignSelf: 'flex-start',
20922
+ alignItems: 'center',
20923
+ display: 'flex',
20924
+ minHeight: "calc(".concat(src.lineHeightDynamic, " + ").concat(src.menuTitlePaddingY, "*2)"),
20917
20925
  '$wrapper:not($wrapperVertical) $itemOpen > $itemContent &': {
20918
20926
  transform: 'rotate(180deg)'
20919
20927
  }
@@ -22880,7 +22888,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
22880
22888
  boxShadow: src.selectPanelShadow,
22881
22889
  borderRadius: src.selectPanelRadius,
22882
22890
  transformOrigin: '0 0',
22883
- border: "1px solid ".concat(src.selectPanelBorder)
22891
+ border: "1px solid ".concat(src.selectPanelBorder),
22892
+ cursor: 'initial'
22884
22893
  },
22885
22894
  pickerSmall: {
22886
22895
  '& $optionInner': {
@@ -24646,7 +24655,7 @@ var stepsStyle = {
24646
24655
  backgroundColor: src.stepsErrorBackgroundColor
24647
24656
  },
24648
24657
  '& $title': {
24649
- fontWeight: 'bold'
24658
+ fontWeight: 500
24650
24659
  }
24651
24660
  },
24652
24661
  icon: {
@@ -27920,7 +27929,8 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
27920
27929
  borderRadius: src.treeSelectPanelRadius,
27921
27930
  transformOrigin: '0 0',
27922
27931
  width: 'max-content',
27923
- maxWidth: '640px'
27932
+ maxWidth: '640px',
27933
+ cursor: 'initial'
27924
27934
  },
27925
27935
  iconWrapper: {
27926
27936
  display: 'flex',
@@ -29869,7 +29879,8 @@ var usePositionStyle = function usePositionStyle(config) {
29869
29879
  popupElRef = _ref.popupElRef,
29870
29880
  scrollElRef = _ref.scrollElRef,
29871
29881
  updateKey = _ref.updateKey,
29872
- adjust = _ref.adjust;
29882
+ adjust = _ref.adjust,
29883
+ offset = _ref.offset;
29873
29884
  // 初次渲染无样式的时候, 隐藏展示
29874
29885
  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(hideStyle),
29875
29886
  _useState2 = slicedToArray_default()(_useState, 2),
@@ -29979,6 +29990,9 @@ var usePositionStyle = function usePositionStyle(config) {
29979
29990
  };
29980
29991
  context.containerRect = containerRect;
29981
29992
  context.containerScroll = containerScroll;
29993
+ console.log('======================');
29994
+ console.log('targetPosition: >>', targetPosition);
29995
+ console.log('======================');
29982
29996
  if (verticalPosition.includes(targetPosition)) {
29983
29997
  var _targetPosition$split = targetPosition.split('-'),
29984
29998
  _targetPosition$split2 = slicedToArray_default()(_targetPosition$split, 2),
@@ -30054,11 +30068,11 @@ var usePositionStyle = function usePositionStyle(config) {
30054
30068
  _h = _targetPosition$split4[0],
30055
30069
  _v = _targetPosition$split4[1];
30056
30070
  if (_v === 'top') {
30057
- style.top = rect.top - containerRect.top + containerScroll.top;
30071
+ style.top = rect.top - containerRect.top + containerScroll.top - (offset ? offset[1] : 0);
30058
30072
  style.transform = '';
30059
30073
  arrayStyle.top = "8px";
30060
30074
  } else if (_v === 'bottom') {
30061
- style.top = rect.bottom - containerRect.top + containerScroll.top;
30075
+ style.top = rect.bottom - containerRect.top + containerScroll.top + (offset ? offset[1] : 0);
30062
30076
  arrayStyle.bottom = "8px";
30063
30077
  style.transform = 'translateY(-100%)';
30064
30078
  } else {
@@ -30830,6 +30844,7 @@ var AbsoluteList = function AbsoluteList(props) {
30830
30844
  updateKey = props.updateKey,
30831
30845
  popupGap = props.popupGap,
30832
30846
  adjust = props.adjust,
30847
+ offset = props.offset,
30833
30848
  _props$destroy = props.destroy,
30834
30849
  destroy = _props$destroy === void 0 ? false : _props$destroy,
30835
30850
  _props$lazy = props.lazy,
@@ -30871,7 +30886,8 @@ var AbsoluteList = function AbsoluteList(props) {
30871
30886
  popupElRef: popupElRef,
30872
30887
  updateKey: updateKey,
30873
30888
  popupGap: popupGap,
30874
- adjust: adjust
30889
+ adjust: adjust,
30890
+ offset: offset
30875
30891
  }),
30876
30892
  style = _usePositionStyle.style,
30877
30893
  arrayStyle = _usePositionStyle.arrayStyle;
@@ -31039,6 +31055,7 @@ var Popover = function Popover(props) {
31039
31055
  zIndex: zIndex,
31040
31056
  adjust: props.adjust,
31041
31057
  lazy: props.lazy,
31058
+ offset: props.offset,
31042
31059
  children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
31043
31060
  className: classnames_default()(className, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.rootClass, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapper, open && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapperOpen), !showArrow && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.hideArrow)),
31044
31061
  style: colorStyle
@@ -40887,6 +40904,7 @@ function useFormControl(props) {
40887
40904
  var formValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
40888
40905
  var errors = arguments.length > 1 ? arguments[1] : undefined;
40889
40906
  var severErrors = arguments.length > 2 ? arguments[2] : undefined;
40907
+ var names = arguments.length > 3 ? arguments[3] : undefined;
40890
40908
  if (!name) return;
40891
40909
  if (isArray(name)) {
40892
40910
  var _value = getValue(name, formValue);
@@ -40898,7 +40916,7 @@ function useFormControl(props) {
40898
40916
  var dv = isArray(defaultValue) ? defaultValue : [];
40899
40917
  var nextValue = [];
40900
40918
  name.forEach(function (n, index) {
40901
- if (_value[index] === undefined && dv[index] !== undefined) {
40919
+ if (!names.has(n) && _value[index] === undefined && dv[index] !== undefined) {
40902
40920
  nextValue[index] = dv[index];
40903
40921
  } else {
40904
40922
  nextValue[index] = _value[index];
@@ -40912,7 +40930,7 @@ function useFormControl(props) {
40912
40930
  setErrorState(_error2);
40913
40931
  }
40914
40932
  if (!shallowEqual(_value2, latestInfo.valueState)) {
40915
- if (_value2 === undefined && defaultValue !== undefined) {
40933
+ if (!names.has(name) && _value2 === undefined && defaultValue !== undefined) {
40916
40934
  setValueState(defaultValue);
40917
40935
  } else {
40918
40936
  setValueState(_value2);
@@ -48221,7 +48239,7 @@ var useForm = function useForm(props) {
48221
48239
  Object.keys(context.updateMap).forEach(function (key) {
48222
48240
  var _context$updateMap$ke;
48223
48241
  (_context$updateMap$ke = context.updateMap[key]) === null || _context$updateMap$ke === void 0 || _context$updateMap$ke.forEach(function (update) {
48224
- update(context.value, context.errors, context.serverErrors);
48242
+ update(context.value, context.errors, context.serverErrors, context.names);
48225
48243
  });
48226
48244
  });
48227
48245
  Object.keys(context.flowMap).forEach(function (key) {
@@ -48239,12 +48257,12 @@ var useForm = function useForm(props) {
48239
48257
  var _context$updateMap$pa;
48240
48258
  var parentKey = key.split('.')[0];
48241
48259
  (_context$updateMap$pa = context.updateMap[parentKey]) === null || _context$updateMap$pa === void 0 || _context$updateMap$pa.forEach(function (update) {
48242
- update(context.value, context.errors, context.serverErrors);
48260
+ update(context.value, context.errors, context.serverErrors, context.names);
48243
48261
  });
48244
48262
  } else {
48245
48263
  var _context$updateMap$ke2;
48246
48264
  (_context$updateMap$ke2 = context.updateMap[key]) === null || _context$updateMap$ke2 === void 0 || _context$updateMap$ke2.forEach(function (update) {
48247
- update(context.value, context.errors, context.serverErrors);
48265
+ update(context.value, context.errors, context.serverErrors, context.names);
48248
48266
  });
48249
48267
  }
48250
48268
  (_context$flowMap$key = context.flowMap[key]) === null || _context$flowMap$key === void 0 || _context$flowMap$key.forEach(function (update) {
@@ -55556,7 +55574,7 @@ var MenuItem = function MenuItem(props) {
55556
55574
  ,
55557
55575
  onClick: close,
55558
55576
  dir: config.direction,
55559
- children: items.map(function (item, index) {
55577
+ children: items.map(function (item, index, arr) {
55560
55578
  var key = getKey(props.keygen, item, index);
55561
55579
  return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)(MenuItem, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
55562
55580
  mode: mode,
@@ -55567,6 +55585,9 @@ var MenuItem = function MenuItem(props) {
55567
55585
  keyResult: key,
55568
55586
  level: props.level + 1,
55569
55587
  renderIcon: isTitle ? undefined : props.renderIcon
55588
+ // 顶部或底部的menuItem的popover边缘与menu的边缘对齐
55589
+ ,
55590
+ isEdgeItem: index === 0 || index === arr.length - 1
55570
55591
  }));
55571
55592
  })
55572
55593
  });
@@ -55586,6 +55607,7 @@ var MenuItem = function MenuItem(props) {
55586
55607
  showArrow: mode !== 'horizontal',
55587
55608
  position: position,
55588
55609
  lazy: false,
55610
+ offset: isVertical && props.isEdgeItem ? [0, 4] : undefined,
55589
55611
  children: function children(close) {
55590
55612
  return content(close);
55591
55613
  }
@@ -55805,7 +55827,8 @@ var Menu = function Menu(props) {
55805
55827
  scrollRef: scrollRef,
55806
55828
  theme: theme,
55807
55829
  renderIcon: props.renderIcon,
55808
- collapse: collapse
55830
+ collapse: collapse,
55831
+ isEdgeItem: false
55809
55832
  }, key);
55810
55833
  })
55811
55834
  })
@@ -67800,7 +67823,7 @@ var upload_interface = __webpack_require__(8821);
67800
67823
 
67801
67824
 
67802
67825
  /* harmony default export */ var src_0 = ({
67803
- version: '3.5.8-beta.15'
67826
+ version: '3.5.8-beta.17'
67804
67827
  });
67805
67828
  }();
67806
67829
  /******/ return __webpack_exports__;