shineout 3.7.5-beta.11 → 3.7.5-beta.3
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 +69 -85
- 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 +9 -9
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.7.5-beta.
|
|
525
|
+
version: '3.7.5-beta.3'
|
|
526
526
|
};
|
package/dist/shineout.js
CHANGED
|
@@ -7389,7 +7389,7 @@ var Alert = function Alert(props) {
|
|
|
7389
7389
|
if (dismiss === HIDE) {
|
|
7390
7390
|
return null;
|
|
7391
7391
|
}
|
|
7392
|
-
if (title) {
|
|
7392
|
+
if ('title' in props && title !== undefined) {
|
|
7393
7393
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
|
|
7394
7394
|
className: rootClass
|
|
7395
7395
|
}, getRootProps()), {}, {
|
|
@@ -12234,7 +12234,7 @@ var handleStyle = function handleStyle(style) {
|
|
|
12234
12234
|
};
|
|
12235
12235
|
/* harmony default export */ var jss_style_handleStyle = (handleStyle);
|
|
12236
12236
|
;// CONCATENATED MODULE: ../shineout-style/src/version.ts
|
|
12237
|
-
/* harmony default export */ var version = ('3.7.5-beta.
|
|
12237
|
+
/* harmony default export */ var version = ('3.7.5-beta.3');
|
|
12238
12238
|
;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
|
|
12239
12239
|
|
|
12240
12240
|
|
|
@@ -17545,9 +17545,6 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
17545
17545
|
},
|
|
17546
17546
|
compressedWrapper: {
|
|
17547
17547
|
width: 0,
|
|
17548
|
-
overflow: 'hidden'
|
|
17549
|
-
},
|
|
17550
|
-
compressedBoundWrapper: {
|
|
17551
17548
|
overflow: 'auto'
|
|
17552
17549
|
},
|
|
17553
17550
|
controlMouse: {
|
|
@@ -23392,9 +23389,6 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
23392
23389
|
},
|
|
23393
23390
|
compressedWrapper: {
|
|
23394
23391
|
width: 0,
|
|
23395
|
-
overflow: 'hidden'
|
|
23396
|
-
},
|
|
23397
|
-
compressedBoundWrapper: {
|
|
23398
23392
|
overflow: 'auto'
|
|
23399
23393
|
},
|
|
23400
23394
|
controlMouse: {
|
|
@@ -28929,9 +28923,6 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
28929
28923
|
},
|
|
28930
28924
|
compressedWrapper: {
|
|
28931
28925
|
width: 0,
|
|
28932
|
-
overflow: 'hidden'
|
|
28933
|
-
},
|
|
28934
|
-
compressedBoundWrapper: {
|
|
28935
28926
|
overflow: 'auto'
|
|
28936
28927
|
},
|
|
28937
28928
|
controlMouse: {
|
|
@@ -39422,8 +39413,9 @@ var useTree = function useTree(props) {
|
|
|
39422
39413
|
}
|
|
39423
39414
|
context.updateMap.forEach(function (call, id) {
|
|
39424
39415
|
if (ignoreExpanded) {
|
|
39425
|
-
var
|
|
39426
|
-
|
|
39416
|
+
var _ref4 = call('get', true),
|
|
39417
|
+
hasTriggered = _ref4.hasTriggered;
|
|
39418
|
+
if (hasTriggered) return;
|
|
39427
39419
|
}
|
|
39428
39420
|
call('expanded', tempExpandMap.has(id));
|
|
39429
39421
|
});
|
|
@@ -40079,8 +40071,8 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
40079
40071
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
40080
40072
|
loading = _useState2[0],
|
|
40081
40073
|
setLoading = _useState2[1];
|
|
40074
|
+
// const [activeState, setActiveState] = useState(false);
|
|
40082
40075
|
var checkboxRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
|
|
40083
|
-
var hasHandleSelectRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
|
|
40084
40076
|
var isDisabled = datum.isDisabled(id);
|
|
40085
40077
|
var children = data[childrenKey];
|
|
40086
40078
|
var hasChildren = children && children.length > 0;
|
|
@@ -40121,17 +40113,13 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
40121
40113
|
}
|
|
40122
40114
|
if (isHoverAble) {
|
|
40123
40115
|
events.onMouseEnter = handlePathChange;
|
|
40124
|
-
if (multiple)
|
|
40125
|
-
events.onClick = handleSelect;
|
|
40126
|
-
hasHandleSelectRef.current = true;
|
|
40127
|
-
}
|
|
40116
|
+
if (multiple) events.onClick = handleSelect;
|
|
40128
40117
|
} else if (isRealLeafNode && multiple) {
|
|
40129
40118
|
// 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
|
|
40130
40119
|
events.onClick = function (e) {
|
|
40131
40120
|
handleClick(e);
|
|
40132
40121
|
handleSelect(e);
|
|
40133
40122
|
};
|
|
40134
|
-
hasHandleSelectRef.current = true;
|
|
40135
40123
|
}
|
|
40136
40124
|
return events;
|
|
40137
40125
|
};
|
|
@@ -40187,7 +40175,7 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
40187
40175
|
className: styles.optionCheckbox,
|
|
40188
40176
|
checked: datum.getChecked(id),
|
|
40189
40177
|
disabled: isDisabled,
|
|
40190
|
-
onChange:
|
|
40178
|
+
onChange: isRealLeafNode && multiple ? undefined : handleChange
|
|
40191
40179
|
}), renderContent(), renderIcon()]
|
|
40192
40180
|
})
|
|
40193
40181
|
}));
|
|
@@ -41110,25 +41098,44 @@ function getResetMore(onFilter, container, doms) {
|
|
|
41110
41098
|
var hideMargin = parsePxToNumber(hideElStyle.marginLeft) + parsePxToNumber(hideElStyle.marginRight);
|
|
41111
41099
|
var num = 0;
|
|
41112
41100
|
var sumWidth = 0;
|
|
41113
|
-
|
|
41114
|
-
var
|
|
41115
|
-
var
|
|
41116
|
-
|
|
41117
|
-
|
|
41118
|
-
|
|
41119
|
-
|
|
41120
|
-
if (resetNum > 0) {
|
|
41121
|
-
var reset = "+".concat(resetNum);
|
|
41122
|
-
hideEl.childNodes[0].innerText = reset;
|
|
41123
|
-
moreWidth = hideEl.offsetWidth + hideMargin;
|
|
41124
|
-
}
|
|
41125
|
-
if (sumWidth > contentWidth - moreWidth) {
|
|
41126
|
-
num = i;
|
|
41127
|
-
break;
|
|
41128
|
-
}
|
|
41101
|
+
var itemWidthArr = items.map(function (item) {
|
|
41102
|
+
var itemStyle = getComputedStyle(item);
|
|
41103
|
+
var itemLen = item.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
|
|
41104
|
+
sumWidth += itemLen;
|
|
41105
|
+
return itemLen;
|
|
41106
|
+
});
|
|
41107
|
+
if (sumWidth <= contentWidth) {
|
|
41129
41108
|
num = -1;
|
|
41109
|
+
} else {
|
|
41110
|
+
var len = 0;
|
|
41111
|
+
for (var i = 0; i < itemWidthArr.length; i++) {
|
|
41112
|
+
var itemLen = itemWidthArr[i];
|
|
41113
|
+
// number length
|
|
41114
|
+
var resetNum = items.length - 1 - i;
|
|
41115
|
+
var moreWidth = void 0;
|
|
41116
|
+
if (resetNum <= 0) {
|
|
41117
|
+
moreWidth = 0;
|
|
41118
|
+
} else {
|
|
41119
|
+
var reset = "+".concat(resetNum);
|
|
41120
|
+
hideEl.childNodes[0].innerText = reset;
|
|
41121
|
+
// (+num) width
|
|
41122
|
+
moreWidth = hideEl.offsetWidth + hideMargin;
|
|
41123
|
+
}
|
|
41124
|
+
len += itemLen;
|
|
41125
|
+
if (len > contentWidth - moreWidth) {
|
|
41126
|
+
break;
|
|
41127
|
+
}
|
|
41128
|
+
num += 1;
|
|
41129
|
+
if (i === items.length - 1) {
|
|
41130
|
+
// not show more
|
|
41131
|
+
num = -1;
|
|
41132
|
+
}
|
|
41133
|
+
}
|
|
41134
|
+
}
|
|
41135
|
+
// at least show one
|
|
41136
|
+
if (num === 0 && itemWidthArr[0]) {
|
|
41137
|
+
num = 1;
|
|
41130
41138
|
}
|
|
41131
|
-
;
|
|
41132
41139
|
return num;
|
|
41133
41140
|
}
|
|
41134
41141
|
var More = function More(props) {
|
|
@@ -41150,7 +41157,16 @@ var More = function More(props) {
|
|
|
41150
41157
|
var shouldShowMore = showNum < 0 || showNum >= data.length;
|
|
41151
41158
|
var before = [];
|
|
41152
41159
|
var after = [];
|
|
41153
|
-
var
|
|
41160
|
+
var itemsLength = 0;
|
|
41161
|
+
var tagStyle = shouldShowMore ? {
|
|
41162
|
+
position: 'absolute',
|
|
41163
|
+
zIndex: -100,
|
|
41164
|
+
userSelect: 'none',
|
|
41165
|
+
msUserSelect: 'none',
|
|
41166
|
+
contain: 'layout',
|
|
41167
|
+
opacity: 0,
|
|
41168
|
+
pointerEvents: 'none'
|
|
41169
|
+
} : {};
|
|
41154
41170
|
if (!shouldShowMore) {
|
|
41155
41171
|
before = new Array(showNum).fill(undefined).map(function (_item, index) {
|
|
41156
41172
|
return data[index];
|
|
@@ -41158,9 +41174,9 @@ var More = function More(props) {
|
|
|
41158
41174
|
after = new Array(data.length - showNum).fill(undefined).map(function (_item, index) {
|
|
41159
41175
|
return data[showNum + index];
|
|
41160
41176
|
});
|
|
41161
|
-
|
|
41177
|
+
itemsLength = after.length;
|
|
41162
41178
|
}
|
|
41163
|
-
if (
|
|
41179
|
+
if (showNum < 0 || showNum >= data.length) {
|
|
41164
41180
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
|
|
41165
41181
|
children: [data, /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, {
|
|
41166
41182
|
className: styles.tag,
|
|
@@ -41187,9 +41203,10 @@ var More = function More(props) {
|
|
|
41187
41203
|
className: styles.tag,
|
|
41188
41204
|
jssStyle: jssStyle,
|
|
41189
41205
|
size: size,
|
|
41206
|
+
style: tagStyle,
|
|
41190
41207
|
mode: visible ? 'fill' : 'bright',
|
|
41191
41208
|
color: visible ? 'info' : 'default',
|
|
41192
|
-
children: shouldShowMore ? '+' : "+".concat(
|
|
41209
|
+
children: shouldShowMore ? '+' : "+".concat(itemsLength)
|
|
41193
41210
|
}, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
|
|
41194
41211
|
jssStyle: jssStyle,
|
|
41195
41212
|
className: compressedClassName,
|
|
@@ -41287,16 +41304,12 @@ var result_Result = function Result(props) {
|
|
|
41287
41304
|
setShouldResetMore = _useState4[1];
|
|
41288
41305
|
var render = useRender();
|
|
41289
41306
|
var resultRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
|
|
41290
|
-
var
|
|
41291
|
-
prevMore: more,
|
|
41292
|
-
maxMore: 0
|
|
41293
|
-
}),
|
|
41294
|
-
context = _useRef.current;
|
|
41307
|
+
var prevMore = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(more);
|
|
41295
41308
|
var removeLock = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
|
|
41296
41309
|
var showInput = allowOnFilter;
|
|
41297
41310
|
var mounted = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
|
|
41298
41311
|
var styles = props.classes;
|
|
41299
|
-
var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper,
|
|
41312
|
+
var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
|
|
41300
41313
|
var renderResultContent = function renderResultContent(data, index, nodes) {
|
|
41301
41314
|
if (checkUnMatched(data)) {
|
|
41302
41315
|
var _data = data;
|
|
@@ -41494,6 +41507,7 @@ var result_Result = function Result(props) {
|
|
|
41494
41507
|
data: result,
|
|
41495
41508
|
datas: renderMultipleResult.datas,
|
|
41496
41509
|
size: size,
|
|
41510
|
+
more: moreNumber,
|
|
41497
41511
|
compressed: compressed,
|
|
41498
41512
|
renderCompressed: renderCompressed,
|
|
41499
41513
|
compressedClassName: compressedClassName,
|
|
@@ -41523,27 +41537,15 @@ var result_Result = function Result(props) {
|
|
|
41523
41537
|
}
|
|
41524
41538
|
return result;
|
|
41525
41539
|
};
|
|
41526
|
-
var handleResetMore = function handleResetMore(
|
|
41540
|
+
var handleResetMore = function handleResetMore() {
|
|
41527
41541
|
if (!compressed) return;
|
|
41528
41542
|
if (isCompressedBound()) return;
|
|
41529
41543
|
if (removeLock.current) {
|
|
41530
41544
|
removeLock.current = false;
|
|
41531
41545
|
return;
|
|
41532
41546
|
}
|
|
41533
|
-
|
|
41534
|
-
|
|
41535
|
-
var hasExistingCompression = context.prevMore > 0;
|
|
41536
|
-
var hasValidEstimate = context.maxMore > 0;
|
|
41537
|
-
var exceedsCapacity = valueLength && valueLength > context.maxMore;
|
|
41538
|
-
if (hasExistingCompression && hasValidEstimate && exceedsCapacity && typeof requestIdleCallback !== 'undefined') {
|
|
41539
|
-
requestIdleCallback(function () {
|
|
41540
|
-
setMore(-1);
|
|
41541
|
-
setShouldResetMore(true);
|
|
41542
|
-
});
|
|
41543
|
-
} else {
|
|
41544
|
-
setMore(-1);
|
|
41545
|
-
setShouldResetMore(true);
|
|
41546
|
-
}
|
|
41547
|
+
setMore(-1);
|
|
41548
|
+
setShouldResetMore(true);
|
|
41547
41549
|
};
|
|
41548
41550
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
41549
41551
|
if (!focus && mounted.current) {
|
|
@@ -41598,7 +41600,7 @@ var result_Result = function Result(props) {
|
|
|
41598
41600
|
}
|
|
41599
41601
|
}, [focus, multiple]);
|
|
41600
41602
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
|
|
41601
|
-
handleResetMore(
|
|
41603
|
+
handleResetMore();
|
|
41602
41604
|
}, [valueProp, data]);
|
|
41603
41605
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
41604
41606
|
// datum.getDataByValues(value); 需要等待 useTree useEffect 执行完毕 才能获取到
|
|
@@ -41609,7 +41611,7 @@ var result_Result = function Result(props) {
|
|
|
41609
41611
|
var tagClassName = ".".concat(styles.tag.split(' ')[0]);
|
|
41610
41612
|
if (shouldResetMore && result_isArray(value) && (value || []).length) {
|
|
41611
41613
|
var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
|
|
41612
|
-
|
|
41614
|
+
prevMore.current = newMore;
|
|
41613
41615
|
setMore(newMore);
|
|
41614
41616
|
setShouldResetMore(false);
|
|
41615
41617
|
} else {
|
|
@@ -41623,7 +41625,6 @@ var result_Result = function Result(props) {
|
|
|
41623
41625
|
if (!resultRef.current) return;
|
|
41624
41626
|
if (!compressed) return;
|
|
41625
41627
|
if (isCompressedBound()) return;
|
|
41626
|
-
context.maxMore = Math.floor(resultRef.current.clientWidth / 20);
|
|
41627
41628
|
var cancelObserver = addResizeObserver(resultRef.current, handleResetMore, {
|
|
41628
41629
|
direction: 'x'
|
|
41629
41630
|
});
|
|
@@ -45269,7 +45270,6 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
|
|
|
45269
45270
|
return getFormatValueArr(dateArr, props.formatResult);
|
|
45270
45271
|
} else if (typeof props.formatResult === 'function') {
|
|
45271
45272
|
return dateArr.map(function (item) {
|
|
45272
|
-
if (!item) return '';
|
|
45273
45273
|
return props.formatResult(item);
|
|
45274
45274
|
});
|
|
45275
45275
|
} else {
|
|
@@ -50834,9 +50834,6 @@ var useForm = function useForm(props) {
|
|
|
50834
50834
|
context.names.delete(n);
|
|
50835
50835
|
delete context.defaultValues[n];
|
|
50836
50836
|
}
|
|
50837
|
-
if (context.errors[n]) {
|
|
50838
|
-
delete context.errors[n];
|
|
50839
|
-
}
|
|
50840
50837
|
var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
|
|
50841
50838
|
if (!finalReserveAble && !context.removeLock) {
|
|
50842
50839
|
addRemove(n);
|
|
@@ -55197,19 +55194,7 @@ var VirtualNode = function VirtualNode(props) {
|
|
|
55197
55194
|
});
|
|
55198
55195
|
if (onToggle) onToggle(id, nextExpanded);
|
|
55199
55196
|
};
|
|
55200
|
-
var
|
|
55201
|
-
if (size === "large") {
|
|
55202
|
-
if (line && level === 1) {
|
|
55203
|
-
return 16;
|
|
55204
|
-
}
|
|
55205
|
-
return 32;
|
|
55206
|
-
}
|
|
55207
|
-
if (line && level === 1) {
|
|
55208
|
-
return 8;
|
|
55209
|
-
}
|
|
55210
|
-
return 24;
|
|
55211
|
-
};
|
|
55212
|
-
var indent = getIndent();
|
|
55197
|
+
var indent = size === "large" ? 32 : 24;
|
|
55213
55198
|
var $indents;
|
|
55214
55199
|
if (line) {
|
|
55215
55200
|
$indents = Array.from({
|
|
@@ -57510,8 +57495,7 @@ var usePagination = function usePagination(props) {
|
|
|
57510
57495
|
return objectSpread2_default()({}, mergedEventHandlers);
|
|
57511
57496
|
};
|
|
57512
57497
|
return {
|
|
57513
|
-
|
|
57514
|
-
current: currentProp !== undefined ? currentProp : current,
|
|
57498
|
+
current: current,
|
|
57515
57499
|
pageSize: pageSize,
|
|
57516
57500
|
total: total,
|
|
57517
57501
|
onChange: handleChange,
|
|
@@ -71659,7 +71643,7 @@ var upload_interface = __webpack_require__(8821);
|
|
|
71659
71643
|
|
|
71660
71644
|
|
|
71661
71645
|
/* harmony default export */ var src_0 = ({
|
|
71662
|
-
version: '3.7.5-beta.
|
|
71646
|
+
version: '3.7.5-beta.3'
|
|
71663
71647
|
});
|
|
71664
71648
|
}();
|
|
71665
71649
|
/******/ return __webpack_exports__;
|