@kdcloudjs/kdesign 1.7.28 → 1.7.30
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 +30 -0
- package/dist/kdesign-complete.less +27 -8
- package/dist/kdesign.css +44 -7
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +175 -137
- 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/checkbox/checkbox.js +17 -12
- package/es/city-picker/city-picker.js +36 -22
- package/es/city-picker/style/index.css +4 -3
- package/es/city-picker/style/index.less +2 -1
- package/es/city-picker/style/token.less +3 -2
- package/es/grid/col.d.ts +1 -1
- package/es/grid/col.js +46 -31
- package/es/grid/row.d.ts +9 -1
- package/es/grid/row.js +20 -15
- package/es/select/select.js +10 -10
- package/es/select/style/index.css +39 -3
- package/es/select/style/index.less +15 -3
- package/es/select/style/mixin.less +6 -2
- package/lib/checkbox/checkbox.js +17 -12
- package/lib/city-picker/city-picker.js +36 -22
- package/lib/city-picker/style/index.css +4 -3
- package/lib/city-picker/style/index.less +2 -1
- package/lib/city-picker/style/token.less +3 -2
- package/lib/grid/col.d.ts +1 -1
- package/lib/grid/col.js +48 -33
- package/lib/grid/row.d.ts +9 -1
- package/lib/grid/row.js +24 -18
- package/lib/select/select.js +10 -10
- package/lib/select/style/index.css +39 -3
- package/lib/select/style/index.less +15 -3
- package/lib/select/style/mixin.less +6 -2
- 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.29
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -7193,6 +7193,17 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
|
|
|
7193
7193
|
};
|
|
7194
7194
|
}, []);
|
|
7195
7195
|
var getDefaultCheckbox = function getDefaultCheckbox() {
|
|
7196
|
+
var inputProps = {
|
|
7197
|
+
type: 'checkbox',
|
|
7198
|
+
className: inputClassName,
|
|
7199
|
+
onChange: handleChange,
|
|
7200
|
+
checked: selected,
|
|
7201
|
+
disabled: mergedDisabled,
|
|
7202
|
+
name: mergedName
|
|
7203
|
+
};
|
|
7204
|
+
if ((value !== null && value !== void 0 ? value : '') !== '') {
|
|
7205
|
+
inputProps.value = value;
|
|
7206
|
+
}
|
|
7196
7207
|
return (
|
|
7197
7208
|
/*#__PURE__*/
|
|
7198
7209
|
// eslint-disable-next-line
|
|
@@ -7202,30 +7213,24 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
|
|
|
7202
7213
|
ref: labelRef
|
|
7203
7214
|
}, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7204
7215
|
className: checkedWrapperClassName
|
|
7205
|
-
}, selected
|
|
7216
|
+
}, selected ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7206
7217
|
className: innerIconClassName
|
|
7207
7218
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_12__["default"], {
|
|
7208
7219
|
type: "right-bold",
|
|
7209
7220
|
className: "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-inner-icon")
|
|
7210
|
-
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("input", {
|
|
7221
|
+
})) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("input", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
7211
7222
|
type: "checkbox",
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
ref: ref,
|
|
7215
|
-
value: value,
|
|
7216
|
-
checked: selected,
|
|
7217
|
-
disabled: mergedDisabled,
|
|
7218
|
-
name: mergedName
|
|
7219
|
-
})), children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7223
|
+
ref: ref
|
|
7224
|
+
}, inputProps))), children ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7220
7225
|
className: "".concat(checkboxPrefixCls, "-children")
|
|
7221
|
-
}, children), !isDefaultType()
|
|
7226
|
+
}, children) : null, !isDefaultType() ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7222
7227
|
className: triangleClassName
|
|
7223
7228
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
|
|
7224
7229
|
className: innerIconClassName
|
|
7225
7230
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_12__["default"], {
|
|
7226
7231
|
type: "right-bold",
|
|
7227
7232
|
className: "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-inner-icon")
|
|
7228
|
-
}))))
|
|
7233
|
+
}))) : null)
|
|
7229
7234
|
);
|
|
7230
7235
|
};
|
|
7231
7236
|
return getDefaultCheckbox();
|
|
@@ -7559,7 +7564,7 @@ var getCityId = function getCityId(data) {
|
|
|
7559
7564
|
return data;
|
|
7560
7565
|
};
|
|
7561
7566
|
var InternalSelect = function InternalSelect(props, ref) {
|
|
7562
|
-
var _classNames3,
|
|
7567
|
+
var _classNames3, _classNames6;
|
|
7563
7568
|
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_20__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
|
|
7564
7569
|
getPrefixCls = _useContext.getPrefixCls,
|
|
7565
7570
|
prefixCls = _useContext.prefixCls,
|
|
@@ -7638,14 +7643,18 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7638
7643
|
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState5, 2),
|
|
7639
7644
|
focusd = _useState6[0],
|
|
7640
7645
|
setFocusd = _useState6[1];
|
|
7641
|
-
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(
|
|
7646
|
+
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(false),
|
|
7642
7647
|
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState7, 2),
|
|
7643
|
-
|
|
7644
|
-
|
|
7645
|
-
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(
|
|
7648
|
+
afterChangeFocus = _useState8[0],
|
|
7649
|
+
setAfterChangeFocus = _useState8[1];
|
|
7650
|
+
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(null),
|
|
7646
7651
|
_useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState9, 2),
|
|
7647
|
-
|
|
7648
|
-
|
|
7652
|
+
seletedCity = _useState10[0],
|
|
7653
|
+
setSeletedCity = _useState10[1];
|
|
7654
|
+
var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])('domestic'),
|
|
7655
|
+
_useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState11, 2),
|
|
7656
|
+
tabsValue = _useState12[0],
|
|
7657
|
+
setTabsValue = _useState12[1];
|
|
7649
7658
|
var isDomestic = function isDomestic(type) {
|
|
7650
7659
|
return type === 'domestic';
|
|
7651
7660
|
};
|
|
@@ -7680,6 +7689,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7680
7689
|
var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
|
|
7681
7690
|
e.stopPropagation();
|
|
7682
7691
|
setFocusd(false);
|
|
7692
|
+
setAfterChangeFocus(false);
|
|
7683
7693
|
onBlur && onBlur(e);
|
|
7684
7694
|
}, [onBlur]);
|
|
7685
7695
|
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
@@ -7733,7 +7743,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7733
7743
|
className: "".concat(selectPrefixCls, "-icon-clear"),
|
|
7734
7744
|
ref: clearRef
|
|
7735
7745
|
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
|
|
7736
|
-
type: "close
|
|
7746
|
+
type: "close"
|
|
7737
7747
|
})), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7738
7748
|
className: arrowIconCls
|
|
7739
7749
|
}, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
|
|
@@ -7765,9 +7775,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7765
7775
|
}));
|
|
7766
7776
|
};
|
|
7767
7777
|
var handleOption = function handleOption(city) {
|
|
7778
|
+
var _searchRef$current;
|
|
7768
7779
|
handleVisibleChange(false);
|
|
7769
7780
|
city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
|
|
7770
7781
|
(city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
|
|
7782
|
+
(_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
|
|
7783
|
+
setAfterChangeFocus(true);
|
|
7771
7784
|
if (typeof value === 'undefined') {
|
|
7772
7785
|
setSeletedCity(city);
|
|
7773
7786
|
setInitValue(city === null || city === void 0 ? void 0 : city.id);
|
|
@@ -7780,7 +7793,10 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7780
7793
|
}
|
|
7781
7794
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
7782
7795
|
className: "".concat(selectPrefixCls, "-list"),
|
|
7783
|
-
ref: optionsListRef
|
|
7796
|
+
ref: optionsListRef,
|
|
7797
|
+
onMouseDown: function onMouseDown(e) {
|
|
7798
|
+
return e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
7799
|
+
}
|
|
7784
7800
|
}, data.map(function (item, index) {
|
|
7785
7801
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_option__WEBPACK_IMPORTED_MODULE_27__["default"], {
|
|
7786
7802
|
key: item.id,
|
|
@@ -7848,9 +7864,11 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7848
7864
|
}
|
|
7849
7865
|
}, [type, tabsValue]);
|
|
7850
7866
|
var renderSingle = function renderSingle() {
|
|
7867
|
+
var _classNames5;
|
|
7851
7868
|
var hiddenStyle = !!searchValue || (initValue !== null && initValue !== void 0 ? initValue : '') !== '' ? {
|
|
7852
7869
|
visibility: 'hidden'
|
|
7853
7870
|
} : undefined;
|
|
7871
|
+
var itemCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(selectPrefixCls, "-content-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(selectPrefixCls, "-content-item-seleted"), afterChangeFocus), _classNames5));
|
|
7854
7872
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
7855
7873
|
className: singleCls,
|
|
7856
7874
|
ref: selectionRef
|
|
@@ -7867,18 +7885,18 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7867
7885
|
onBlur: handleBlur,
|
|
7868
7886
|
readOnly: !!disabled
|
|
7869
7887
|
}), !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7870
|
-
className:
|
|
7888
|
+
className: itemCls,
|
|
7871
7889
|
title: seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name
|
|
7872
7890
|
}, seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name)), !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7873
7891
|
className: "".concat(selectPrefixCls, "-content-info")
|
|
7874
7892
|
}, _renderCityInfo(seletedCity))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7875
7893
|
className: "".concat(selectPrefixCls, "-placeholder"),
|
|
7876
7894
|
style: hiddenStyle
|
|
7877
|
-
}, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7895
|
+
}, !disabled ? placeholder : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
7878
7896
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
7879
7897
|
}, renderSuffix())));
|
|
7880
7898
|
};
|
|
7881
|
-
var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (
|
|
7899
|
+
var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames6, "".concat(selectPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames6, "".concat(selectPrefixCls, "-focused"), !disabled && focusd || optionShow), _classNames6));
|
|
7882
7900
|
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
7883
7901
|
if (optionShow && !disabled) {
|
|
7884
7902
|
var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
|
|
@@ -7916,16 +7934,17 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7916
7934
|
}
|
|
7917
7935
|
return -1;
|
|
7918
7936
|
};
|
|
7919
|
-
var
|
|
7920
|
-
|
|
7921
|
-
activeIndex =
|
|
7922
|
-
setActiveIndex =
|
|
7937
|
+
var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(-1),
|
|
7938
|
+
_useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState13, 2),
|
|
7939
|
+
activeIndex = _useState14[0],
|
|
7940
|
+
setActiveIndex = _useState14[1];
|
|
7923
7941
|
var initActiveIndex = function initActiveIndex() {
|
|
7924
|
-
|
|
7942
|
+
var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
|
|
7943
|
+
setActiveIndex(index === undefined ? getActiveIndex(0) : index);
|
|
7925
7944
|
};
|
|
7926
7945
|
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
7927
|
-
initActiveIndex();
|
|
7928
|
-
}, [searchValue, tabsValue]);
|
|
7946
|
+
initActiveIndex(searchValue ? undefined : -1);
|
|
7947
|
+
}, [searchValue, tabsValue, curkeyboardList]);
|
|
7929
7948
|
var onInternalKeyDown = function onInternalKeyDown(e) {
|
|
7930
7949
|
var which = e.which;
|
|
7931
7950
|
// open
|
|
@@ -7948,11 +7967,11 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7948
7967
|
var item = curkeyboardList[activeIndex];
|
|
7949
7968
|
if (!item) return;
|
|
7950
7969
|
handleOption(item);
|
|
7951
|
-
|
|
7970
|
+
handleVisibleChange(false);
|
|
7952
7971
|
break;
|
|
7953
7972
|
}
|
|
7954
7973
|
case _utils_KeyCode__WEBPACK_IMPORTED_MODULE_29__["default"].ESC:
|
|
7955
|
-
|
|
7974
|
+
handleVisibleChange(false);
|
|
7956
7975
|
break;
|
|
7957
7976
|
default:
|
|
7958
7977
|
break;
|
|
@@ -7984,12 +8003,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
7984
8003
|
className: selectionCls,
|
|
7985
8004
|
tabIndex: disabled ? -1 : 0,
|
|
7986
8005
|
onFocus: function onFocus() {
|
|
7987
|
-
var _searchRef$
|
|
7988
|
-
return (_searchRef$
|
|
8006
|
+
var _searchRef$current2;
|
|
8007
|
+
return (_searchRef$current2 = searchRef.current) === null || _searchRef$current2 === void 0 ? void 0 : _searchRef$current2.focus();
|
|
7989
8008
|
},
|
|
7990
8009
|
onBlur: function onBlur() {
|
|
7991
|
-
var _searchRef$
|
|
7992
|
-
return (_searchRef$
|
|
8010
|
+
var _searchRef$current3;
|
|
8011
|
+
return (_searchRef$current3 = searchRef.current) === null || _searchRef$current3 === void 0 ? void 0 : _searchRef$current3.blur();
|
|
7993
8012
|
},
|
|
7994
8013
|
onKeyDown: onInternalKeyDown
|
|
7995
8014
|
}, renderSingle()));
|
|
@@ -8010,7 +8029,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
8010
8029
|
};
|
|
8011
8030
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
8012
8031
|
if (!visible) {
|
|
8013
|
-
initActiveIndex();
|
|
8032
|
+
initActiveIndex(-1);
|
|
8014
8033
|
}
|
|
8015
8034
|
if (visible !== optionShow) {
|
|
8016
8035
|
props.visible === undefined && setOptionShow(visible);
|
|
@@ -18657,21 +18676,27 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
18657
18676
|
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
18658
18677
|
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
18659
18678
|
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
18660
|
-
/* harmony import */ var
|
|
18661
|
-
/* harmony import */ var
|
|
18662
|
-
/* harmony import */ var
|
|
18663
|
-
/* harmony import */ var
|
|
18664
|
-
/* harmony import */ var
|
|
18665
|
-
/* harmony import */ var
|
|
18666
|
-
/* harmony import */ var
|
|
18667
|
-
/* harmony import */ var
|
|
18668
|
-
/* harmony import */ var
|
|
18669
|
-
/* harmony import */ var
|
|
18670
|
-
/* harmony import */ var
|
|
18671
|
-
/* harmony import */ var
|
|
18672
|
-
/* harmony import */ var
|
|
18673
|
-
/* harmony import */ var
|
|
18674
|
-
/* harmony import */ var
|
|
18679
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
18680
|
+
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7__);
|
|
18681
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
18682
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
|
|
18683
|
+
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
|
|
18684
|
+
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__);
|
|
18685
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
|
|
18686
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
18687
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
|
|
18688
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
18689
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
18690
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
18691
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react */ "react");
|
|
18692
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_13__);
|
|
18693
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
18694
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_14__);
|
|
18695
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
18696
|
+
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
|
|
18697
|
+
/* harmony import */ var _utils_testBrowserType__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/testBrowserType */ "./components/_utils/testBrowserType.ts");
|
|
18698
|
+
/* harmony import */ var _row__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./row */ "./components/grid/row.tsx");
|
|
18699
|
+
|
|
18675
18700
|
|
|
18676
18701
|
|
|
18677
18702
|
|
|
@@ -18680,8 +18705,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
18680
18705
|
|
|
18681
18706
|
|
|
18682
18707
|
|
|
18708
|
+
|
|
18709
|
+
var _excluded = ["xs", "sm", "md", "lg", "xl", "flex", "span", "pull", "push", "style", "order", "offset", "children", "className", "prefixCls"];
|
|
18683
18710
|
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; }
|
|
18684
|
-
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) {
|
|
18711
|
+
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_8___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; }
|
|
18712
|
+
|
|
18685
18713
|
|
|
18686
18714
|
|
|
18687
18715
|
|
|
@@ -18691,12 +18719,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
18691
18719
|
|
|
18692
18720
|
|
|
18693
18721
|
var Col = function Col(props) {
|
|
18694
|
-
var _React$useContext =
|
|
18722
|
+
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_13___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_16__["ConfigContext"]),
|
|
18695
18723
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
18696
18724
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
18697
18725
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
18698
18726
|
// 属性需要合并一遍用户定义的默认属性
|
|
18699
|
-
var _getCompProps = Object(
|
|
18727
|
+
var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('Col', userDefaultProps, props),
|
|
18700
18728
|
xs = _getCompProps.xs,
|
|
18701
18729
|
sm = _getCompProps.sm,
|
|
18702
18730
|
md = _getCompProps.md,
|
|
@@ -18709,13 +18737,20 @@ var Col = function Col(props) {
|
|
|
18709
18737
|
style = _getCompProps.style,
|
|
18710
18738
|
order = _getCompProps.order,
|
|
18711
18739
|
offset = _getCompProps.offset,
|
|
18712
|
-
winWidth = _getCompProps.winWidth,
|
|
18713
18740
|
children = _getCompProps.children,
|
|
18714
18741
|
className = _getCompProps.className,
|
|
18715
|
-
customPrefixcls = _getCompProps.prefixCls
|
|
18742
|
+
customPrefixcls = _getCompProps.prefixCls,
|
|
18743
|
+
others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default()(_getCompProps, _excluded);
|
|
18744
|
+
var rowGroup = Object(react__WEBPACK_IMPORTED_MODULE_13__["useContext"])(_row__WEBPACK_IMPORTED_MODULE_18__["GapContext"]);
|
|
18745
|
+
var mergedWinWidth = rowGroup.winWidth;
|
|
18746
|
+
var gap = rowGroup.gap;
|
|
18716
18747
|
|
|
18717
18748
|
// 浏览器名称
|
|
18718
|
-
var
|
|
18749
|
+
var isSogouOrIE = Object(_utils_testBrowserType__WEBPACK_IMPORTED_MODULE_17__["testBrowserType"])(/^sogou/i, 0) || /Trident|MSIE/.test(navigator.userAgent);
|
|
18750
|
+
var colGapStyle = {
|
|
18751
|
+
padding: "0 ".concat(gap.h / 2, "px")
|
|
18752
|
+
};
|
|
18753
|
+
if (isSogouOrIE && gap.v) colGapStyle.marginBottom = gap.v;
|
|
18719
18754
|
|
|
18720
18755
|
// className前缀
|
|
18721
18756
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'col', customPrefixcls);
|
|
@@ -18727,23 +18762,23 @@ var Col = function Col(props) {
|
|
|
18727
18762
|
offset: offset,
|
|
18728
18763
|
order: order
|
|
18729
18764
|
};
|
|
18730
|
-
if (xs &&
|
|
18765
|
+
if (xs && mergedWinWidth > 0) {
|
|
18731
18766
|
if (xs.constructor === Number) base.span = xs;
|
|
18732
18767
|
if (xs.constructor === Object) base = _objectSpread(_objectSpread({}, base), xs);
|
|
18733
18768
|
}
|
|
18734
|
-
if (sm &&
|
|
18769
|
+
if (sm && mergedWinWidth >= 600) {
|
|
18735
18770
|
if (sm.constructor === Number) base.span = sm;
|
|
18736
18771
|
if (sm.constructor === Object) base = _objectSpread(_objectSpread({}, base), sm);
|
|
18737
18772
|
}
|
|
18738
|
-
if (md &&
|
|
18773
|
+
if (md && mergedWinWidth >= 1024) {
|
|
18739
18774
|
if (md.constructor === Number) base.span = md;
|
|
18740
18775
|
if (md.constructor === Object) base = _objectSpread(_objectSpread({}, base), md);
|
|
18741
18776
|
}
|
|
18742
|
-
if (lg &&
|
|
18777
|
+
if (lg && mergedWinWidth >= 1280) {
|
|
18743
18778
|
if (lg.constructor === Number) base.span = lg;
|
|
18744
18779
|
if (lg.constructor === Object) base = _objectSpread(_objectSpread({}, base), lg);
|
|
18745
18780
|
}
|
|
18746
|
-
if (xl &&
|
|
18781
|
+
if (xl && mergedWinWidth >= 1920) {
|
|
18747
18782
|
if (xl.constructor === Number) base.span = xl;
|
|
18748
18783
|
if (xl.constructor === Object) base = _objectSpread(_objectSpread({}, base), xl);
|
|
18749
18784
|
}
|
|
@@ -18762,20 +18797,18 @@ var Col = function Col(props) {
|
|
|
18762
18797
|
}
|
|
18763
18798
|
}
|
|
18764
18799
|
}
|
|
18765
|
-
var styleString = _objectSpread({
|
|
18800
|
+
var styleString = _objectSpread(_objectSpread({
|
|
18766
18801
|
flex: flexstr,
|
|
18767
18802
|
maxWidth: width,
|
|
18768
18803
|
order: base.order,
|
|
18769
18804
|
left: base.push && base.push / columns * 100 + '%',
|
|
18770
18805
|
right: base.pull && base.pull / columns * 100 + '%',
|
|
18771
18806
|
marginLeft: base.offset && base.offset / columns * 100 + '%'
|
|
18772
|
-
}, style);
|
|
18773
|
-
return /*#__PURE__*/
|
|
18774
|
-
className:
|
|
18775
|
-
'sogou-col': isSogou
|
|
18776
|
-
}),
|
|
18807
|
+
}, colGapStyle), style);
|
|
18808
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7___default()({
|
|
18809
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_14___default()(prefixCls, className),
|
|
18777
18810
|
style: styleString
|
|
18778
|
-
}, children);
|
|
18811
|
+
}, others), children);
|
|
18779
18812
|
};
|
|
18780
18813
|
Col.displayName = 'Col';
|
|
18781
18814
|
/* harmony default export */ __webpack_exports__["default"] = (Col);
|
|
@@ -18807,55 +18840,53 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
18807
18840
|
/*!*********************************!*\
|
|
18808
18841
|
!*** ./components/grid/row.tsx ***!
|
|
18809
18842
|
\*********************************/
|
|
18810
|
-
/*! exports provided: default */
|
|
18843
|
+
/*! exports provided: GapContext, default */
|
|
18811
18844
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
18812
18845
|
|
|
18813
18846
|
"use strict";
|
|
18814
18847
|
__webpack_require__.r(__webpack_exports__);
|
|
18815
|
-
/* harmony
|
|
18816
|
-
/* harmony import */ var
|
|
18817
|
-
/* harmony import */ var
|
|
18818
|
-
/* harmony import */ var
|
|
18819
|
-
/* harmony import */ var
|
|
18820
|
-
/* harmony import */ var
|
|
18821
|
-
/* harmony import */ var
|
|
18822
|
-
/* harmony import */ var
|
|
18823
|
-
/* harmony import */ var
|
|
18824
|
-
/* harmony import */ var
|
|
18825
|
-
/* harmony import */ var
|
|
18826
|
-
/* harmony import */ var
|
|
18827
|
-
/* harmony import */ var
|
|
18828
|
-
/* harmony import */ var
|
|
18829
|
-
/* harmony import */ var
|
|
18830
|
-
/* harmony import */ var
|
|
18831
|
-
/* harmony import */ var
|
|
18832
|
-
/* harmony import */ var
|
|
18833
|
-
/* harmony import */ var
|
|
18834
|
-
/* harmony import */ var
|
|
18835
|
-
/* harmony import */ var
|
|
18836
|
-
/* harmony import */ var
|
|
18837
|
-
/* harmony import */ var
|
|
18838
|
-
/* harmony import */ var
|
|
18839
|
-
/* harmony import */ var
|
|
18840
|
-
/* harmony import */ var
|
|
18841
|
-
/* harmony import */ var
|
|
18842
|
-
/* harmony import */ var
|
|
18843
|
-
/* harmony import */ var
|
|
18844
|
-
/* harmony import */ var
|
|
18845
|
-
/* harmony import */ var
|
|
18846
|
-
/* harmony import */ var
|
|
18847
|
-
/* harmony import */ var _utils_testBrowserType__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/testBrowserType */ "./components/_utils/testBrowserType.ts");
|
|
18848
|
-
|
|
18848
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GapContext", function() { return GapContext; });
|
|
18849
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
18850
|
+
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
|
|
18851
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
|
|
18852
|
+
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
|
|
18853
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
|
|
18854
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
18855
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
|
|
18856
|
+
/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
18857
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
18858
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
18859
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
18860
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
18861
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
18862
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
18863
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
18864
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
18865
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
18866
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
18867
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
18868
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
18869
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
18870
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
18871
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react */ "react");
|
|
18872
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
|
|
18873
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
18874
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
|
|
18875
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
18876
|
+
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
|
|
18877
|
+
/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! lodash/throttle */ "./node_modules/lodash/throttle.js");
|
|
18878
|
+
/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_15__);
|
|
18879
|
+
/* harmony import */ var _utils_testBrowserType__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/testBrowserType */ "./components/_utils/testBrowserType.ts");
|
|
18849
18880
|
|
|
18850
18881
|
|
|
18882
|
+
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; }
|
|
18883
|
+
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_0___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; }
|
|
18851
18884
|
|
|
18852
18885
|
|
|
18853
18886
|
|
|
18854
18887
|
|
|
18855
18888
|
|
|
18856
18889
|
|
|
18857
|
-
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; }
|
|
18858
|
-
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_7___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; }
|
|
18859
18890
|
|
|
18860
18891
|
|
|
18861
18892
|
|
|
@@ -18879,13 +18910,20 @@ function getGap(gutter, width) {
|
|
|
18879
18910
|
if (xl && width >= 1920) gap = xl;
|
|
18880
18911
|
return gap;
|
|
18881
18912
|
}
|
|
18913
|
+
var GapContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_11__["createContext"])({
|
|
18914
|
+
gap: {
|
|
18915
|
+
h: 0,
|
|
18916
|
+
v: 0
|
|
18917
|
+
},
|
|
18918
|
+
winWidth: window.innerWidth
|
|
18919
|
+
});
|
|
18882
18920
|
var Row = function Row(props) {
|
|
18883
|
-
var _React$useContext =
|
|
18921
|
+
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_11___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_14__["ConfigContext"]),
|
|
18884
18922
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
18885
18923
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
18886
18924
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
18887
18925
|
// 属性需要合并一遍用户定义的默认属性
|
|
18888
|
-
var _getCompProps = Object(
|
|
18926
|
+
var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["getCompProps"])('Row', userDefaultProps, props),
|
|
18889
18927
|
style = _getCompProps.style,
|
|
18890
18928
|
className = _getCompProps.className,
|
|
18891
18929
|
children = _getCompProps.children,
|
|
@@ -18896,15 +18934,15 @@ var Row = function Row(props) {
|
|
|
18896
18934
|
customPrefixcls = _getCompProps.prefixCls;
|
|
18897
18935
|
|
|
18898
18936
|
// 浏览器名称
|
|
18899
|
-
var
|
|
18937
|
+
var isSogouOrIe = Object(_utils_testBrowserType__WEBPACK_IMPORTED_MODULE_16__["testBrowserType"])(/^sogou/i, 0) || /Trident|MSIE/.test(navigator.userAgent);
|
|
18900
18938
|
|
|
18901
18939
|
// className前缀
|
|
18902
18940
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'row', customPrefixcls);
|
|
18903
|
-
var _React$useState =
|
|
18904
|
-
_React$useState2 =
|
|
18941
|
+
var _React$useState = react__WEBPACK_IMPORTED_MODULE_11___default.a.useState(window.innerWidth),
|
|
18942
|
+
_React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
|
|
18905
18943
|
winWidth = _React$useState2[0],
|
|
18906
18944
|
setWinWidth = _React$useState2[1];
|
|
18907
|
-
var updateWidth =
|
|
18945
|
+
var updateWidth = lodash_throttle__WEBPACK_IMPORTED_MODULE_15___default()(function () {
|
|
18908
18946
|
return setWinWidth(window.innerWidth);
|
|
18909
18947
|
}, 500);
|
|
18910
18948
|
window.addEventListener('resize', updateWidth);
|
|
@@ -18929,9 +18967,10 @@ var Row = function Row(props) {
|
|
|
18929
18967
|
}
|
|
18930
18968
|
}
|
|
18931
18969
|
var rowStyle = {
|
|
18932
|
-
'
|
|
18970
|
+
'row-gap': "".concat(gap.v, "px"),
|
|
18971
|
+
margin: "0 ".concat(-1 * gap.h / 2, "px")
|
|
18933
18972
|
};
|
|
18934
|
-
if (gap.v) rowStyle['
|
|
18973
|
+
if (gap.v && isSogouOrIe) rowStyle['margin-bottom'] = "".concat(-1 * gap.v, "px");
|
|
18935
18974
|
var toalign = {
|
|
18936
18975
|
top: 'flex-start',
|
|
18937
18976
|
middle: 'center',
|
|
@@ -18941,22 +18980,21 @@ var Row = function Row(props) {
|
|
|
18941
18980
|
start: 'flex-start',
|
|
18942
18981
|
end: 'flex-end'
|
|
18943
18982
|
};
|
|
18944
|
-
var styleString = _objectSpread(_objectSpread(_objectSpread({},
|
|
18983
|
+
var styleString = _objectSpread(_objectSpread(_objectSpread({}, rowStyle), style), {}, {
|
|
18945
18984
|
alignItems: toalign[align] || align,
|
|
18946
18985
|
justifyContent: tojustify[justify] || justify
|
|
18947
18986
|
});
|
|
18948
|
-
return /*#__PURE__*/
|
|
18949
|
-
|
|
18987
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(GapContext.Provider, {
|
|
18988
|
+
value: {
|
|
18989
|
+
gap: gap,
|
|
18990
|
+
winWidth: winWidth
|
|
18991
|
+
}
|
|
18992
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
|
|
18993
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(prefixCls, className, {
|
|
18950
18994
|
nowrap: !wrap
|
|
18951
|
-
}, {
|
|
18952
|
-
'sogou-row': isSogou
|
|
18953
18995
|
}),
|
|
18954
18996
|
style: styleString
|
|
18955
|
-
},
|
|
18956
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["cloneElement"](child, {
|
|
18957
|
-
winWidth: winWidth
|
|
18958
|
-
});
|
|
18959
|
-
}));
|
|
18997
|
+
}, children));
|
|
18960
18998
|
};
|
|
18961
18999
|
Row.displayName = 'Row';
|
|
18962
19000
|
/* harmony default export */ __webpack_exports__["default"] = (Row);
|
|
@@ -29030,7 +29068,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29030
29068
|
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));
|
|
29031
29069
|
var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (singleVal !== null && singleVal !== void 0 ? singleVal : '') !== '') || searchValue);
|
|
29032
29070
|
var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
29033
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, iconShow
|
|
29071
|
+
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", {
|
|
29034
29072
|
onClick: handleReset,
|
|
29035
29073
|
onMouseDown: function onMouseDown(e) {
|
|
29036
29074
|
return e.preventDefault();
|
|
@@ -29039,11 +29077,11 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29039
29077
|
ref: clearRef
|
|
29040
29078
|
}, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Icon"], {
|
|
29041
29079
|
type: "close-solid"
|
|
29042
|
-
})), showArrow
|
|
29080
|
+
})) : null, showArrow ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29043
29081
|
className: arrowIconCls
|
|
29044
29082
|
}, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Icon"], {
|
|
29045
29083
|
type: "arrow-down"
|
|
29046
|
-
})));
|
|
29084
|
+
})) : null);
|
|
29047
29085
|
};
|
|
29048
29086
|
var renderOption = function renderOption(child, index) {
|
|
29049
29087
|
if (child !== null && child !== void 0 && child.props && (child.type.displayName === 'Option' || child.type.name === 'Option')) {
|
|
@@ -29143,7 +29181,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29143
29181
|
className: dropDownCls,
|
|
29144
29182
|
style: dropdownStyle,
|
|
29145
29183
|
ref: dropDownRef
|
|
29146
|
-
}, !dropdownRender && childrenToRender.length > 0
|
|
29184
|
+
}, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender ? dropdownRender(dropRender(childrenToRender, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
29147
29185
|
className: multipleFooterCls
|
|
29148
29186
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Checkbox"], {
|
|
29149
29187
|
style: checkboxStyle,
|
|
@@ -29152,7 +29190,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29152
29190
|
onChange: handleSelectAll
|
|
29153
29191
|
}, "\u5168\u9009"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29154
29192
|
className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
|
|
29155
|
-
}, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, selectedVal.length), "\u9879"))));
|
|
29193
|
+
}, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, selectedVal.length), "\u9879")) : null));
|
|
29156
29194
|
};
|
|
29157
29195
|
|
|
29158
29196
|
// 处理多选tag
|
|
@@ -29229,10 +29267,10 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29229
29267
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
|
|
29230
29268
|
className: multipleCls,
|
|
29231
29269
|
ref: selectionRef
|
|
29232
|
-
}, Array.isArray(mulOptions)
|
|
29270
|
+
}, Array.isArray(mulOptions) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, mulOptions.map(function (item, index) {
|
|
29233
29271
|
var label = item.label,
|
|
29234
29272
|
value = item.value;
|
|
29235
|
-
return
|
|
29273
|
+
return !maxTagCount || index <= maxTagCount - 1 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29236
29274
|
key: value,
|
|
29237
29275
|
className: classnames__WEBPACK_IMPORTED_MODULE_22___default()("".concat(selectPrefixCls, "-selection-tag")),
|
|
29238
29276
|
onMouseDown: function onMouseDown(e) {
|
|
@@ -29254,12 +29292,12 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29254
29292
|
return handleRemove(e, value);
|
|
29255
29293
|
},
|
|
29256
29294
|
"data-tag": value
|
|
29257
|
-
}, label));
|
|
29295
|
+
}, label)) : null;
|
|
29258
29296
|
}), maxTagCount && mulOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29259
29297
|
className: itemCls
|
|
29260
29298
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29261
29299
|
className: "".concat(selectPrefixCls, "-selection-item-content")
|
|
29262
|
-
}, "\u5171", mulOptions.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29300
|
+
}, "\u5171", mulOptions.length, "\u9879")) : null) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29263
29301
|
className: "".concat(selectPrefixCls, "-selection-search"),
|
|
29264
29302
|
style: {
|
|
29265
29303
|
width: inputWidth
|
|
@@ -29277,7 +29315,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
29277
29315
|
className: "".concat(selectPrefixCls, "-selection-search-mirror")
|
|
29278
29316
|
}, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29279
29317
|
className: "".concat(selectPrefixCls, "-placeholder")
|
|
29280
|
-
}, !mulOptions.length && !searchValue
|
|
29318
|
+
}, !mulOptions.length && !searchValue ? placeholder : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
|
|
29281
29319
|
className: "".concat(selectPrefixCls, "-suffix")
|
|
29282
29320
|
}, renderSuffix()));
|
|
29283
29321
|
};
|