@kdcloudjs/kdesign 1.7.17 → 1.7.19
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/CHANGELOG.md +33 -0
- package/dist/kdesign-complete.less +54 -21
- package/dist/kdesign.css +23 -15
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +329 -248
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +6 -6
- package/dist/kdesign.min.js.map +1 -1
- package/es/carousel/style/index.css +4 -0
- package/es/carousel/style/index.less +31 -5
- package/es/cascader/cascader.js +63 -62
- package/es/cascader/style/index.css +16 -6
- package/es/cascader/style/index.less +20 -6
- package/es/collapse/collapse.d.ts +1 -1
- package/es/dropdown/dropdown.d.ts +1 -0
- package/es/dropdown/dropdown.js +22 -7
- package/es/input/ClearableLabeledInput.js +9 -1
- package/es/select/option.js +6 -2
- package/es/select/select.js +32 -14
- package/es/select/style/index.css +2 -8
- package/es/select/style/index.less +3 -10
- package/es/upload/upload.js +87 -63
- package/lib/carousel/style/index.css +4 -0
- package/lib/carousel/style/index.less +31 -5
- package/lib/cascader/cascader.js +62 -61
- package/lib/cascader/style/index.css +16 -6
- package/lib/cascader/style/index.less +20 -6
- package/lib/collapse/collapse.d.ts +1 -1
- package/lib/dropdown/dropdown.d.ts +1 -0
- package/lib/dropdown/dropdown.js +22 -7
- package/lib/input/ClearableLabeledInput.js +8 -0
- package/lib/select/option.js +6 -2
- package/lib/select/select.js +32 -14
- package/lib/select/style/index.css +2 -8
- package/lib/select/style/index.less +3 -10
- package/lib/upload/upload.js +86 -62
- package/package.json +1 -1
package/dist/kdesign.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.7.
|
|
3
|
+
* @kdcloudjs/kdesign v1.7.18
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -6186,7 +6186,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6186
6186
|
|
|
6187
6187
|
|
|
6188
6188
|
|
|
6189
|
-
var _excluded = ["mode", "style", "options", "bordered", "disabled", "children", "loadData", "clearIcon", "className", "fieldNames", "placeholder", "defaultValue", "maxTagPlaceholder", "displayRender", "expandTrigger", "changeOnSelect", "dropdownRender", "notFoundContent", "getPopupContainer", "defaultPopupVisible", "onPopupVisibleChange", "onPopperVisibleChange", "prefixCls"];
|
|
6189
|
+
var _excluded = ["mode", "style", "options", "bordered", "disabled", "children", "loadData", "clearIcon", "className", "fieldNames", "placeholder", "defaultValue", "maxTagPlaceholder", "displayRender", "expandTrigger", "changeOnSelect", "dropdownRender", "notFoundContent", "getPopupContainer", "defaultPopupVisible", "onPopupVisibleChange", "onPopperVisibleChange", "prefixCls", "allowClear", "popupPlacement", "maxTagCount"];
|
|
6190
6190
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6191
6191
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6192
6192
|
|
|
@@ -6245,37 +6245,40 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6245
6245
|
onPopupVisibleChange = allProps.onPopupVisibleChange,
|
|
6246
6246
|
onPopperVisibleChange = allProps.onPopperVisibleChange,
|
|
6247
6247
|
customPrefixcls = allProps.prefixCls,
|
|
6248
|
+
customAllowClear = allProps.allowClear,
|
|
6249
|
+
popupPlacement = allProps.popupPlacement,
|
|
6250
|
+
maxTagCount = allProps.maxTagCount,
|
|
6248
6251
|
otherProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(allProps, _excluded);
|
|
6249
6252
|
|
|
6250
6253
|
// className前缀
|
|
6251
6254
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'cascader', customPrefixcls);
|
|
6252
|
-
var pickerRef =
|
|
6253
|
-
var triggerRef =
|
|
6254
|
-
var wrapperRef =
|
|
6255
|
+
var pickerRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
|
|
6256
|
+
var triggerRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
|
|
6257
|
+
var wrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
|
|
6255
6258
|
var mergeRef = ref || pickerRef;
|
|
6256
|
-
var
|
|
6257
|
-
|
|
6258
|
-
visible =
|
|
6259
|
-
setVisible =
|
|
6259
|
+
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(!!props.popperVisible || !!props.popupVisible || defaultPopupVisible),
|
|
6260
|
+
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState, 2),
|
|
6261
|
+
visible = _useState2[0],
|
|
6262
|
+
setVisible = _useState2[1];
|
|
6260
6263
|
react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
|
|
6261
6264
|
setVisible(!!props.popperVisible || !!props.popupVisible);
|
|
6262
6265
|
}, [props.popperVisible, props.popupVisible]);
|
|
6263
|
-
var
|
|
6264
|
-
|
|
6265
|
-
menus =
|
|
6266
|
-
setMenus =
|
|
6267
|
-
var
|
|
6268
|
-
|
|
6269
|
-
currentOptions =
|
|
6270
|
-
setCurrentOptions =
|
|
6271
|
-
var
|
|
6272
|
-
|
|
6273
|
-
selectedOptions =
|
|
6274
|
-
setSelectedOptions =
|
|
6275
|
-
var
|
|
6276
|
-
|
|
6277
|
-
value =
|
|
6278
|
-
setValue =
|
|
6266
|
+
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([options]),
|
|
6267
|
+
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState3, 2),
|
|
6268
|
+
menus = _useState4[0],
|
|
6269
|
+
setMenus = _useState4[1];
|
|
6270
|
+
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([]),
|
|
6271
|
+
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState5, 2),
|
|
6272
|
+
currentOptions = _useState6[0],
|
|
6273
|
+
setCurrentOptions = _useState6[1];
|
|
6274
|
+
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([]),
|
|
6275
|
+
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState7, 2),
|
|
6276
|
+
selectedOptions = _useState8[0],
|
|
6277
|
+
setSelectedOptions = _useState8[1];
|
|
6278
|
+
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(props.value || defaultValue || []),
|
|
6279
|
+
_useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState9, 2),
|
|
6280
|
+
value = _useState10[0],
|
|
6281
|
+
setValue = _useState10[1];
|
|
6279
6282
|
react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
|
|
6280
6283
|
props.value && setValue(props.value);
|
|
6281
6284
|
}, [props.value]);
|
|
@@ -6377,37 +6380,10 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6377
6380
|
});
|
|
6378
6381
|
});
|
|
6379
6382
|
}, [currentOptions, isMultiple]);
|
|
6380
|
-
var allowClear =
|
|
6381
|
-
var locatorProps = {
|
|
6382
|
-
style: style,
|
|
6383
|
-
tabIndex: 0,
|
|
6384
|
-
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker"), className, {
|
|
6385
|
-
expand: visible,
|
|
6386
|
-
allowClear: allowClear,
|
|
6387
|
-
disabled: disabled
|
|
6388
|
-
})
|
|
6389
|
-
};
|
|
6383
|
+
var allowClear = customAllowClear && value.length > 0;
|
|
6390
6384
|
var handleClear = function handleClear() {
|
|
6391
6385
|
onChange([]);
|
|
6392
6386
|
};
|
|
6393
|
-
var inputProps = {
|
|
6394
|
-
value: value,
|
|
6395
|
-
placeholder: placeholder,
|
|
6396
|
-
readOnly: true,
|
|
6397
|
-
disabled: disabled,
|
|
6398
|
-
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker-input"), {
|
|
6399
|
-
expand: visible
|
|
6400
|
-
}),
|
|
6401
|
-
suffix: props.suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
|
|
6402
|
-
type: "arrow-down",
|
|
6403
|
-
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()({
|
|
6404
|
-
expand: visible
|
|
6405
|
-
})
|
|
6406
|
-
})
|
|
6407
|
-
};
|
|
6408
|
-
if (bordered) {
|
|
6409
|
-
inputProps.borderType = 'bordered';
|
|
6410
|
-
}
|
|
6411
6387
|
var renderSuffix = function renderSuffix() {
|
|
6412
6388
|
var _classNames;
|
|
6413
6389
|
var suffixIcon = allProps.suffixIcon;
|
|
@@ -6445,8 +6421,6 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6445
6421
|
};
|
|
6446
6422
|
var renderMultiple = function renderMultiple() {
|
|
6447
6423
|
var _classNames3, _classNames4;
|
|
6448
|
-
var maxTagCount = allProps.maxTagCount,
|
|
6449
|
-
maxTagPlaceholder = allProps.maxTagPlaceholder;
|
|
6450
6424
|
var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames3 = {
|
|
6451
6425
|
disabled: disabled
|
|
6452
6426
|
}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames3, "".concat(prefixCls, "-multiple"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames3, "".concat(prefixCls, "-bordered"), bordered), _classNames3));
|
|
@@ -6485,19 +6459,44 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6485
6459
|
}, renderSuffix())));
|
|
6486
6460
|
};
|
|
6487
6461
|
var renderSingle = function renderSingle() {
|
|
6488
|
-
|
|
6462
|
+
var inputProps = {
|
|
6463
|
+
value: value,
|
|
6464
|
+
placeholder: placeholder,
|
|
6465
|
+
readOnly: true,
|
|
6466
|
+
borderType: bordered ? 'bordered' : 'underline',
|
|
6467
|
+
disabled: disabled,
|
|
6468
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker-input"), {
|
|
6469
|
+
expand: visible
|
|
6470
|
+
}),
|
|
6471
|
+
suffix: props.suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
|
|
6472
|
+
type: "arrow-down",
|
|
6473
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()({
|
|
6474
|
+
expand: visible
|
|
6475
|
+
})
|
|
6476
|
+
})
|
|
6477
|
+
};
|
|
6478
|
+
var singleProps = {
|
|
6479
|
+
style: style,
|
|
6480
|
+
tabIndex: 0,
|
|
6481
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker"), className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()({
|
|
6482
|
+
expand: visible,
|
|
6483
|
+
allowClear: allowClear,
|
|
6484
|
+
disabled: disabled
|
|
6485
|
+
}, "".concat(prefixCls, "-bordered"), bordered))
|
|
6486
|
+
};
|
|
6487
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, singleProps, {
|
|
6489
6488
|
ref: mergeRef
|
|
6490
6489
|
}, otherProps), react__WEBPACK_IMPORTED_MODULE_17___default.a.Children.count(children) === 1 && children.type ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.cloneElement(children, {
|
|
6491
6490
|
ref: triggerRef
|
|
6492
|
-
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("
|
|
6491
|
+
}) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", {
|
|
6493
6492
|
ref: triggerRef
|
|
6494
6493
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_23__["default"], inputProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
|
|
6495
6494
|
className: "".concat(prefixCls, "-picker-label")
|
|
6496
|
-
}, labels !== null && labels !== void 0 && labels.length ? displayRender(labels, currentOptions) : '')
|
|
6495
|
+
}, labels !== null && labels !== void 0 && labels.length ? displayRender(labels, currentOptions) : ''), allowClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
|
|
6497
6496
|
type: "close-solid",
|
|
6498
6497
|
className: "".concat(prefixCls, "-picker-close"),
|
|
6499
6498
|
onClick: handleClear
|
|
6500
|
-
})));
|
|
6499
|
+
}))));
|
|
6501
6500
|
};
|
|
6502
6501
|
var cascaderLocator = isMultiple ? renderMultiple() : renderSingle();
|
|
6503
6502
|
var onExpend = function onExpend(index, opt, opts) {
|
|
@@ -6543,8 +6542,10 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6543
6542
|
var value = _ref5[fieldNames.value];
|
|
6544
6543
|
return value;
|
|
6545
6544
|
});
|
|
6546
|
-
|
|
6547
|
-
|
|
6545
|
+
if (typeof props.value === 'undefined') {
|
|
6546
|
+
setCurrentOptions(selectedOptions);
|
|
6547
|
+
setValue(selectedValue);
|
|
6548
|
+
}
|
|
6548
6549
|
props.onChange && props.onChange(selectedValue, selectedOptions);
|
|
6549
6550
|
};
|
|
6550
6551
|
var onVisibleChange = function onVisibleChange(visible) {
|
|
@@ -6609,7 +6610,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
|
|
|
6609
6610
|
trigger: 'click',
|
|
6610
6611
|
getPopupContainer: getPopupContainer,
|
|
6611
6612
|
prefixCls: "".concat(prefixCls, "-menus"),
|
|
6612
|
-
placement: allProps.popperPlacement ||
|
|
6613
|
+
placement: allProps.popperPlacement || popupPlacement,
|
|
6613
6614
|
popperClassName: allProps.popperClassName || allProps.popupClassName,
|
|
6614
6615
|
getTriggerElement: function getTriggerElement() {
|
|
6615
6616
|
return triggerRef.current;
|
|
@@ -15658,10 +15659,12 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
|
|
|
15658
15659
|
onItemClick = allProps.onItemClick,
|
|
15659
15660
|
defaultVisible = allProps.defaultVisible,
|
|
15660
15661
|
onVisibleChange = allProps.onVisibleChange,
|
|
15661
|
-
|
|
15662
|
-
|
|
15663
|
-
|
|
15662
|
+
trigger = allProps.trigger,
|
|
15663
|
+
customPrefixcls = allProps.prefixCls,
|
|
15664
|
+
menuAnimation = allProps.menuAnimation,
|
|
15665
|
+
popperStyle = allProps.popperStyle;
|
|
15664
15666
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'dropdown', customPrefixcls);
|
|
15667
|
+
var innerAnimation = typeof menuAnimation === 'boolean' ? menuAnimation : trigger !== 'contextMenu';
|
|
15665
15668
|
var _React$useState = react__WEBPACK_IMPORTED_MODULE_11__["useState"](!!props.visible || defaultVisible),
|
|
15666
15669
|
_React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
|
|
15667
15670
|
visible = _React$useState2[0],
|
|
@@ -15669,10 +15672,23 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
|
|
|
15669
15672
|
react__WEBPACK_IMPORTED_MODULE_11__["useEffect"](function () {
|
|
15670
15673
|
setVisible(!!props.visible);
|
|
15671
15674
|
}, [props.visible]);
|
|
15675
|
+
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
15676
|
+
props.visible === undefined && setVisible(visible);
|
|
15677
|
+
onVisibleChange && onVisibleChange(visible);
|
|
15678
|
+
};
|
|
15672
15679
|
var child = children && (children === null || children === void 0 ? void 0 : (_children$type = children.type) === null || _children$type === void 0 ? void 0 : _children$type.displayName) === 'Input' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", {
|
|
15673
15680
|
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-trigger"), "".concat(prefixCls, "-trigger-container")),
|
|
15674
15681
|
ref: ref
|
|
15675
|
-
},
|
|
15682
|
+
}, trigger === 'focus' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_11__["Children"].only(children), {
|
|
15683
|
+
onFocus: function onFocus(e) {
|
|
15684
|
+
children.props.onFocus && children.props.onFocus(e);
|
|
15685
|
+
handleVisibleChange(true);
|
|
15686
|
+
},
|
|
15687
|
+
onBlur: function onBlur(e) {
|
|
15688
|
+
children.props.onBlur && children.props.onBlur(e);
|
|
15689
|
+
handleVisibleChange(false);
|
|
15690
|
+
}
|
|
15691
|
+
}) : children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_11__["Children"].only(children), {
|
|
15676
15692
|
ref: children.ref || ref,
|
|
15677
15693
|
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-trigger"), children.props.className, {
|
|
15678
15694
|
disabled: disabled
|
|
@@ -15739,13 +15755,12 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
|
|
|
15739
15755
|
role: "menuitem"
|
|
15740
15756
|
}, href === undefined || disabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", null, label) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("a", alinkProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", null, label)));
|
|
15741
15757
|
}));
|
|
15742
|
-
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
15743
|
-
props.visible === undefined && setVisible(visible);
|
|
15744
|
-
onVisibleChange && onVisibleChange(visible);
|
|
15745
|
-
};
|
|
15746
15758
|
var popperProps = _objectSpread(_objectSpread({}, allProps), {}, {
|
|
15747
15759
|
visible: visible,
|
|
15748
15760
|
prefixCls: prefixCls,
|
|
15761
|
+
popperStyle: innerAnimation ? popperStyle : _objectSpread({
|
|
15762
|
+
animation: 'none'
|
|
15763
|
+
}, popperStyle),
|
|
15749
15764
|
onVisibleChange: handleVisibleChange
|
|
15750
15765
|
});
|
|
15751
15766
|
return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_16__["default"])(child, menuElement, popperProps);
|
|
@@ -20902,6 +20917,7 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
20902
20917
|
inputCount = props.inputCount,
|
|
20903
20918
|
count = props.count,
|
|
20904
20919
|
status = props.status;
|
|
20920
|
+
var fixRef = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(null);
|
|
20905
20921
|
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(false),
|
|
20906
20922
|
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
|
|
20907
20923
|
isMouseEnter = _useState2[0],
|
|
@@ -20916,6 +20932,11 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
20916
20932
|
e.stopPropagation();
|
|
20917
20933
|
e.preventDefault();
|
|
20918
20934
|
};
|
|
20935
|
+
var clickHandle = function clickHandle(e) {
|
|
20936
|
+
var _fixRef$current, _fixRef$current$query;
|
|
20937
|
+
e.stopPropagation();
|
|
20938
|
+
(_fixRef$current = fixRef.current) === null || _fixRef$current === void 0 ? void 0 : (_fixRef$current$query = _fixRef$current.querySelector('input')) === null || _fixRef$current$query === void 0 ? void 0 : _fixRef$current$query.focus();
|
|
20939
|
+
};
|
|
20919
20940
|
var renderClearIcon = function renderClearIcon() {
|
|
20920
20941
|
var _classNames;
|
|
20921
20942
|
if (!allowClear) {
|
|
@@ -20957,7 +20978,9 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
20957
20978
|
var inputWrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-focused"), focused && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-error"), status === 'error'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-disabled"), disabled), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, className, className && !addonBefore && !addonAfter));
|
|
20958
20979
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
|
|
20959
20980
|
className: inputWrapperClasses,
|
|
20981
|
+
ref: fixRef,
|
|
20960
20982
|
style: style,
|
|
20983
|
+
onClick: clickHandle,
|
|
20961
20984
|
onMouseEnter: mouseEnterHandle,
|
|
20962
20985
|
onMouseLeave: mouseLeaveHandle
|
|
20963
20986
|
}, prefixNode, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.cloneElement(originElement, {
|
|
@@ -28275,9 +28298,12 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
28275
28298
|
}
|
|
28276
28299
|
onChangeSelect && onChangeSelect(value, children, isSelected);
|
|
28277
28300
|
};
|
|
28278
|
-
var
|
|
28301
|
+
var handleOnMouseEnter = function handleOnMouseEnter() {
|
|
28279
28302
|
onChangeActiveIndex && onChangeActiveIndex(index);
|
|
28280
28303
|
};
|
|
28304
|
+
var handleOnMouseLeave = function handleOnMouseLeave() {
|
|
28305
|
+
onChangeActiveIndex && onChangeActiveIndex(-1);
|
|
28306
|
+
};
|
|
28281
28307
|
var titleText = title || (_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(children) !== 'object' ? children : null);
|
|
28282
28308
|
var checkStyle = {
|
|
28283
28309
|
minHeight: '22px',
|
|
@@ -28288,7 +28314,8 @@ var InternalOption = function InternalOption(props, ref) {
|
|
|
28288
28314
|
className: optionCls,
|
|
28289
28315
|
title: titleText,
|
|
28290
28316
|
onClick: handleClick,
|
|
28291
|
-
|
|
28317
|
+
onMouseEnter: handleOnMouseEnter,
|
|
28318
|
+
onMouseLeave: handleOnMouseLeave
|
|
28292
28319
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
|
|
28293
28320
|
className: contentCls
|
|
28294
28321
|
}, isMultiple ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Checkbox"], {
|
|
@@ -28433,7 +28460,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28433
28460
|
children = selectProps.children,
|
|
28434
28461
|
options = selectProps.options,
|
|
28435
28462
|
placeholder = selectProps.placeholder,
|
|
28436
|
-
|
|
28463
|
+
_selectProps$dropdown = selectProps.dropdownStyle,
|
|
28464
|
+
dropdownStyle = _selectProps$dropdown === void 0 ? {} : _selectProps$dropdown,
|
|
28437
28465
|
style = selectProps.style,
|
|
28438
28466
|
clearIcon = selectProps.clearIcon,
|
|
28439
28467
|
filterOption = selectProps.filterOption,
|
|
@@ -28462,6 +28490,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28462
28490
|
selectMulOpts: []
|
|
28463
28491
|
}); // 多选ref已选中项
|
|
28464
28492
|
var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
28493
|
+
var clearRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
|
|
28465
28494
|
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])([]),
|
|
28466
28495
|
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState, 2),
|
|
28467
28496
|
mulOptions = _useState2[0],
|
|
@@ -28506,7 +28535,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28506
28535
|
var multipleFooterCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
|
|
28507
28536
|
|
|
28508
28537
|
// 多选,单选公共样式
|
|
28509
|
-
var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch), _classNames6));
|
|
28538
|
+
var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch && focusd), _classNames6));
|
|
28510
28539
|
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28511
28540
|
if (typeof props.visible !== 'undefined') {
|
|
28512
28541
|
setOptionShow(props.visible);
|
|
@@ -28670,6 +28699,9 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28670
28699
|
if (isMultiple) {
|
|
28671
28700
|
var _searchRef$current;
|
|
28672
28701
|
(_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
|
|
28702
|
+
} else {
|
|
28703
|
+
var _searchRef$current2;
|
|
28704
|
+
(_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.blur();
|
|
28673
28705
|
}
|
|
28674
28706
|
var optionsObj = obj.props ? obj.props : obj || {};
|
|
28675
28707
|
if (value !== undefined) {
|
|
@@ -28832,17 +28864,17 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28832
28864
|
var renderSuffix = function renderSuffix() {
|
|
28833
28865
|
var _classNames7;
|
|
28834
28866
|
var suffixIcon = selectProps.suffixIcon;
|
|
28835
|
-
var selectedVal = multipleRef.current.selectedVal;
|
|
28836
28867
|
// 选择器下拉icon样式
|
|
28837
28868
|
var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames7 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames7, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames7));
|
|
28838
|
-
var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (
|
|
28869
|
+
var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (singleVal !== null && singleVal !== void 0 ? singleVal : '') !== '') || searchValue);
|
|
28839
28870
|
var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
28840
28871
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
28841
28872
|
onClick: handleReset,
|
|
28842
28873
|
onMouseDown: function onMouseDown(e) {
|
|
28843
28874
|
return e.preventDefault();
|
|
28844
28875
|
},
|
|
28845
|
-
className: clearIconCls
|
|
28876
|
+
className: clearIconCls,
|
|
28877
|
+
ref: clearRef
|
|
28846
28878
|
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Icon"], {
|
|
28847
28879
|
type: "close-solid"
|
|
28848
28880
|
})), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
@@ -28899,8 +28931,8 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28899
28931
|
};
|
|
28900
28932
|
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
28901
28933
|
if (isShowSearch && autoFocus && !disabled) {
|
|
28902
|
-
var _searchRef$
|
|
28903
|
-
(_searchRef$
|
|
28934
|
+
var _searchRef$current3;
|
|
28935
|
+
(_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.focus();
|
|
28904
28936
|
}
|
|
28905
28937
|
}, [isShowSearch, autoFocus, disabled]);
|
|
28906
28938
|
var optionsListRef = react__WEBPACK_IMPORTED_MODULE_19___default.a.useRef(null);
|
|
@@ -28939,9 +28971,6 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28939
28971
|
maxHeight: listHeight || '300px'
|
|
28940
28972
|
};
|
|
28941
28973
|
// 下拉框style属性
|
|
28942
|
-
var dropDownStyle = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({
|
|
28943
|
-
width: style === null || style === void 0 ? void 0 : style.width
|
|
28944
|
-
}, dropdownStyle);
|
|
28945
28974
|
var checkboxStyle = {
|
|
28946
28975
|
height: '30px',
|
|
28947
28976
|
background: 'none'
|
|
@@ -28950,7 +28979,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28950
28979
|
var checked = mulOptions.length === filledOptions.length;
|
|
28951
28980
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
28952
28981
|
className: dropDownCls,
|
|
28953
|
-
style:
|
|
28982
|
+
style: dropdownStyle,
|
|
28954
28983
|
ref: dropDownRef
|
|
28955
28984
|
}, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && realChildren.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
28956
28985
|
className: multipleFooterCls
|
|
@@ -29116,7 +29145,18 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29116
29145
|
onDropdownVisibleChange && onDropdownVisibleChange(true);
|
|
29117
29146
|
}
|
|
29118
29147
|
}, [optionShow]);
|
|
29119
|
-
|
|
29148
|
+
Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
|
|
29149
|
+
var _clearRef$current;
|
|
29150
|
+
var fn = function fn(e) {
|
|
29151
|
+
e.stopPropagation();
|
|
29152
|
+
};
|
|
29153
|
+
(_clearRef$current = clearRef.current) === null || _clearRef$current === void 0 ? void 0 : _clearRef$current.addEventListener('mouseup', fn);
|
|
29154
|
+
return function () {
|
|
29155
|
+
var _clearRef$current2;
|
|
29156
|
+
(_clearRef$current2 = clearRef.current) === null || _clearRef$current2 === void 0 ? void 0 : _clearRef$current2.removeEventListener('mouseup', fn);
|
|
29157
|
+
};
|
|
29158
|
+
}, [singleVal, mulOptions]);
|
|
29159
|
+
var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(isShowSearch ? getActiveIndex(0) : -1),
|
|
29120
29160
|
_useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState13, 2),
|
|
29121
29161
|
activeIndex = _useState14[0],
|
|
29122
29162
|
setActiveIndex = _useState14[1];
|
|
@@ -29195,12 +29235,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29195
29235
|
className: selectionCls,
|
|
29196
29236
|
tabIndex: disabled ? -1 : 0,
|
|
29197
29237
|
onFocus: function onFocus() {
|
|
29198
|
-
var _searchRef$
|
|
29199
|
-
return (_searchRef$
|
|
29238
|
+
var _searchRef$current4;
|
|
29239
|
+
return (_searchRef$current4 = searchRef.current) === null || _searchRef$current4 === void 0 ? void 0 : _searchRef$current4.focus();
|
|
29200
29240
|
},
|
|
29201
29241
|
onBlur: function onBlur() {
|
|
29202
|
-
var _searchRef$
|
|
29203
|
-
return (_searchRef$
|
|
29242
|
+
var _searchRef$current5;
|
|
29243
|
+
return (_searchRef$current5 = searchRef.current) === null || _searchRef$current5 === void 0 ? void 0 : _searchRef$current5.blur();
|
|
29204
29244
|
},
|
|
29205
29245
|
onKeyDown: onInternalKeyDown
|
|
29206
29246
|
}, !isMultiple ? renderSingle() : renderMultiple()));
|
|
@@ -29210,13 +29250,19 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29210
29250
|
var _selectRef$current;
|
|
29211
29251
|
var _selectRef$current$ge = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.getBoundingClientRect(),
|
|
29212
29252
|
width = _selectRef$current$ge.width;
|
|
29213
|
-
return _objectSpread({
|
|
29214
|
-
|
|
29253
|
+
return _objectSpread(_objectSpread({
|
|
29254
|
+
minWidth: width,
|
|
29255
|
+
maxWidth: 600
|
|
29256
|
+
}, dropdownStyle), {}, {
|
|
29257
|
+
width: (dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.width) || 'auto',
|
|
29215
29258
|
zIndex: 1050
|
|
29216
29259
|
}, popperStyle);
|
|
29217
29260
|
}
|
|
29218
29261
|
};
|
|
29219
29262
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
29263
|
+
if (!visible) {
|
|
29264
|
+
setActiveIndex(isShowSearch ? getActiveIndex(0) : -1);
|
|
29265
|
+
}
|
|
29220
29266
|
if (visible !== optionShow) {
|
|
29221
29267
|
props.visible === undefined && setOptionShow(visible);
|
|
29222
29268
|
onVisibleChange && onVisibleChange(visible);
|
|
@@ -37860,63 +37906,74 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
37860
37906
|
|
|
37861
37907
|
"use strict";
|
|
37862
37908
|
__webpack_require__.r(__webpack_exports__);
|
|
37863
|
-
/* harmony import */ var
|
|
37864
|
-
/* harmony import */ var
|
|
37865
|
-
/* harmony import */ var
|
|
37866
|
-
/* harmony import */ var
|
|
37867
|
-
/* harmony import */ var
|
|
37868
|
-
/* harmony import */ var
|
|
37869
|
-
/* harmony import */ var
|
|
37870
|
-
/* harmony import */ var
|
|
37871
|
-
/* harmony import */ var
|
|
37872
|
-
/* harmony import */ var
|
|
37873
|
-
/* harmony import */ var
|
|
37874
|
-
/* harmony import */ var
|
|
37875
|
-
/* harmony import */ var
|
|
37876
|
-
/* harmony import */ var
|
|
37877
|
-
/* harmony import */ var
|
|
37878
|
-
/* harmony import */ var
|
|
37879
|
-
/* harmony import */ var
|
|
37880
|
-
/* harmony import */ var
|
|
37881
|
-
/* harmony import */ var
|
|
37882
|
-
/* harmony import */ var
|
|
37883
|
-
/* harmony import */ var
|
|
37884
|
-
/* harmony import */ var
|
|
37885
|
-
/* harmony import */ var
|
|
37886
|
-
/* harmony import */ var
|
|
37887
|
-
/* harmony import */ var
|
|
37888
|
-
/* harmony import */ var
|
|
37889
|
-
/* harmony import */ var
|
|
37890
|
-
/* harmony import */ var
|
|
37891
|
-
/* harmony import */ var
|
|
37892
|
-
/* harmony import */ var
|
|
37893
|
-
/* harmony import */ var
|
|
37894
|
-
/* harmony import */ var
|
|
37895
|
-
/* harmony import */ var
|
|
37896
|
-
/* harmony import */ var
|
|
37897
|
-
/* harmony import */ var
|
|
37898
|
-
/* harmony import */ var
|
|
37899
|
-
/* harmony import */ var
|
|
37900
|
-
/* harmony import */ var
|
|
37901
|
-
/* harmony import */ var
|
|
37902
|
-
/* harmony import */ var
|
|
37903
|
-
/* harmony import */ var
|
|
37904
|
-
/* harmony import */ var
|
|
37905
|
-
/* harmony import */ var
|
|
37906
|
-
/* harmony import */ var
|
|
37907
|
-
/* harmony import */ var
|
|
37908
|
-
/* harmony import */ var
|
|
37909
|
-
/* harmony import */ var
|
|
37910
|
-
/* harmony import */ var
|
|
37911
|
-
/* harmony import */ var
|
|
37912
|
-
/* harmony import */ var
|
|
37913
|
-
/* harmony import */ var
|
|
37909
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
37910
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
37911
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
37912
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
37913
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
37914
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
37915
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
37916
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__);
|
|
37917
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
37918
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__);
|
|
37919
|
+
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js");
|
|
37920
|
+
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_5__);
|
|
37921
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
|
|
37922
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__);
|
|
37923
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
|
|
37924
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7__);
|
|
37925
|
+
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
|
|
37926
|
+
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_8__);
|
|
37927
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
37928
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
37929
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
37930
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
37931
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
37932
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
37933
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
37934
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
37935
|
+
/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
|
|
37936
|
+
/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_13__);
|
|
37937
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
|
|
37938
|
+
/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_14__);
|
|
37939
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
|
|
37940
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_15__);
|
|
37941
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
|
|
37942
|
+
/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16__);
|
|
37943
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
|
|
37944
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__);
|
|
37945
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
|
|
37946
|
+
/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_18__);
|
|
37947
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
37948
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__);
|
|
37949
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
|
|
37950
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_20__);
|
|
37951
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
37952
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_21__);
|
|
37953
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react */ "react");
|
|
37954
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_22__);
|
|
37955
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
37956
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_23__);
|
|
37957
|
+
/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
|
|
37958
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
37959
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
|
|
37960
|
+
/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./request */ "./components/upload/request.ts");
|
|
37961
|
+
/* harmony import */ var _verify_file__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./verify-file */ "./components/upload/verify-file.ts");
|
|
37962
|
+
/* harmony import */ var _scan_files__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./scan-files */ "./components/upload/scan-files.ts");
|
|
37963
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./utils */ "./components/upload/utils.ts");
|
|
37964
|
+
/* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../image */ "./components/image/index.tsx");
|
|
37965
|
+
/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../progress */ "./components/progress/index.tsx");
|
|
37966
|
+
|
|
37967
|
+
|
|
37968
|
+
|
|
37914
37969
|
|
|
37915
37970
|
|
|
37916
37971
|
|
|
37917
37972
|
|
|
37918
37973
|
|
|
37919
37974
|
var _this = undefined;
|
|
37975
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
37976
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37920
37977
|
|
|
37921
37978
|
|
|
37922
37979
|
|
|
@@ -37966,13 +38023,12 @@ function abort(file) {
|
|
|
37966
38023
|
}
|
|
37967
38024
|
var InternalUpload = function InternalUpload(props, ref) {
|
|
37968
38025
|
var _classNames;
|
|
37969
|
-
var
|
|
37970
|
-
getPrefixCls =
|
|
37971
|
-
pkgPrefixCls =
|
|
37972
|
-
userDefaultProps =
|
|
37973
|
-
var
|
|
37974
|
-
var
|
|
37975
|
-
var allProps = Object(_utils__WEBPACK_IMPORTED_MODULE_22__["getCompProps"])('Upload', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
|
|
38026
|
+
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_22__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_24__["default"]),
|
|
38027
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
38028
|
+
pkgPrefixCls = _useContext.prefixCls,
|
|
38029
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
38030
|
+
var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_22__["useRef"])(null);
|
|
38031
|
+
var allProps = Object(_utils__WEBPACK_IMPORTED_MODULE_25__["getCompProps"])('Upload', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
|
|
37976
38032
|
|
|
37977
38033
|
var type = allProps.type,
|
|
37978
38034
|
style = allProps.style,
|
|
@@ -37988,15 +38044,15 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
37988
38044
|
showUploadList = allProps.showUploadList,
|
|
37989
38045
|
customPrefixcls = allProps.prefixCls,
|
|
37990
38046
|
onPreview = allProps.onPreview;
|
|
37991
|
-
var
|
|
37992
|
-
|
|
37993
|
-
fileList =
|
|
37994
|
-
setFileList =
|
|
37995
|
-
var hasChildren = children &&
|
|
37996
|
-
|
|
38047
|
+
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_22__["useState"])(props.fileList || props.defaultFileList || []),
|
|
38048
|
+
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7___default()(_useState, 2),
|
|
38049
|
+
fileList = _useState2[0],
|
|
38050
|
+
setFileList = _useState2[1];
|
|
38051
|
+
var hasChildren = children && react__WEBPACK_IMPORTED_MODULE_22__["Children"].toArray(children).length > 0;
|
|
38052
|
+
Object(react__WEBPACK_IMPORTED_MODULE_22__["useEffect"])(function () {
|
|
37997
38053
|
props.fileList && setFileList(props.fileList);
|
|
37998
38054
|
}, [props.fileList]);
|
|
37999
|
-
|
|
38055
|
+
Object(react__WEBPACK_IMPORTED_MODULE_22__["useEffect"])(function () {
|
|
38000
38056
|
return abort;
|
|
38001
38057
|
}, []);
|
|
38002
38058
|
var onClick = function onClick(e) {
|
|
@@ -38016,19 +38072,21 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38016
38072
|
});
|
|
38017
38073
|
};
|
|
38018
38074
|
var uploadFiles = function uploadFiles(files) {
|
|
38019
|
-
|
|
38020
|
-
|
|
38021
|
-
|
|
38075
|
+
if (Array.isArray(files) && files.length) {
|
|
38076
|
+
files.forEach(function (file) {
|
|
38077
|
+
file.originFileObj = new File([file], file.name, {
|
|
38078
|
+
type: file.type
|
|
38079
|
+
});
|
|
38080
|
+
file.uid = getUid();
|
|
38081
|
+
file.status = 'notStart';
|
|
38082
|
+
file.fileName = allProps.name || file.name;
|
|
38022
38083
|
});
|
|
38023
|
-
|
|
38024
|
-
|
|
38025
|
-
|
|
38026
|
-
|
|
38027
|
-
|
|
38028
|
-
|
|
38029
|
-
props.fileList === undefined && setFileList(fileList);
|
|
38030
|
-
upload(file, newFileList);
|
|
38031
|
-
});
|
|
38084
|
+
var newFileList = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(fileList), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(files));
|
|
38085
|
+
files.forEach(function (file) {
|
|
38086
|
+
props.fileList === undefined && setFileList(fileList);
|
|
38087
|
+
upload(file, newFileList);
|
|
38088
|
+
});
|
|
38089
|
+
}
|
|
38032
38090
|
};
|
|
38033
38091
|
var upload = function upload(file, fileList) {
|
|
38034
38092
|
if (props.beforeUpload) {
|
|
@@ -38089,7 +38147,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38089
38147
|
console.error(e);
|
|
38090
38148
|
});
|
|
38091
38149
|
transform.then(function (_ref) {
|
|
38092
|
-
var _ref2 =
|
|
38150
|
+
var _ref2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7___default()(_ref, 2),
|
|
38093
38151
|
transformedFile = _ref2[0],
|
|
38094
38152
|
data = _ref2[1];
|
|
38095
38153
|
var requestOptions = {
|
|
@@ -38120,9 +38178,9 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38120
38178
|
onFileListChange(file, fileList);
|
|
38121
38179
|
},
|
|
38122
38180
|
onSuccess: function () {
|
|
38123
|
-
var _onSuccess2 =
|
|
38181
|
+
var _onSuccess2 = _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_5___default()( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_8___default.a.mark(function _callee(response, xhr) {
|
|
38124
38182
|
var url;
|
|
38125
|
-
return
|
|
38183
|
+
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_8___default.a.wrap(function _callee$(_context) {
|
|
38126
38184
|
while (1) switch (_context.prev = _context.next) {
|
|
38127
38185
|
case 0:
|
|
38128
38186
|
file.status = 'done';
|
|
@@ -38133,7 +38191,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38133
38191
|
break;
|
|
38134
38192
|
}
|
|
38135
38193
|
_context.next = 6;
|
|
38136
|
-
return Object(
|
|
38194
|
+
return Object(_utils__WEBPACK_IMPORTED_MODULE_30__["getBase64"])(file);
|
|
38137
38195
|
case 6:
|
|
38138
38196
|
url = _context.sent;
|
|
38139
38197
|
file.url = url;
|
|
@@ -38157,44 +38215,57 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38157
38215
|
}()
|
|
38158
38216
|
};
|
|
38159
38217
|
onStart && onStart(file);
|
|
38160
|
-
reqs[uid] = Object(
|
|
38218
|
+
reqs[uid] = Object(_request__WEBPACK_IMPORTED_MODULE_27__["default"])(requestOptions);
|
|
38161
38219
|
});
|
|
38162
38220
|
});
|
|
38163
38221
|
};
|
|
38164
|
-
var handleRemove = function handleRemove(
|
|
38165
|
-
e.
|
|
38166
|
-
|
|
38167
|
-
|
|
38168
|
-
}
|
|
38169
|
-
if (
|
|
38170
|
-
var
|
|
38171
|
-
|
|
38172
|
-
|
|
38173
|
-
|
|
38174
|
-
|
|
38175
|
-
|
|
38176
|
-
|
|
38177
|
-
|
|
38178
|
-
|
|
38179
|
-
|
|
38180
|
-
|
|
38222
|
+
var handleRemove = function handleRemove(originFile) {
|
|
38223
|
+
var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
38224
|
+
if (e) {
|
|
38225
|
+
e.preventDefault();
|
|
38226
|
+
}
|
|
38227
|
+
if (originFile) {
|
|
38228
|
+
var file = _objectSpread(_objectSpread({}, originFile), {}, {
|
|
38229
|
+
status: 'removed'
|
|
38230
|
+
});
|
|
38231
|
+
var files = fileList.filter(function (fileItem) {
|
|
38232
|
+
return fileItem.uid !== file.uid;
|
|
38233
|
+
});
|
|
38234
|
+
if (onRemove) {
|
|
38235
|
+
var remove = onRemove(file);
|
|
38236
|
+
if (remove && typeof remove !== 'boolean' && remove.then) {
|
|
38237
|
+
remove.then(function (flag) {
|
|
38238
|
+
if (flag) {
|
|
38239
|
+
onFileListChange(file, files);
|
|
38240
|
+
abort(file);
|
|
38241
|
+
}
|
|
38242
|
+
}).catch(function (e) {
|
|
38243
|
+
console.log(e);
|
|
38244
|
+
});
|
|
38245
|
+
} else if (remove !== false) {
|
|
38246
|
+
onFileListChange(file, files);
|
|
38247
|
+
abort(file);
|
|
38248
|
+
}
|
|
38249
|
+
} else {
|
|
38181
38250
|
onFileListChange(file, files);
|
|
38182
38251
|
abort(file);
|
|
38183
38252
|
}
|
|
38184
|
-
} else {
|
|
38185
|
-
onFileListChange(file, files);
|
|
38186
|
-
abort(file);
|
|
38187
38253
|
}
|
|
38188
38254
|
};
|
|
38189
|
-
var handleReUpload = function handleReUpload(file
|
|
38190
|
-
e.
|
|
38191
|
-
|
|
38192
|
-
|
|
38193
|
-
|
|
38194
|
-
|
|
38195
|
-
|
|
38196
|
-
|
|
38197
|
-
|
|
38255
|
+
var handleReUpload = function handleReUpload(file) {
|
|
38256
|
+
var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
38257
|
+
if (e) {
|
|
38258
|
+
e.preventDefault();
|
|
38259
|
+
}
|
|
38260
|
+
if (file) {
|
|
38261
|
+
file.percent = 0;
|
|
38262
|
+
file.status = 'uploading';
|
|
38263
|
+
var files = fileList.map(function (fileItem) {
|
|
38264
|
+
return fileItem.uid === file.uid ? file : fileItem;
|
|
38265
|
+
});
|
|
38266
|
+
onFileListChange(file, files);
|
|
38267
|
+
upload(file, files);
|
|
38268
|
+
}
|
|
38198
38269
|
};
|
|
38199
38270
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'upload', customPrefixcls);
|
|
38200
38271
|
var inputFileProps = {
|
|
@@ -38207,17 +38278,17 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38207
38278
|
webkitdirectory: directory ? 'webkitdirectory' : undefined
|
|
38208
38279
|
};
|
|
38209
38280
|
var dragEvents = {};
|
|
38210
|
-
var
|
|
38211
|
-
|
|
38212
|
-
hover =
|
|
38213
|
-
setHover =
|
|
38281
|
+
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_22__["useState"])(false),
|
|
38282
|
+
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7___default()(_useState3, 2),
|
|
38283
|
+
hover = _useState4[0],
|
|
38284
|
+
setHover = _useState4[1];
|
|
38214
38285
|
if (type === 'drag') {
|
|
38215
38286
|
var onFileDrop = function onFileDrop(e) {
|
|
38216
38287
|
e.preventDefault();
|
|
38217
38288
|
setHover(false);
|
|
38218
38289
|
if (directory) {
|
|
38219
|
-
Object(
|
|
38220
|
-
return Object(
|
|
38290
|
+
Object(_scan_files__WEBPACK_IMPORTED_MODULE_29__["default"])(Array.prototype.slice.call(e.dataTransfer.items), function (file) {
|
|
38291
|
+
return Object(_verify_file__WEBPACK_IMPORTED_MODULE_28__["default"])(file, accept);
|
|
38221
38292
|
}, function (file) {
|
|
38222
38293
|
file.originFileObj = new File([file], file.type);
|
|
38223
38294
|
file.uid = getUid();
|
|
@@ -38229,7 +38300,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38229
38300
|
});
|
|
38230
38301
|
} else {
|
|
38231
38302
|
var files = Array.prototype.slice.call(e.dataTransfer.files).filter(function (file) {
|
|
38232
|
-
return Object(
|
|
38303
|
+
return Object(_verify_file__WEBPACK_IMPORTED_MODULE_28__["default"])(file, accept);
|
|
38233
38304
|
});
|
|
38234
38305
|
if (multiple === false) {
|
|
38235
38306
|
files = files.slice(0, 1);
|
|
@@ -38245,7 +38316,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38245
38316
|
dragEvents.onDragOver = onFileLeave;
|
|
38246
38317
|
dragEvents.onDragLeave = onFileLeave;
|
|
38247
38318
|
}
|
|
38248
|
-
|
|
38319
|
+
Object(react__WEBPACK_IMPORTED_MODULE_22__["useEffect"])(function () {
|
|
38249
38320
|
if (type === 'drag') {
|
|
38250
38321
|
var stopDrop = function stopDrop(e) {
|
|
38251
38322
|
return e.preventDefault();
|
|
@@ -38258,39 +38329,49 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38258
38329
|
};
|
|
38259
38330
|
}
|
|
38260
38331
|
}, [type]);
|
|
38261
|
-
|
|
38262
|
-
|
|
38332
|
+
Object(react__WEBPACK_IMPORTED_MODULE_22__["useImperativeHandle"])(ref, function () {
|
|
38333
|
+
return {
|
|
38334
|
+
fileList: fileList,
|
|
38335
|
+
uploadFiles: uploadFiles,
|
|
38336
|
+
reUploadFile: handleReUpload,
|
|
38337
|
+
removeFile: handleRemove,
|
|
38338
|
+
abortFile: abort,
|
|
38339
|
+
input: inputRef.current
|
|
38340
|
+
};
|
|
38341
|
+
});
|
|
38342
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("div", {
|
|
38343
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(prefixCls, {
|
|
38263
38344
|
disabled: disabled
|
|
38264
38345
|
}, className),
|
|
38265
38346
|
style: style
|
|
38266
|
-
}, listType === 'text' && hasChildren && /*#__PURE__*/
|
|
38267
|
-
className:
|
|
38268
|
-
}, dragEvents), /*#__PURE__*/
|
|
38347
|
+
}, listType === 'text' && hasChildren && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("label", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3___default()({
|
|
38348
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_23___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()(_classNames, "".concat(prefixCls, "-").concat(type), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()(_classNames, "hover", hover), _classNames))
|
|
38349
|
+
}, dragEvents), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
|
|
38269
38350
|
className: "".concat(prefixCls, "-handle")
|
|
38270
|
-
}, children), /*#__PURE__*/
|
|
38351
|
+
}, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
|
|
38271
38352
|
className: "".concat(prefixCls, "-input")
|
|
38272
|
-
}, /*#__PURE__*/
|
|
38353
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("input", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3___default()({
|
|
38273
38354
|
title: "",
|
|
38274
38355
|
type: "file"
|
|
38275
38356
|
}, inputFileProps, {
|
|
38276
|
-
ref:
|
|
38277
|
-
})))), (listType === 'picture' || !(listType === 'text' && (!showUploadList || !fileList.length))) && /*#__PURE__*/
|
|
38357
|
+
ref: inputRef
|
|
38358
|
+
})))), (listType === 'picture' || !(listType === 'text' && (!showUploadList || !fileList.length))) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("ul", {
|
|
38278
38359
|
className: "".concat(prefixCls, "-").concat(listType, "-list")
|
|
38279
|
-
}, listType === 'picture' && hasChildren && /*#__PURE__*/
|
|
38280
|
-
className:
|
|
38281
|
-
}, /*#__PURE__*/
|
|
38360
|
+
}, listType === 'picture' && hasChildren && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("li", {
|
|
38361
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_23___default()("".concat(prefixCls, "-").concat(listType, "-list-item"))
|
|
38362
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("label", {
|
|
38282
38363
|
className: "".concat(prefixCls, "-select")
|
|
38283
|
-
}, /*#__PURE__*/
|
|
38364
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
|
|
38284
38365
|
className: "".concat(prefixCls, "-handle")
|
|
38285
|
-
}, children), /*#__PURE__*/
|
|
38366
|
+
}, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
|
|
38286
38367
|
className: "".concat(prefixCls, "-input")
|
|
38287
|
-
}, /*#__PURE__*/
|
|
38368
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("input", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3___default()({
|
|
38288
38369
|
title: "",
|
|
38289
38370
|
type: "file"
|
|
38290
38371
|
}, inputFileProps, {
|
|
38291
|
-
ref:
|
|
38372
|
+
ref: inputRef
|
|
38292
38373
|
}))))), showUploadList && fileList.map(function (file) {
|
|
38293
|
-
return itemRender ? itemRender( /*#__PURE__*/
|
|
38374
|
+
return itemRender ? itemRender( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(Item, {
|
|
38294
38375
|
file: file,
|
|
38295
38376
|
prefixCls: prefixCls,
|
|
38296
38377
|
listType: listType,
|
|
@@ -38298,7 +38379,7 @@ var InternalUpload = function InternalUpload(props, ref) {
|
|
|
38298
38379
|
handleRemove: handleRemove,
|
|
38299
38380
|
disabled: disabled,
|
|
38300
38381
|
onPreview: onPreview
|
|
38301
|
-
}), file, setFileList) : /*#__PURE__*/
|
|
38382
|
+
}), file, setFileList) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(Item, {
|
|
38302
38383
|
key: file.uid,
|
|
38303
38384
|
file: file,
|
|
38304
38385
|
prefixCls: prefixCls,
|
|
@@ -38328,75 +38409,75 @@ var Item = function Item(_ref3) {
|
|
|
38328
38409
|
var handlePreview = function handlePreview() {
|
|
38329
38410
|
onPreview && onPreview(file);
|
|
38330
38411
|
};
|
|
38331
|
-
return /*#__PURE__*/
|
|
38332
|
-
className:
|
|
38412
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("li", {
|
|
38413
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_23___default()("".concat(prefixCls, "-").concat(listType, "-list-item"), {
|
|
38333
38414
|
error: file.status === 'error'
|
|
38334
38415
|
})
|
|
38335
|
-
}, listType === 'text' ? /*#__PURE__*/
|
|
38416
|
+
}, listType === 'text' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_22___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
|
|
38336
38417
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-icon"),
|
|
38337
38418
|
onClick: handlePreview
|
|
38338
|
-
}, /*#__PURE__*/
|
|
38419
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_26__["default"], {
|
|
38339
38420
|
spin: file.status === 'uploading',
|
|
38340
38421
|
type: mapStatus[file.status]
|
|
38341
|
-
})), /*#__PURE__*/
|
|
38422
|
+
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
|
|
38342
38423
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-name"),
|
|
38343
38424
|
title: file.name,
|
|
38344
38425
|
onClick: handlePreview
|
|
38345
|
-
}, file.name), /*#__PURE__*/
|
|
38426
|
+
}, file.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
|
|
38346
38427
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-size")
|
|
38347
|
-
}, "(", Object(
|
|
38428
|
+
}, "(", Object(_utils__WEBPACK_IMPORTED_MODULE_30__["getFileSize"])(file.size), ")"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("div", {
|
|
38348
38429
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-action")
|
|
38349
|
-
}, file.status === 'error' && /*#__PURE__*/
|
|
38430
|
+
}, file.status === 'error' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("a", {
|
|
38350
38431
|
href: "true",
|
|
38351
38432
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-reupload"),
|
|
38352
38433
|
onClick: handleReUpload.bind(_this, file)
|
|
38353
|
-
}, "\u91CD\u65B0\u4E0A\u4F20"), !disabled && /*#__PURE__*/
|
|
38434
|
+
}, "\u91CD\u65B0\u4E0A\u4F20"), !disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("a", {
|
|
38354
38435
|
href: "true",
|
|
38355
38436
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-delete"),
|
|
38356
38437
|
onClick: handleRemove.bind(_this, file)
|
|
38357
|
-
}, "\u5220\u9664"))) : file.status === 'uploading' ? /*#__PURE__*/
|
|
38438
|
+
}, "\u5220\u9664"))) : file.status === 'uploading' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("div", {
|
|
38358
38439
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-loading")
|
|
38359
|
-
}, /*#__PURE__*/
|
|
38440
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(_progress__WEBPACK_IMPORTED_MODULE_32__["default"], {
|
|
38360
38441
|
percent: file.percent,
|
|
38361
38442
|
textMap: ['文件上传中'],
|
|
38362
38443
|
showInfo: false
|
|
38363
|
-
})) : file.status === 'error' ? /*#__PURE__*/
|
|
38444
|
+
})) : file.status === 'error' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("div", {
|
|
38364
38445
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-error")
|
|
38365
|
-
}, /*#__PURE__*/
|
|
38446
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("div", {
|
|
38366
38447
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-error-text")
|
|
38367
|
-
}, /*#__PURE__*/
|
|
38448
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_26__["default"], {
|
|
38368
38449
|
type: mapStatus[file.status],
|
|
38369
38450
|
style: {
|
|
38370
38451
|
verticalAlign: 'top'
|
|
38371
38452
|
}
|
|
38372
|
-
}), "\u4E0A\u4F20\u5931\u8D25"), !disabled && /*#__PURE__*/
|
|
38453
|
+
}), "\u4E0A\u4F20\u5931\u8D25"), !disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("div", {
|
|
38373
38454
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-action")
|
|
38374
|
-
}, /*#__PURE__*/
|
|
38455
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("a", {
|
|
38375
38456
|
href: "true",
|
|
38376
38457
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-reupload"),
|
|
38377
38458
|
onClick: handleReUpload.bind(_this, file)
|
|
38378
|
-
}, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/
|
|
38459
|
+
}, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("a", {
|
|
38379
38460
|
href: "true",
|
|
38380
38461
|
className: "".concat(prefixCls, "-").concat(listType, "-list-item-delete"),
|
|
38381
38462
|
onClick: handleRemove.bind(_this, file)
|
|
38382
|
-
}, "\u5220\u9664"))) : /*#__PURE__*/
|
|
38463
|
+
}, "\u5220\u9664"))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(_image__WEBPACK_IMPORTED_MODULE_31__["default"], {
|
|
38383
38464
|
onClick: handlePreview,
|
|
38384
38465
|
previewType: "upload",
|
|
38385
38466
|
name: file.name,
|
|
38386
|
-
size: Object(
|
|
38467
|
+
size: Object(_utils__WEBPACK_IMPORTED_MODULE_30__["getFileSize"])(file.size),
|
|
38387
38468
|
src: file.thumbUrl || file.url,
|
|
38388
38469
|
style: {
|
|
38389
38470
|
width: '100%',
|
|
38390
38471
|
height: '100%'
|
|
38391
38472
|
},
|
|
38392
|
-
operations: disabled ? [] : [/*#__PURE__*/
|
|
38473
|
+
operations: disabled ? [] : [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_26__["default"], {
|
|
38393
38474
|
key: "1",
|
|
38394
38475
|
type: "delete",
|
|
38395
38476
|
onClick: handleRemove.bind(_this, file)
|
|
38396
38477
|
})]
|
|
38397
38478
|
}));
|
|
38398
38479
|
};
|
|
38399
|
-
var Upload = /*#__PURE__*/
|
|
38480
|
+
var Upload = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_22__["forwardRef"])(InternalUpload);
|
|
38400
38481
|
Upload.displayName = 'Upload';
|
|
38401
38482
|
/* harmony default export */ __webpack_exports__["default"] = (Upload);
|
|
38402
38483
|
|