@sheinx/base 3.3.0-beta.9 → 3.3.0-fix.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/card/card.js +11 -11
- package/cjs/cascader/cascader.d.ts.map +1 -1
- package/cjs/cascader/cascader.js +4 -0
- package/cjs/checkbox/checkbox-group.d.ts.map +1 -1
- package/cjs/checkbox/checkbox-group.js +4 -1
- package/cjs/icons/config.js +1 -1
- package/cjs/menu/menu.js +1 -1
- package/cjs/menu/menu.type.d.ts +1 -1
- package/cjs/menu/search.js +3 -3
- package/cjs/menu/search.type.d.ts +1 -1
- package/cjs/modal/modal-content.d.ts.map +1 -1
- package/cjs/modal/modal-content.js +16 -6
- package/cjs/modal/modal.type.d.ts +3 -2
- package/cjs/modal/modal.type.d.ts.map +1 -1
- package/cjs/spin/spin.d.ts.map +1 -1
- package/cjs/spin/spin.js +2 -1
- package/cjs/spin/spin.type.d.ts +5 -0
- package/cjs/spin/spin.type.d.ts.map +1 -1
- package/cjs/spin/spins.d.ts.map +1 -1
- package/cjs/spin/spins.js +24 -37
- package/cjs/steps/step.default.js +1 -2
- package/cjs/table/colgroup.d.ts.map +1 -1
- package/cjs/table/colgroup.js +2 -1
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +5 -3
- package/cjs/table/table.type.d.ts +1 -1
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.js +3 -0
- package/cjs/tooltip/tooltip.type.d.ts +6 -2
- package/cjs/tooltip/tooltip.type.d.ts.map +1 -1
- package/cjs/virtual-scroll/scroll.d.ts +1 -0
- package/cjs/virtual-scroll/scroll.d.ts.map +1 -1
- package/cjs/virtual-scroll/scroll.js +11 -3
- package/esm/card/card.js +11 -11
- package/esm/cascader/cascader.d.ts.map +1 -1
- package/esm/cascader/cascader.js +5 -1
- package/esm/checkbox/checkbox-group.d.ts.map +1 -1
- package/esm/checkbox/checkbox-group.js +4 -1
- package/esm/icons/config.js +1 -1
- package/esm/menu/menu.js +1 -1
- package/esm/menu/menu.type.d.ts +1 -1
- package/esm/menu/search.js +3 -3
- package/esm/menu/search.type.d.ts +1 -1
- package/esm/modal/modal-content.d.ts.map +1 -1
- package/esm/modal/modal-content.js +17 -7
- package/esm/modal/modal.type.d.ts +3 -2
- package/esm/modal/modal.type.d.ts.map +1 -1
- package/esm/spin/spin.d.ts.map +1 -1
- package/esm/spin/spin.js +2 -1
- package/esm/spin/spin.type.d.ts +5 -0
- package/esm/spin/spin.type.d.ts.map +1 -1
- package/esm/spin/spins.d.ts.map +1 -1
- package/esm/spin/spins.js +24 -37
- package/esm/steps/step.default.js +1 -2
- package/esm/table/colgroup.d.ts.map +1 -1
- package/esm/table/colgroup.js +2 -1
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +5 -3
- package/esm/table/table.type.d.ts +1 -1
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/tooltip/tooltip.d.ts.map +1 -1
- package/esm/tooltip/tooltip.js +3 -0
- package/esm/tooltip/tooltip.type.d.ts +6 -2
- package/esm/tooltip/tooltip.type.d.ts.map +1 -1
- package/esm/virtual-scroll/scroll.d.ts +1 -0
- package/esm/virtual-scroll/scroll.d.ts.map +1 -1
- package/esm/virtual-scroll/scroll.js +11 -3
- package/package.json +2 -2
package/cjs/card/card.js
CHANGED
|
@@ -37,8 +37,8 @@ var Card = function Card(props) {
|
|
|
37
37
|
context = _useRef.current;
|
|
38
38
|
var _useState = (0, _react.useState)(props.defaultCollapsed),
|
|
39
39
|
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
collapsed = _useState2[0],
|
|
41
|
+
setCollapsed = _useState2[1];
|
|
42
42
|
var moveInfo = (0, _hooks.useDragMove)();
|
|
43
43
|
var resizeInfo = (0, _hooks.useDragResize)({
|
|
44
44
|
defaultWidth: style === null || style === void 0 ? void 0 : style.width,
|
|
@@ -58,13 +58,13 @@ var Card = function Card(props) {
|
|
|
58
58
|
}, []);
|
|
59
59
|
var id = (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : context.id;
|
|
60
60
|
var collapsible = props.collapsible || inAccordion;
|
|
61
|
-
var
|
|
61
|
+
var getCollapsed = function getCollapsed() {
|
|
62
62
|
if (inAccordion) return activeId !== id;
|
|
63
63
|
if (!collapsible) return false;
|
|
64
64
|
if (props.collapsed !== undefined) return !!props.collapsed;
|
|
65
|
-
return
|
|
65
|
+
return collapsed;
|
|
66
66
|
};
|
|
67
|
-
var
|
|
67
|
+
var handleCollapsed = (0, _hooks.usePersistFn)(function () {
|
|
68
68
|
var _props$onCollapse;
|
|
69
69
|
if (inAccordion) {
|
|
70
70
|
onActiveChange(id);
|
|
@@ -72,17 +72,17 @@ var Card = function Card(props) {
|
|
|
72
72
|
}
|
|
73
73
|
if (!collapsible) return;
|
|
74
74
|
(_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 || _props$onCollapse.call(props, !props.collapsed);
|
|
75
|
-
|
|
75
|
+
setCollapsed(!collapsed);
|
|
76
76
|
});
|
|
77
|
-
var
|
|
77
|
+
var realCollapsed = getCollapsed();
|
|
78
78
|
var contextValue = (0, _react.useMemo)(function () {
|
|
79
79
|
return {
|
|
80
|
-
collapsed:
|
|
80
|
+
collapsed: realCollapsed,
|
|
81
81
|
collapsible: collapsible,
|
|
82
|
-
onCollapse:
|
|
82
|
+
onCollapse: handleCollapsed,
|
|
83
83
|
handleDragMouseDown: moveInfo.handleMouseDown
|
|
84
84
|
};
|
|
85
|
-
}, [
|
|
85
|
+
}, [realCollapsed, collapsible]);
|
|
86
86
|
var alwaysShowShadow = props.shadow && props.shadow !== 'hover';
|
|
87
87
|
var renderResize = function renderResize() {
|
|
88
88
|
if (!props.resizable) return null;
|
|
@@ -108,7 +108,7 @@ var Card = function Card(props) {
|
|
|
108
108
|
wrapStyle.transform = "translate(".concat(moveInfo.pos.x, "px, ").concat(moveInfo.pos.y, "px)");
|
|
109
109
|
}
|
|
110
110
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
111
|
-
className: (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapper, props.shadow === 'hover' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperHover), alwaysShowShadow && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperShadow), collapsible && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsible),
|
|
111
|
+
className: (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapper, props.shadow === 'hover' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperHover), alwaysShowShadow && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperShadow), collapsible && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsible), realCollapsed && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsed), props.resizable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperResizable), props.moveable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperMoveable), props.split && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperSplit), inAccordion && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperInAccordion)),
|
|
112
112
|
ref: panelRef,
|
|
113
113
|
style: wrapStyle,
|
|
114
114
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_card.CardContext.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAYhD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAYhD,QAAA,MAAM,QAAQ,iGA+sBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
|
package/cjs/cascader/cascader.js
CHANGED
|
@@ -148,6 +148,9 @@ var Cascader = function Cascader(props0) {
|
|
|
148
148
|
onFilter = _useFilter.onFilter;
|
|
149
149
|
var isDataEmpty = !filterData || filterData.length === 0;
|
|
150
150
|
var isMultiple = multiple === true || mode !== undefined;
|
|
151
|
+
var updateKey = (0, _react.useMemo)(function () {
|
|
152
|
+
return path.join('-');
|
|
153
|
+
}, [path]);
|
|
151
154
|
var _useCascader = (0, _hooks.useCascader)({
|
|
152
155
|
data: data,
|
|
153
156
|
control: 'value' in props,
|
|
@@ -650,6 +653,7 @@ var Cascader = function Cascader(props0) {
|
|
|
650
653
|
absolute: absolute,
|
|
651
654
|
zIndex: zIndex,
|
|
652
655
|
position: position,
|
|
656
|
+
updateKey: updateKey,
|
|
653
657
|
popupGap: 4,
|
|
654
658
|
popupElRef: popupRef,
|
|
655
659
|
parentElRef: targetRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["checkbox-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQ3D,QAAA,MAAM,KAAK;;;
|
|
1
|
+
{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["checkbox-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQ3D,QAAA,MAAM,KAAK;;;oBA2FG,GAAG;wBACC,GAAG;;CAHpB,CAAC;AAMF,eAAe,KAAK,CAAC"}
|
|
@@ -20,6 +20,7 @@ var Group = function Group(props0) {
|
|
|
20
20
|
block = props.block,
|
|
21
21
|
keygen = props.keygen,
|
|
22
22
|
jssStyle = props.jssStyle,
|
|
23
|
+
size = props.size,
|
|
23
24
|
style = props.style,
|
|
24
25
|
disabled = props.disabled;
|
|
25
26
|
var checkboxStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle);
|
|
@@ -64,7 +65,8 @@ var Group = function Group(props0) {
|
|
|
64
65
|
var providerValue = {
|
|
65
66
|
checked: isChecked,
|
|
66
67
|
onChange: handleItemChange,
|
|
67
|
-
disabled: disabled
|
|
68
|
+
disabled: disabled,
|
|
69
|
+
size: size
|
|
68
70
|
};
|
|
69
71
|
var groupClass = (0, _classnames.default)(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.group, !!block && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.groupBlock));
|
|
70
72
|
if (props.data === undefined) {
|
|
@@ -83,6 +85,7 @@ var Group = function Group(props0) {
|
|
|
83
85
|
children: [props.data.map(function (d, i) {
|
|
84
86
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
|
|
85
87
|
jssStyle: jssStyle,
|
|
88
|
+
size: size,
|
|
86
89
|
checked: datum.check(d),
|
|
87
90
|
disabled: datum.disabledCheck(d),
|
|
88
91
|
htmlValue: d,
|
package/cjs/icons/config.js
CHANGED
|
@@ -69,7 +69,7 @@ var config = {
|
|
|
69
69
|
ArrowLeft: _icons.default.ArrowLeft,
|
|
70
70
|
Hide: _icons.default.Hide,
|
|
71
71
|
Show: _icons.default.Display,
|
|
72
|
-
Close: _icons.default.
|
|
72
|
+
Close: _icons.default.PcCloseCircleFill
|
|
73
73
|
},
|
|
74
74
|
menu: {
|
|
75
75
|
CollapseArrow: _icons.default.ArrowDown,
|
package/cjs/menu/menu.js
CHANGED
|
@@ -92,7 +92,7 @@ var Menu = function Menu(props) {
|
|
|
92
92
|
}
|
|
93
93
|
}, [data, openKeys]);
|
|
94
94
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
|
|
95
|
-
className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.
|
|
95
|
+
className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapse), context.inTransition && (classes === null || classes === void 0 ? void 0 : classes.wrapperInTransition))
|
|
96
96
|
}, _hooks.util.getDataAttribute({
|
|
97
97
|
theme: theme,
|
|
98
98
|
mode: isVertical ? 'vertical' : mode
|
package/cjs/menu/menu.type.d.ts
CHANGED
package/cjs/menu/search.js
CHANGED
|
@@ -10,7 +10,7 @@ var _input = require("../input");
|
|
|
10
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
11
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
var _excluded = ["tip", "status", "innerTitle", "placeTitle", "onSearchClick", "
|
|
13
|
+
var _excluded = ["tip", "status", "innerTitle", "placeTitle", "onSearchClick", "collapse", "theme", "jssStyle", "className", "style"];
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
16
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -26,7 +26,7 @@ var Search = function Search(props) {
|
|
|
26
26
|
_innerTitle = props.innerTitle,
|
|
27
27
|
_placeTitle = props.placeTitle,
|
|
28
28
|
onSearchClick = props.onSearchClick,
|
|
29
|
-
|
|
29
|
+
collapse = props.collapse,
|
|
30
30
|
_props$theme = props.theme,
|
|
31
31
|
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
|
32
32
|
jssStyle = props.jssStyle,
|
|
@@ -39,7 +39,7 @@ var Search = function Search(props) {
|
|
|
39
39
|
children: _icons.default.menu.Search
|
|
40
40
|
});
|
|
41
41
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
42
|
-
className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.wrapper, theme === 'light' && (classes === null || classes === void 0 ? void 0 : classes.wrapperLight), theme === 'dark' && (classes === null || classes === void 0 ? void 0 : classes.wrapperDark), !!rest.disabled && (classes === null || classes === void 0 ? void 0 : classes.wrapperDisabled),
|
|
42
|
+
className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.wrapper, theme === 'light' && (classes === null || classes === void 0 ? void 0 : classes.wrapperLight), theme === 'dark' && (classes === null || classes === void 0 ? void 0 : classes.wrapperDark), !!rest.disabled && (classes === null || classes === void 0 ? void 0 : classes.wrapperDisabled), collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapsed), className),
|
|
43
43
|
style: style,
|
|
44
44
|
onClick: !props.disabled ? onSearchClick : undefined,
|
|
45
45
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.Input, _objectSpread(_objectSpread({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,
|
|
1
|
+
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBAsUtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -208,24 +208,34 @@ var Modal = function Modal(props) {
|
|
|
208
208
|
}, []);
|
|
209
209
|
|
|
210
210
|
// render
|
|
211
|
-
|
|
212
|
-
|
|
211
|
+
var renderIcon = function renderIcon(isEmptyTitle) {
|
|
212
|
+
var iconRoot = (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerIcon, isEmptyTitle && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyIcon));
|
|
213
213
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_alertIcon.default, {
|
|
214
214
|
jssStyle: props.jssStyle,
|
|
215
215
|
type: props.type,
|
|
216
|
-
className:
|
|
216
|
+
className: iconRoot
|
|
217
217
|
});
|
|
218
218
|
};
|
|
219
219
|
var renderHeader = function renderHeader() {
|
|
220
|
-
var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
|
|
220
|
+
var showCloseIcon = (maskCloseAble === null || !!maskCloseAble) && !props.hideClose;
|
|
221
221
|
var isEmptyTitle = !props.title && props.title !== 0;
|
|
222
|
+
if (isEmptyTitle) {
|
|
223
|
+
var closeRoot = (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyClose);
|
|
224
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
225
|
+
children: [renderIcon(isEmptyTitle), showCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
226
|
+
className: closeRoot,
|
|
227
|
+
onClick: handleClose,
|
|
228
|
+
children: _icons.default.modal.Close
|
|
229
|
+
})]
|
|
230
|
+
});
|
|
231
|
+
}
|
|
222
232
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
223
|
-
className:
|
|
233
|
+
className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header,
|
|
224
234
|
onMouseDown: props.moveable ? moveInfo.handleMouseDown : undefined,
|
|
225
235
|
children: [renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
226
236
|
className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerTitle,
|
|
227
237
|
children: props.title
|
|
228
|
-
}), showCloseIcon &&
|
|
238
|
+
}), showCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
229
239
|
className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose,
|
|
230
240
|
onClick: handleClose,
|
|
231
241
|
children: _icons.default.modal.Close
|
|
@@ -21,10 +21,11 @@ export interface ModalClasses {
|
|
|
21
21
|
mask: string;
|
|
22
22
|
panel: string;
|
|
23
23
|
header: string;
|
|
24
|
-
headerEmptyTitle: string;
|
|
25
24
|
headerIcon: string;
|
|
25
|
+
emptyIcon: string;
|
|
26
26
|
headerTitle: string;
|
|
27
27
|
headerClose: string;
|
|
28
|
+
emptyClose: string;
|
|
28
29
|
body: string;
|
|
29
30
|
bodyWithIcon: string;
|
|
30
31
|
footer: string;
|
|
@@ -159,7 +160,7 @@ export interface ModalProps extends Pick<CommonType, 'className' | 'style'> {
|
|
|
159
160
|
hideClose?: boolean;
|
|
160
161
|
/**
|
|
161
162
|
* @en pop-up Title show status icon
|
|
162
|
-
* @cn 弹出层 title 显示状态 icon
|
|
163
|
+
* @cn 弹出层 title 显示状态 icon,drawer模式下需配合title使用
|
|
163
164
|
*/
|
|
164
165
|
type?: 'success' | 'info' | 'warning' | 'error';
|
|
165
166
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["modal.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtF,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAE5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["modal.type.ts"],"names":[],"mappings":"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"}
|
package/cjs/spin/spin.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,
|
|
1
|
+
{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBAqE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/spin/spin.js
CHANGED
|
@@ -25,6 +25,7 @@ var Spin = function Spin() {
|
|
|
25
25
|
loading = props.loading,
|
|
26
26
|
nameProps = props.name,
|
|
27
27
|
tip = props.tip,
|
|
28
|
+
tipClassName = props.tipClassName,
|
|
28
29
|
color = props.color,
|
|
29
30
|
_props$mode = props.mode,
|
|
30
31
|
mode = _props$mode === void 0 ? 'vertical' : _props$mode;
|
|
@@ -44,7 +45,7 @@ var Spin = function Spin() {
|
|
|
44
45
|
};
|
|
45
46
|
var renderTip = function renderTip() {
|
|
46
47
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
47
|
-
className: (0, _classnames.default)(
|
|
48
|
+
className: (0, _classnames.default)(tipClassName, spinStyle.tip),
|
|
48
49
|
style: {
|
|
49
50
|
color: color
|
|
50
51
|
},
|
package/cjs/spin/spin.type.d.ts
CHANGED
|
@@ -56,6 +56,11 @@ export interface BaseSpinProps {
|
|
|
56
56
|
}
|
|
57
57
|
export interface SpinProps extends Pick<CommonType, 'className' | 'style'> {
|
|
58
58
|
jssStyle?: SpinStyle;
|
|
59
|
+
/**
|
|
60
|
+
* @en Tip className
|
|
61
|
+
* @cn tip 文案上的 className
|
|
62
|
+
*/
|
|
63
|
+
tipClassName?: string;
|
|
59
64
|
/**
|
|
60
65
|
* @en Spin has children
|
|
61
66
|
* @cn 作为包裹元素使用
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spin.type.d.ts","sourceRoot":"","sources":["spin.type.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"spin.type.d.ts","sourceRoot":"","sources":["spin.type.ts"],"names":[],"mappings":"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"}
|
package/cjs/spin/spins.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spins.d.ts","sourceRoot":"","sources":["spins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgC,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"spins.d.ts","sourceRoot":"","sources":["spins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgC,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;AAmOtE,wBAcE"}
|
package/cjs/spin/spins.js
CHANGED
|
@@ -74,15 +74,14 @@ var Default = function Default(props) {
|
|
|
74
74
|
var _jssStyle$spin4;
|
|
75
75
|
var jssStyle = props.jssStyle,
|
|
76
76
|
_props$size = props.size,
|
|
77
|
-
size = _props$size === void 0 ? 'default' : _props$size
|
|
78
|
-
className = props.className;
|
|
77
|
+
size = _props$size === void 0 ? 'default' : _props$size;
|
|
79
78
|
var _formatSize = (0, _utils.formatSize)(size),
|
|
80
79
|
value = _formatSize.value,
|
|
81
80
|
unit = _formatSize.unit;
|
|
82
81
|
var sizeSet = Math.ceil(value / 12.5) + unit;
|
|
83
82
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin4 = jssStyle.spin) === null || _jssStyle$spin4 === void 0 ? void 0 : _jssStyle$spin4.call(jssStyle)) || {};
|
|
84
83
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
85
|
-
className:
|
|
84
|
+
className: spinStyles.default,
|
|
86
85
|
count: 12,
|
|
87
86
|
itemStyle: {
|
|
88
87
|
width: sizeSet,
|
|
@@ -93,34 +92,31 @@ var Default = function Default(props) {
|
|
|
93
92
|
};
|
|
94
93
|
var ChasingDots = function ChasingDots(props) {
|
|
95
94
|
var _jssStyle$spin5;
|
|
96
|
-
var jssStyle = props.jssStyle
|
|
97
|
-
className = props.className;
|
|
95
|
+
var jssStyle = props.jssStyle;
|
|
98
96
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin5 = jssStyle.spin) === null || _jssStyle$spin5 === void 0 ? void 0 : _jssStyle$spin5.call(jssStyle)) || {};
|
|
99
97
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
100
98
|
count: 2,
|
|
101
|
-
className:
|
|
99
|
+
className: spinStyles.chasingDots,
|
|
102
100
|
render: renderSvgItem
|
|
103
101
|
}));
|
|
104
102
|
};
|
|
105
103
|
var CubeGrid = function CubeGrid(props) {
|
|
106
104
|
var _jssStyle$spin6;
|
|
107
|
-
var jssStyle = props.jssStyle
|
|
108
|
-
className = props.className;
|
|
105
|
+
var jssStyle = props.jssStyle;
|
|
109
106
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin6 = jssStyle.spin) === null || _jssStyle$spin6 === void 0 ? void 0 : _jssStyle$spin6.call(jssStyle)) || {};
|
|
110
107
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
111
108
|
count: 9,
|
|
112
|
-
className:
|
|
109
|
+
className: spinStyles.cubeGrid,
|
|
113
110
|
render: renderSimpleItem
|
|
114
111
|
}));
|
|
115
112
|
};
|
|
116
113
|
var DoubleBounce = function DoubleBounce(props) {
|
|
117
114
|
var _jssStyle$spin7;
|
|
118
|
-
var jssStyle = props.jssStyle
|
|
119
|
-
className = props.className;
|
|
115
|
+
var jssStyle = props.jssStyle;
|
|
120
116
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin7 = jssStyle.spin) === null || _jssStyle$spin7 === void 0 ? void 0 : _jssStyle$spin7.call(jssStyle)) || {};
|
|
121
117
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
122
118
|
count: 2,
|
|
123
|
-
className:
|
|
119
|
+
className: spinStyles.doubleBounce,
|
|
124
120
|
render: renderSimpleItem
|
|
125
121
|
}));
|
|
126
122
|
};
|
|
@@ -128,8 +124,7 @@ var FadingCircle = function FadingCircle(props) {
|
|
|
128
124
|
var _jssStyle$spin8;
|
|
129
125
|
var _props$size2 = props.size,
|
|
130
126
|
size = _props$size2 === void 0 ? 40 : _props$size2,
|
|
131
|
-
jssStyle = props.jssStyle
|
|
132
|
-
className = props.className;
|
|
127
|
+
jssStyle = props.jssStyle;
|
|
133
128
|
var _formatSize2 = (0, _utils.formatSize)(size),
|
|
134
129
|
value = _formatSize2.value,
|
|
135
130
|
unit = _formatSize2.unit;
|
|
@@ -137,7 +132,7 @@ var FadingCircle = function FadingCircle(props) {
|
|
|
137
132
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin8 = jssStyle.spin) === null || _jssStyle$spin8 === void 0 ? void 0 : _jssStyle$spin8.call(jssStyle)) || {};
|
|
138
133
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
139
134
|
count: 12,
|
|
140
|
-
className:
|
|
135
|
+
className: spinStyles.fadingCircle,
|
|
141
136
|
itemSize: itemSize,
|
|
142
137
|
itemClass: (0, _classnames.default)(spinStyles.fade),
|
|
143
138
|
render: renderSvgItem
|
|
@@ -147,8 +142,7 @@ var ScaleCircle = function ScaleCircle(props) {
|
|
|
147
142
|
var _jssStyle$spin9;
|
|
148
143
|
var _props$size3 = props.size,
|
|
149
144
|
size = _props$size3 === void 0 ? 40 : _props$size3,
|
|
150
|
-
jssStyle = props.jssStyle
|
|
151
|
-
className = props.className;
|
|
145
|
+
jssStyle = props.jssStyle;
|
|
152
146
|
var _formatSize3 = (0, _utils.formatSize)(size),
|
|
153
147
|
value = _formatSize3.value,
|
|
154
148
|
unit = _formatSize3.unit;
|
|
@@ -156,7 +150,7 @@ var ScaleCircle = function ScaleCircle(props) {
|
|
|
156
150
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin9 = jssStyle.spin) === null || _jssStyle$spin9 === void 0 ? void 0 : _jssStyle$spin9.call(jssStyle)) || {};
|
|
157
151
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
158
152
|
count: 12,
|
|
159
|
-
className:
|
|
153
|
+
className: spinStyles.fadingCircle,
|
|
160
154
|
itemSize: itemSize,
|
|
161
155
|
itemClass: (0, _classnames.default)(spinStyles.scaleCircle),
|
|
162
156
|
render: renderSvgItem
|
|
@@ -164,20 +158,18 @@ var ScaleCircle = function ScaleCircle(props) {
|
|
|
164
158
|
};
|
|
165
159
|
var FourDots = function FourDots(props) {
|
|
166
160
|
var _jssStyle$spin10;
|
|
167
|
-
var jssStyle = props.jssStyle
|
|
168
|
-
className = props.className;
|
|
161
|
+
var jssStyle = props.jssStyle;
|
|
169
162
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin10 = jssStyle.spin) === null || _jssStyle$spin10 === void 0 ? void 0 : _jssStyle$spin10.call(jssStyle)) || {};
|
|
170
163
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
171
164
|
count: 4,
|
|
172
|
-
className:
|
|
165
|
+
className: spinStyles.fourDots,
|
|
173
166
|
render: renderSvgItem
|
|
174
167
|
}));
|
|
175
168
|
};
|
|
176
169
|
var Plane = function Plane(props) {
|
|
177
170
|
var _jssStyle$spin11;
|
|
178
171
|
var color = props.color,
|
|
179
|
-
jssStyle = props.jssStyle
|
|
180
|
-
className = props.className;
|
|
172
|
+
jssStyle = props.jssStyle;
|
|
181
173
|
var style = {
|
|
182
174
|
backgroundColor: color
|
|
183
175
|
};
|
|
@@ -185,14 +177,13 @@ var Plane = function Plane(props) {
|
|
|
185
177
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
186
178
|
count: 0,
|
|
187
179
|
style: style,
|
|
188
|
-
className:
|
|
180
|
+
className: spinStyles.plane
|
|
189
181
|
}));
|
|
190
182
|
};
|
|
191
183
|
var Pulse = function Pulse(props) {
|
|
192
184
|
var _jssStyle$spin12;
|
|
193
185
|
var color = props.color,
|
|
194
|
-
jssStyle = props.jssStyle
|
|
195
|
-
className = props.className;
|
|
186
|
+
jssStyle = props.jssStyle;
|
|
196
187
|
var style = {
|
|
197
188
|
backgroundColor: color
|
|
198
189
|
};
|
|
@@ -200,7 +191,7 @@ var Pulse = function Pulse(props) {
|
|
|
200
191
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
201
192
|
count: 0,
|
|
202
193
|
style: style,
|
|
203
|
-
className:
|
|
194
|
+
className: spinStyles.pulse
|
|
204
195
|
}));
|
|
205
196
|
};
|
|
206
197
|
var Ring = function Ring(props) {
|
|
@@ -209,7 +200,6 @@ var Ring = function Ring(props) {
|
|
|
209
200
|
size = _props$size4 === void 0 ? 40 : _props$size4,
|
|
210
201
|
color = props.color,
|
|
211
202
|
jssStyle = props.jssStyle,
|
|
212
|
-
className = props.className,
|
|
213
203
|
_props$style = props.style,
|
|
214
204
|
styleProp = _props$style === void 0 ? {} : _props$style;
|
|
215
205
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin13 = jssStyle.spin) === null || _jssStyle$spin13 === void 0 ? void 0 : _jssStyle$spin13.call(jssStyle)) || {};
|
|
@@ -226,15 +216,14 @@ var Ring = function Ring(props) {
|
|
|
226
216
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
227
217
|
count: 0,
|
|
228
218
|
style: style,
|
|
229
|
-
className:
|
|
219
|
+
className: spinStyles.ring
|
|
230
220
|
}));
|
|
231
221
|
};
|
|
232
222
|
var ThreeBounce = function ThreeBounce(props) {
|
|
233
223
|
var _jssStyle$spin14;
|
|
234
224
|
var _props$size5 = props.size,
|
|
235
225
|
size = _props$size5 === void 0 ? 40 : _props$size5,
|
|
236
|
-
jssStyle = props.jssStyle
|
|
237
|
-
className = props.className;
|
|
226
|
+
jssStyle = props.jssStyle;
|
|
238
227
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin14 = jssStyle.spin) === null || _jssStyle$spin14 === void 0 ? void 0 : _jssStyle$spin14.call(jssStyle)) || {};
|
|
239
228
|
var _formatSize5 = (0, _utils.formatSize)(size),
|
|
240
229
|
value = _formatSize5.value,
|
|
@@ -246,7 +235,7 @@ var ThreeBounce = function ThreeBounce(props) {
|
|
|
246
235
|
width: value * 2 + unit,
|
|
247
236
|
height: 'auto'
|
|
248
237
|
},
|
|
249
|
-
className:
|
|
238
|
+
className: spinStyles.threeBounce,
|
|
250
239
|
render: renderSvgItem
|
|
251
240
|
}));
|
|
252
241
|
};
|
|
@@ -254,8 +243,7 @@ var Wave = function Wave(props) {
|
|
|
254
243
|
var _jssStyle$spin15;
|
|
255
244
|
var _props$size6 = props.size,
|
|
256
245
|
size = _props$size6 === void 0 ? 40 : _props$size6,
|
|
257
|
-
jssStyle = props.jssStyle
|
|
258
|
-
className = props.className;
|
|
246
|
+
jssStyle = props.jssStyle;
|
|
259
247
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin15 = jssStyle.spin) === null || _jssStyle$spin15 === void 0 ? void 0 : _jssStyle$spin15.call(jssStyle)) || {};
|
|
260
248
|
var _formatSize6 = (0, _utils.formatSize)(size),
|
|
261
249
|
value = _formatSize6.value,
|
|
@@ -274,7 +262,7 @@ var Wave = function Wave(props) {
|
|
|
274
262
|
marginRight: margin
|
|
275
263
|
},
|
|
276
264
|
count: 5,
|
|
277
|
-
className:
|
|
265
|
+
className: spinStyles.wave,
|
|
278
266
|
render: renderSimpleItem
|
|
279
267
|
}));
|
|
280
268
|
};
|
|
@@ -283,7 +271,6 @@ var ChasingRing = function ChasingRing(props) {
|
|
|
283
271
|
var _props$size7 = props.size,
|
|
284
272
|
size = _props$size7 === void 0 ? 40 : _props$size7,
|
|
285
273
|
color = props.color,
|
|
286
|
-
className = props.className,
|
|
287
274
|
jssStyle = props.jssStyle;
|
|
288
275
|
var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin16 = jssStyle.spin) === null || _jssStyle$spin16 === void 0 ? void 0 : _jssStyle$spin16.call(jssStyle)) || {};
|
|
289
276
|
var _formatSize7 = (0, _utils.formatSize)(size),
|
|
@@ -298,7 +285,7 @@ var ChasingRing = function ChasingRing(props) {
|
|
|
298
285
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
299
286
|
count: 4,
|
|
300
287
|
itemStyle: style,
|
|
301
|
-
className:
|
|
288
|
+
className: spinStyles.chasingRing,
|
|
302
289
|
render: renderSimpleItem
|
|
303
290
|
}));
|
|
304
291
|
};
|
|
@@ -53,7 +53,6 @@ var DefaultStep = function DefaultStep(props) {
|
|
|
53
53
|
var renderIcon = function renderIcon() {
|
|
54
54
|
if (renderIconProp) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
55
55
|
className: iconClass,
|
|
56
|
-
onClick: onChange,
|
|
57
56
|
dir: config.direction,
|
|
58
57
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
59
58
|
className: styles.iconWrapper,
|
|
@@ -70,7 +69,6 @@ var DefaultStep = function DefaultStep(props) {
|
|
|
70
69
|
}
|
|
71
70
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
72
71
|
className: iconClass,
|
|
73
|
-
onClick: onChange,
|
|
74
72
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
75
73
|
className: styles.iconWrapper,
|
|
76
74
|
children: iconComponent
|
|
@@ -85,6 +83,7 @@ var DefaultStep = function DefaultStep(props) {
|
|
|
85
83
|
};
|
|
86
84
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
87
85
|
className: rootClass,
|
|
86
|
+
onClick: onChange,
|
|
88
87
|
children: [showTail && renderTail(), renderIcon(), renderContent()]
|
|
89
88
|
});
|
|
90
89
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colgroup.d.ts","sourceRoot":"","sources":["colgroup.tsx"],"names":[],"mappings":";AAAA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AACD,QAAA,MAAM,QAAQ,UAAW,aAAa,
|
|
1
|
+
{"version":3,"file":"colgroup.d.ts","sourceRoot":"","sources":["colgroup.tsx"],"names":[],"mappings":";AAAA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AACD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA2BrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/cjs/table/colgroup.js
CHANGED
|
@@ -15,9 +15,10 @@ var Colgroup = function Colgroup(props) {
|
|
|
15
15
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("colgroup", {
|
|
16
16
|
children: colgroup === null || colgroup === void 0 ? void 0 : colgroup.map(function (item, index) {
|
|
17
17
|
var isLast = index === colgroup.length - 1;
|
|
18
|
+
var width = isLast && props.shouldLastColAuto ? undefined : item;
|
|
18
19
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("col", {
|
|
19
20
|
style: {
|
|
20
|
-
width:
|
|
21
|
+
width: width
|
|
21
22
|
}
|
|
22
23
|
}, columns[index].key);
|
|
23
24
|
})
|
package/cjs/table/table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,wBAydE"}
|
package/cjs/table/table.js
CHANGED
|
@@ -310,8 +310,6 @@ var _default = exports.default = function _default(props) {
|
|
|
310
310
|
jssStyle: props.jssStyle,
|
|
311
311
|
colgroup: colgroup
|
|
312
312
|
};
|
|
313
|
-
var headWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
|
|
314
|
-
var footWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
|
|
315
313
|
var fixRightNum = (isRtl ? -1 * maxScrollLeft : maxScrollLeft) - virtualInfo.innerLeft;
|
|
316
314
|
var Wrapper = props.sticky ? _sticky.default : _react.default.Fragment;
|
|
317
315
|
var sticky = _typeof(props.sticky) === 'object' ? props.sticky : {
|
|
@@ -324,7 +322,10 @@ var _default = exports.default = function _default(props) {
|
|
|
324
322
|
css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
|
|
325
323
|
parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
|
|
326
324
|
};
|
|
327
|
-
|
|
325
|
+
var isRenderBaseTable = !virtual && !isScrollY && !props.sticky && ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.length);
|
|
326
|
+
var headWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
|
|
327
|
+
var footWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
|
|
328
|
+
if (isRenderBaseTable) {
|
|
328
329
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
329
330
|
ref: scrollRef,
|
|
330
331
|
className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bodyWrapper,
|
|
@@ -362,6 +363,7 @@ var _default = exports.default = function _default(props) {
|
|
|
362
363
|
scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
|
|
363
364
|
onScroll: handleVirtualScroll,
|
|
364
365
|
defaultHeight: context.emptyHeight,
|
|
366
|
+
isScrollY: isScrollY,
|
|
365
367
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
|
|
366
368
|
style: {
|
|
367
369
|
width: width,
|
|
@@ -142,7 +142,7 @@ export interface TableProps<DataItem, Value> extends Pick<CommonType, 'className
|
|
|
142
142
|
* @en height of table, same with style.height
|
|
143
143
|
* @cn 表格高度,与 style.height 作用相同
|
|
144
144
|
*/
|
|
145
|
-
height?: number;
|
|
145
|
+
height?: number | string;
|
|
146
146
|
/**
|
|
147
147
|
* @en The callback function after scrolling.\nx: Horizontal rolling ratio(0 <= x <= 1)\ny: Vertical scroll ratio(0 <= y <= 1)
|
|
148
148
|
* @cn 滚动条滚动后回调函数;\nx: 横向滚动比(0 <= x <= 1)\ny: 纵向滚动比(0 <= y <= 1)
|