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 +1 -1
- package/dist/shineout.js +47 -24
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/dist/shineout.min.js.map +1 -1
- package/esm/index.js +1 -1
- package/package.json +5 -5
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.
|
|
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.
|
|
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-
|
|
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-
|
|
13930
|
+
menuDarkItemOpenBackgroundColor: 'Neutral-fill-10',
|
|
13931
13931
|
menuDarkItemOpenFontColor: 'Neutral-text-1',
|
|
13932
|
-
menuDarkItemDisabledBackgroundColor: 'Neutral-fill-
|
|
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-
|
|
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
|
-
|
|
20892
|
-
|
|
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:
|
|
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.
|
|
67826
|
+
version: '3.5.8-beta.17'
|
|
67804
67827
|
});
|
|
67805
67828
|
}();
|
|
67806
67829
|
/******/ return __webpack_exports__;
|