@hi-ui/tabs 4.0.0-beta.1 → 4.0.0-beta.12
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/lib/cjs/TabInk.js +1 -3
- package/lib/cjs/TabItem.js +5 -6
- package/lib/cjs/TabList.js +32 -21
- package/lib/cjs/TabPane.js +1 -2
- package/lib/cjs/Tabs.js +9 -11
- package/lib/cjs/index.js +6 -4
- package/lib/cjs/styles/index.scss.js +1 -2
- package/lib/esm/TabInk.js +0 -2
- package/lib/esm/TabItem.js +0 -1
- package/lib/esm/TabList.js +28 -18
- package/lib/esm/TabPane.js +0 -1
- package/lib/esm/Tabs.js +4 -6
- package/lib/esm/index.js +7 -2
- package/lib/esm/styles/index.scss.js +2 -3
- package/lib/types/TabInk.d.ts +2 -2
- package/lib/types/TabItem.d.ts +1 -1
- package/lib/types/index.d.ts +5 -1
- package/package.json +8 -7
- package/lib/cjs/TabInk.js.map +0 -1
- package/lib/cjs/TabItem.js.map +0 -1
- package/lib/cjs/TabList.js.map +0 -1
- package/lib/cjs/TabPane.js.map +0 -1
- package/lib/cjs/Tabs.js.map +0 -1
- package/lib/cjs/index.js.map +0 -1
- package/lib/cjs/styles/index.scss.js.map +0 -1
- package/lib/esm/TabInk.js.map +0 -1
- package/lib/esm/TabItem.js.map +0 -1
- package/lib/esm/TabList.js.map +0 -1
- package/lib/esm/TabPane.js.map +0 -1
- package/lib/esm/Tabs.js.map +0 -1
- package/lib/esm/index.js.map +0 -1
- package/lib/esm/styles/index.scss.js.map +0 -1
package/lib/cjs/TabInk.js
CHANGED
|
@@ -62,12 +62,10 @@ var TabInk = function TabInk(_ref) {
|
|
|
62
62
|
Object.assign(inkRef.current.style, _style);
|
|
63
63
|
}
|
|
64
64
|
}, [itemRef, tabListRef, direction]);
|
|
65
|
-
return /*#__PURE__*/React__default[
|
|
65
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
66
66
|
className: classname.cx(prefixCls + "__ink", (_cx = {}, _cx[prefixCls + "__ink--disabled"] = disabled, _cx)),
|
|
67
67
|
ref: inkRef
|
|
68
68
|
});
|
|
69
69
|
};
|
|
70
70
|
|
|
71
71
|
exports.TabInk = TabInk;
|
|
72
|
-
exports["default"] = TabInk;
|
|
73
|
-
//# sourceMappingURL=TabInk.js.map
|
package/lib/cjs/TabItem.js
CHANGED
|
@@ -73,7 +73,7 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
73
73
|
}
|
|
74
74
|
}, [onTabClick, tabId]);
|
|
75
75
|
|
|
76
|
-
return /*#__PURE__*/React__default[
|
|
76
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
77
77
|
style: style,
|
|
78
78
|
className: classname.cx(prefixCls + "__item", className, (_cx = {}, _cx[prefixCls + "__item--active"] = active, _cx[prefixCls + "__item--" + direction] = direction, _cx)),
|
|
79
79
|
ref: ref,
|
|
@@ -174,11 +174,11 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
174
174
|
});
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
|
-
}, /*#__PURE__*/React__default[
|
|
177
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
178
178
|
className: prefixCls + "-item__title"
|
|
179
|
-
}, tabTitle), type === 'desc' && /*#__PURE__*/React__default[
|
|
179
|
+
}, tabTitle), type === 'desc' && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
180
180
|
className: prefixCls + "-item__desc"
|
|
181
|
-
}, tabDesc), editable && closeable && /*#__PURE__*/React__default[
|
|
181
|
+
}, tabDesc), editable && closeable && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
182
182
|
className: prefixCls + "__close-btn",
|
|
183
183
|
onClick: function onClick(e) {
|
|
184
184
|
e.stopPropagation();
|
|
@@ -190,7 +190,7 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
190
190
|
}, index);
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
|
-
}, /*#__PURE__*/React__default[
|
|
193
|
+
}, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null)));
|
|
194
194
|
});
|
|
195
195
|
|
|
196
196
|
if (env.__DEV__) {
|
|
@@ -198,4 +198,3 @@ if (env.__DEV__) {
|
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
exports.TabItem = TabItem;
|
|
201
|
-
//# sourceMappingURL=TabItem.js.map
|
package/lib/cjs/TabList.js
CHANGED
|
@@ -31,6 +31,8 @@ var icons = require('@hi-ui/icons');
|
|
|
31
31
|
|
|
32
32
|
var typeAssertion = require('@hi-ui/type-assertion');
|
|
33
33
|
|
|
34
|
+
var iconButton = require('@hi-ui/icon-button');
|
|
35
|
+
|
|
34
36
|
function _interopDefaultLegacy(e) {
|
|
35
37
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
36
38
|
'default': e
|
|
@@ -98,11 +100,12 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
98
100
|
setTranslateY = _useState4[1];
|
|
99
101
|
|
|
100
102
|
var itemsRef = React.useRef({});
|
|
101
|
-
var showScrollBtn =
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}
|
|
103
|
+
var showScrollBtn = false;
|
|
104
|
+
|
|
105
|
+
if (scrollRef && innerRef) {
|
|
106
|
+
showScrollBtn = direction === 'horizontal' ? scrollRef.clientWidth > innerRef.clientWidth : scrollRef.clientHeight > innerRef.clientHeight;
|
|
107
|
+
}
|
|
108
|
+
|
|
106
109
|
var onClickTab = React.useCallback(function (key, event) {
|
|
107
110
|
if (onTabClick) {
|
|
108
111
|
onTabClick(key, event);
|
|
@@ -112,12 +115,14 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
112
115
|
setActiveTabId(key);
|
|
113
116
|
}
|
|
114
117
|
}, [activeTabId, onTabClick, setActiveTabId]);
|
|
115
|
-
return /*#__PURE__*/React__default[
|
|
118
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
116
119
|
style: style,
|
|
117
120
|
className: classname.cx(prefixCls + "__list", (_cx = {}, _cx[prefixCls + "__list--" + type] = type, _cx), className),
|
|
118
121
|
ref: ref
|
|
119
|
-
}, showScrollBtn && direction === 'horizontal' && /*#__PURE__*/React__default[
|
|
120
|
-
className: prefixCls + "
|
|
122
|
+
}, showScrollBtn && direction === 'horizontal' && /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
123
|
+
className: prefixCls + "__left-btn",
|
|
124
|
+
effect: true,
|
|
125
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.LeftOutlined, null),
|
|
121
126
|
onClick: function onClick() {
|
|
122
127
|
if (scrollRef && innerRef) {
|
|
123
128
|
var canScroll = -translateX - innerRef.clientWidth;
|
|
@@ -132,8 +137,10 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
132
137
|
setTranslateX(translateX + moveWidth);
|
|
133
138
|
}
|
|
134
139
|
}
|
|
135
|
-
}
|
|
136
|
-
className: prefixCls + "
|
|
140
|
+
}), showScrollBtn && direction === 'vertical' && /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
141
|
+
className: prefixCls + "__up-btn",
|
|
142
|
+
effect: true,
|
|
143
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null),
|
|
137
144
|
onClick: function onClick() {
|
|
138
145
|
if (scrollRef && innerRef) {
|
|
139
146
|
var canScroll = -translateY - innerRef.clientHeight;
|
|
@@ -148,17 +155,17 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
148
155
|
setTranslateY(translateY + moveWidth);
|
|
149
156
|
}
|
|
150
157
|
}
|
|
151
|
-
}
|
|
158
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
152
159
|
className: classname.cx(prefixCls + "__list--inner"),
|
|
153
160
|
ref: setInnerRef
|
|
154
|
-
}, /*#__PURE__*/React__default[
|
|
161
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
155
162
|
className: classname.cx(prefixCls + "__list--scroll"),
|
|
156
163
|
ref: setScrollRef,
|
|
157
164
|
style: showScrollBtn ? {
|
|
158
165
|
transform: direction === 'horizontal' ? "translateX(" + translateX + "px)" : "translateY(" + translateY + "px)"
|
|
159
166
|
} : {}
|
|
160
167
|
}, data.map(function (d, index) {
|
|
161
|
-
return /*#__PURE__*/React__default[
|
|
168
|
+
return /*#__PURE__*/React__default["default"].createElement(TabItem.TabItem, Object.assign({
|
|
162
169
|
key: index
|
|
163
170
|
}, d, {
|
|
164
171
|
ref: function ref(node) {
|
|
@@ -179,14 +186,16 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
179
186
|
onDragEnd: onDragEnd,
|
|
180
187
|
direction: direction
|
|
181
188
|
}));
|
|
182
|
-
}), type === 'line' && /*#__PURE__*/React__default[
|
|
189
|
+
}), type === 'line' && /*#__PURE__*/React__default["default"].createElement(TabInk.TabInk, {
|
|
183
190
|
translate: direction === 'horizontal' ? translateX : translateY,
|
|
184
191
|
prefixCls: prefixCls,
|
|
185
192
|
direction: direction,
|
|
186
193
|
tabListRef: innerRef,
|
|
187
194
|
itemRef: (_a = itemsRef.current) === null || _a === void 0 ? void 0 : _a[activeTabId]
|
|
188
|
-
}))), showScrollBtn && direction === 'horizontal' && /*#__PURE__*/React__default[
|
|
189
|
-
|
|
195
|
+
}))), showScrollBtn && direction === 'horizontal' && /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
196
|
+
effect: true,
|
|
197
|
+
className: prefixCls + "__right-btn",
|
|
198
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.RightOutlined, null),
|
|
190
199
|
onClick: function onClick() {
|
|
191
200
|
if (scrollRef && innerRef) {
|
|
192
201
|
var canScroll = scrollRef.clientWidth - innerRef.clientWidth + translateX;
|
|
@@ -201,8 +210,10 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
201
210
|
setTranslateX(translateX - moveWidth);
|
|
202
211
|
}
|
|
203
212
|
}
|
|
204
|
-
}
|
|
205
|
-
|
|
213
|
+
}), showScrollBtn && direction === 'vertical' && /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
214
|
+
effect: true,
|
|
215
|
+
className: prefixCls + "__down-btn",
|
|
216
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null),
|
|
206
217
|
onClick: function onClick() {
|
|
207
218
|
if (scrollRef && innerRef) {
|
|
208
219
|
var canScroll = scrollRef.clientHeight - innerRef.clientHeight + translateY;
|
|
@@ -217,10 +228,11 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
217
228
|
setTranslateY(translateY - moveWidth);
|
|
218
229
|
}
|
|
219
230
|
}
|
|
220
|
-
}
|
|
231
|
+
}), editable ? /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
|
|
232
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.PlusOutlined, null),
|
|
221
233
|
className: prefixCls + "__add-btn",
|
|
222
234
|
onClick: onAdd
|
|
223
|
-
}
|
|
235
|
+
}) : null, extra);
|
|
224
236
|
});
|
|
225
237
|
|
|
226
238
|
if (env.__DEV__) {
|
|
@@ -228,4 +240,3 @@ if (env.__DEV__) {
|
|
|
228
240
|
}
|
|
229
241
|
|
|
230
242
|
exports.TabList = TabList;
|
|
231
|
-
//# sourceMappingURL=TabList.js.map
|
package/lib/cjs/TabPane.js
CHANGED
|
@@ -30,11 +30,10 @@ var TabPane = function TabPane(_ref) {
|
|
|
30
30
|
className = _ref.className,
|
|
31
31
|
style = _ref.style,
|
|
32
32
|
active = _ref.active;
|
|
33
|
-
return /*#__PURE__*/React__default[
|
|
33
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34
34
|
style: style,
|
|
35
35
|
className: className
|
|
36
36
|
}, active ? children : null);
|
|
37
37
|
};
|
|
38
38
|
|
|
39
39
|
exports.TabPane = TabPane;
|
|
40
|
-
//# sourceMappingURL=TabPane.js.map
|
package/lib/cjs/Tabs.js
CHANGED
|
@@ -46,8 +46,6 @@ var _prefix = classname.getPrefixCls(_role);
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
49
|
-
var _cx;
|
|
50
|
-
|
|
51
49
|
var _a$prefixCls = _a.prefixCls,
|
|
52
50
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
|
53
51
|
_a$role = _a.role,
|
|
@@ -75,10 +73,9 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
75
73
|
extra = _a.extra,
|
|
76
74
|
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "defaultActiveId", "activeId", "onChange", "onTabClick", "editable", "placement", "onAdd", "onDelete", "draggable", "onDragStart", "onDragOver", "onDragEnd", "onDrop", "style", "type", "extra"]);
|
|
77
75
|
|
|
78
|
-
var cls = classname.cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--vertical"] = placement === 'vertical', _cx[prefixCls + "--" + type] = type, _cx));
|
|
79
76
|
var tabList = React.useMemo(function () {
|
|
80
77
|
var list = [];
|
|
81
|
-
React__default[
|
|
78
|
+
React__default["default"].Children.map(children, function (child) {
|
|
82
79
|
if (child) {
|
|
83
80
|
var _child$props = child.props,
|
|
84
81
|
tabTitle = _child$props.tabTitle,
|
|
@@ -109,12 +106,13 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
109
106
|
activeTabId = _useUncontrolledState[0],
|
|
110
107
|
setActiveTabId = _useUncontrolledState[1];
|
|
111
108
|
|
|
112
|
-
|
|
109
|
+
var cls = classname.cx(prefixCls, className, placement && prefixCls + "--placement-" + placement, type && prefixCls + "--type-" + type);
|
|
110
|
+
return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
|
113
111
|
ref: ref,
|
|
114
112
|
role: role,
|
|
115
113
|
className: cls,
|
|
116
114
|
style: style
|
|
117
|
-
}, rest), /*#__PURE__*/React__default[
|
|
115
|
+
}, rest), /*#__PURE__*/React__default["default"].createElement(TabList.TabList, {
|
|
118
116
|
prefixCls: prefixCls,
|
|
119
117
|
data: tabList,
|
|
120
118
|
activeId: activeId,
|
|
@@ -131,13 +129,14 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
131
129
|
type: type,
|
|
132
130
|
onDragStart: onDragStart,
|
|
133
131
|
extra: extra
|
|
134
|
-
}), /*#__PURE__*/React__default[
|
|
132
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
135
133
|
className: _prefix + "__content"
|
|
136
|
-
}, React__default[
|
|
137
|
-
return child
|
|
134
|
+
}, React__default["default"].Children.map(children, function (child) {
|
|
135
|
+
return child ? /*#__PURE__*/React__default["default"].cloneElement(child, {
|
|
136
|
+
key: child.props.tabId,
|
|
138
137
|
className: classname.cx(_prefix + "-tab-pane", child.props.className),
|
|
139
138
|
active: activeTabId === child.props.tabId
|
|
140
|
-
});
|
|
139
|
+
}) : null;
|
|
141
140
|
})));
|
|
142
141
|
});
|
|
143
142
|
|
|
@@ -146,4 +145,3 @@ if (env.__DEV__) {
|
|
|
146
145
|
}
|
|
147
146
|
|
|
148
147
|
exports.Tabs = Tabs;
|
|
149
|
-
//# sourceMappingURL=Tabs.js.map
|
package/lib/cjs/index.js
CHANGED
|
@@ -15,14 +15,16 @@ Object.defineProperty(exports, '__esModule', {
|
|
|
15
15
|
|
|
16
16
|
require('./styles/index.scss.js');
|
|
17
17
|
|
|
18
|
-
var Tabs = require('./Tabs.js');
|
|
18
|
+
var Tabs$1 = require('./Tabs.js');
|
|
19
19
|
|
|
20
20
|
var TabPane = require('./TabPane.js');
|
|
21
21
|
|
|
22
22
|
var TabList = require('./TabList.js');
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
var Tabs = Object.assign(Tabs$1.Tabs, {
|
|
25
|
+
Pane: TabPane.TabPane
|
|
26
|
+
});
|
|
27
|
+
exports.Tabs = Tabs$1.Tabs;
|
|
26
28
|
exports.TabPane = TabPane.TabPane;
|
|
27
29
|
exports.TabList = TabList.TabList;
|
|
28
|
-
|
|
30
|
+
exports["default"] = Tabs;
|
|
@@ -12,11 +12,10 @@
|
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
|
13
13
|
value: true
|
|
14
14
|
});
|
|
15
|
-
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tabs__add-btn {\n cursor: pointer; }\n.hi-v4-tabs__close-btn {\n cursor: pointer;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n margin-left: 4px;\n margin-left: var(--hi-v4-spacing-2, 4px);\n -webkit-transition: color 0.3s;\n transition: color 0.3s; }\n.hi-v4-tabs__close-btn:hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--card .hi-v4-tabs__content {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list {\n position: relative;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n margin: 0;\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px 4px 0 0;\n border-radius: var(--hi-v4-border-radius-normal, 4px) var(--hi-v4-border-radius-normal, 4px) 0 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 4px 4px 4px 0;\n margin: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) 0;\n padding: 4px 20px;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs__list--desc {\n padding: 0 20px;\n padding: 0 var(--hi-v4-spacing-10, 20px); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item {\n background: #f5f7fa;\n background: var(--hi-v4-color-gray-50, #f5f7fa);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 20px 12px 20px 0;\n margin: var(--hi-v4-spacing-10, 20px) var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px) 0;\n padding: 16px 20px;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__list--inner {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n position: relative;\n overflow: hidden; }\n.hi-v4-tabs__list--scroll {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0;\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: 4px 0 0 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px) 0 0 var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 0 0 4px 0;\n margin: 0 0 var(--hi-v4-spacing-2, 4px) 0;\n padding: 4px 20px;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 0 0 12px 0;\n margin: 0 0 var(--hi-v4-spacing-6, 12px) 0;\n padding: 16px 20px;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n background: #f5f7fa;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--inner {\n width: auto;\n display: block;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--scroll {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item {\n line-height: 1.5rem;\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--prev {\n border-top: 1px dashed #237ffa;\n border-top: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa);\n border-left: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--next {\n border-bottom: 1px dashed #237ffa;\n border-bottom: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa);\n border-right: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__content {\n padding-left: 16px;\n padding-top: 0; }\n.hi-v4-tabs--vertical .hi-v4-tabs__ink {\n position: absolute;\n left: 0;\n bottom: auto;\n width: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__ink {\n position: absolute;\n bottom: 0;\n right: auto;\n top: auto;\n height: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item {\n line-height: 1.5rem;\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n cursor: pointer;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--prev {\n border-left: 1px dashed #237ffa;\n border-left: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--next {\n border-right: 1px dashed #237ffa;\n border-right: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--disabled {\n color: #929aa6 !important;\n color: var(--hi-v4-color-gray-500, #929aa6) !important;\n cursor: not-allowed; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--active) {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis; }\n.hi-v4-tabs__content {\n width: 100%;\n overflow: hidden;\n padding-top: 16px;\n padding-top: var(--hi-v4-spacing-8, 16px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n";
|
|
15
|
+
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tabs__add-btn.hi-v4-icon-button {\n font-size: var(--hi-v4-text-size-md, 0.875rem); }\n.hi-v4-tabs__up-btn.hi-v4-icon-button, .hi-v4-tabs__down-btn.hi-v4-icon-button, .hi-v4-tabs__left-btn.hi-v4-icon-button, .hi-v4-tabs__right-btn.hi-v4-icon-button {\n margin: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-tabs__close-btn {\n cursor: pointer;\n color: var(--hi-v4-color-gray-500, #929aa6);\n margin-left: var(--hi-v4-spacing-2, 4px);\n -webkit-transition: color 0.3s;\n transition: color 0.3s; }\n.hi-v4-tabs__close-btn:hover {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs--card .hi-v4-tabs__content {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list {\n position: relative;\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n color: var(--hi-v4-color-gray-500, #929aa6);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n margin: 0;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px) var(--hi-v4-border-radius-md, 4px) 0 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) 0;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-tabs__list--desc {\n padding: 0 var(--hi-v4-spacing-10, 20px); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item {\n background: var(--hi-v4-color-gray-50, #f5f7fa);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: var(--hi-v4-spacing-10, 20px) var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px) 0;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__list--inner {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n position: relative;\n overflow: hidden; }\n.hi-v4-tabs__list--scroll {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--placement-vertical {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__content {\n padding-left: 16px;\n padding-top: 0; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--inner {\n width: auto;\n display: block;\n position: relative; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--scroll {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__item {\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__item--prev {\n border-top: 1px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-left: none; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__item--next {\n border-bottom: 1px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-right: none; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__ink {\n position: absolute;\n left: 0;\n bottom: auto;\n width: 2px;\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: var(--hi-v4-border-radius-md, 4px) 0 0 var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 0 0 var(--hi-v4-spacing-2, 4px) 0;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 0 0 var(--hi-v4-spacing-6, 12px) 0;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__ink {\n position: absolute;\n bottom: 0;\n right: auto;\n top: auto;\n height: 2px;\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item {\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n cursor: pointer;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item:focus {\n outline: 0; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__item--prev {\n border-left: 1px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__item--next {\n border-right: 1px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__item--disabled {\n color: var(--hi-v4-color-gray-500, #929aa6) !important;\n cursor: not-allowed; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--active) {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis; }\n.hi-v4-tabs__content {\n width: 100%;\n overflow: hidden;\n padding-top: var(--hi-v4-spacing-8, 16px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n";
|
|
16
16
|
|
|
17
17
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
|
18
18
|
|
|
19
19
|
__styleInject__(css_248z);
|
|
20
20
|
|
|
21
21
|
exports["default"] = css_248z;
|
|
22
|
-
//# sourceMappingURL=index.scss.js.map
|
package/lib/esm/TabInk.js
CHANGED
package/lib/esm/TabItem.js
CHANGED
package/lib/esm/TabList.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
9
|
*/
|
|
10
|
-
import React, { forwardRef, useState, useRef,
|
|
10
|
+
import React, { forwardRef, useState, useRef, useCallback } from 'react';
|
|
11
11
|
import { __DEV__ } from '@hi-ui/env';
|
|
12
12
|
import { TabItem } from './TabItem.js';
|
|
13
13
|
import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
|
|
@@ -15,6 +15,7 @@ import { getPrefixCls, cx } from '@hi-ui/classname';
|
|
|
15
15
|
import { TabInk } from './TabInk.js';
|
|
16
16
|
import { LeftOutlined, UpOutlined, RightOutlined, DownOutlined, PlusOutlined } from '@hi-ui/icons';
|
|
17
17
|
import { isUndef } from '@hi-ui/type-assertion';
|
|
18
|
+
import { IconButton } from '@hi-ui/icon-button';
|
|
18
19
|
var _role = 'tabs';
|
|
19
20
|
|
|
20
21
|
var _prefix = getPrefixCls(_role);
|
|
@@ -74,11 +75,12 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
74
75
|
setTranslateY = _useState4[1];
|
|
75
76
|
|
|
76
77
|
var itemsRef = useRef({});
|
|
77
|
-
var showScrollBtn =
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}
|
|
78
|
+
var showScrollBtn = false;
|
|
79
|
+
|
|
80
|
+
if (scrollRef && innerRef) {
|
|
81
|
+
showScrollBtn = direction === 'horizontal' ? scrollRef.clientWidth > innerRef.clientWidth : scrollRef.clientHeight > innerRef.clientHeight;
|
|
82
|
+
}
|
|
83
|
+
|
|
82
84
|
var onClickTab = useCallback(function (key, event) {
|
|
83
85
|
if (onTabClick) {
|
|
84
86
|
onTabClick(key, event);
|
|
@@ -92,8 +94,10 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
92
94
|
style: style,
|
|
93
95
|
className: cx(prefixCls + "__list", (_cx = {}, _cx[prefixCls + "__list--" + type] = type, _cx), className),
|
|
94
96
|
ref: ref
|
|
95
|
-
}, showScrollBtn && direction === 'horizontal' && /*#__PURE__*/React.createElement(
|
|
96
|
-
className: prefixCls + "
|
|
97
|
+
}, showScrollBtn && direction === 'horizontal' && /*#__PURE__*/React.createElement(IconButton, {
|
|
98
|
+
className: prefixCls + "__left-btn",
|
|
99
|
+
effect: true,
|
|
100
|
+
icon: /*#__PURE__*/React.createElement(LeftOutlined, null),
|
|
97
101
|
onClick: function onClick() {
|
|
98
102
|
if (scrollRef && innerRef) {
|
|
99
103
|
var canScroll = -translateX - innerRef.clientWidth;
|
|
@@ -108,8 +112,10 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
108
112
|
setTranslateX(translateX + moveWidth);
|
|
109
113
|
}
|
|
110
114
|
}
|
|
111
|
-
}
|
|
112
|
-
className: prefixCls + "
|
|
115
|
+
}), showScrollBtn && direction === 'vertical' && /*#__PURE__*/React.createElement(IconButton, {
|
|
116
|
+
className: prefixCls + "__up-btn",
|
|
117
|
+
effect: true,
|
|
118
|
+
icon: /*#__PURE__*/React.createElement(UpOutlined, null),
|
|
113
119
|
onClick: function onClick() {
|
|
114
120
|
if (scrollRef && innerRef) {
|
|
115
121
|
var canScroll = -translateY - innerRef.clientHeight;
|
|
@@ -124,7 +130,7 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
124
130
|
setTranslateY(translateY + moveWidth);
|
|
125
131
|
}
|
|
126
132
|
}
|
|
127
|
-
}
|
|
133
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
128
134
|
className: cx(prefixCls + "__list--inner"),
|
|
129
135
|
ref: setInnerRef
|
|
130
136
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -161,8 +167,10 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
161
167
|
direction: direction,
|
|
162
168
|
tabListRef: innerRef,
|
|
163
169
|
itemRef: (_a = itemsRef.current) === null || _a === void 0 ? void 0 : _a[activeTabId]
|
|
164
|
-
}))), showScrollBtn && direction === 'horizontal' && /*#__PURE__*/React.createElement(
|
|
165
|
-
|
|
170
|
+
}))), showScrollBtn && direction === 'horizontal' && /*#__PURE__*/React.createElement(IconButton, {
|
|
171
|
+
effect: true,
|
|
172
|
+
className: prefixCls + "__right-btn",
|
|
173
|
+
icon: /*#__PURE__*/React.createElement(RightOutlined, null),
|
|
166
174
|
onClick: function onClick() {
|
|
167
175
|
if (scrollRef && innerRef) {
|
|
168
176
|
var canScroll = scrollRef.clientWidth - innerRef.clientWidth + translateX;
|
|
@@ -177,8 +185,10 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
177
185
|
setTranslateX(translateX - moveWidth);
|
|
178
186
|
}
|
|
179
187
|
}
|
|
180
|
-
}
|
|
181
|
-
|
|
188
|
+
}), showScrollBtn && direction === 'vertical' && /*#__PURE__*/React.createElement(IconButton, {
|
|
189
|
+
effect: true,
|
|
190
|
+
className: prefixCls + "__down-btn",
|
|
191
|
+
icon: /*#__PURE__*/React.createElement(DownOutlined, null),
|
|
182
192
|
onClick: function onClick() {
|
|
183
193
|
if (scrollRef && innerRef) {
|
|
184
194
|
var canScroll = scrollRef.clientHeight - innerRef.clientHeight + translateY;
|
|
@@ -193,10 +203,11 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
193
203
|
setTranslateY(translateY - moveWidth);
|
|
194
204
|
}
|
|
195
205
|
}
|
|
196
|
-
}
|
|
206
|
+
}), editable ? /*#__PURE__*/React.createElement(IconButton, {
|
|
207
|
+
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
|
197
208
|
className: prefixCls + "__add-btn",
|
|
198
209
|
onClick: onAdd
|
|
199
|
-
}
|
|
210
|
+
}) : null, extra);
|
|
200
211
|
});
|
|
201
212
|
|
|
202
213
|
if (__DEV__) {
|
|
@@ -204,4 +215,3 @@ if (__DEV__) {
|
|
|
204
215
|
}
|
|
205
216
|
|
|
206
217
|
export { TabList };
|
|
207
|
-
//# sourceMappingURL=TabList.js.map
|
package/lib/esm/TabPane.js
CHANGED
package/lib/esm/Tabs.js
CHANGED
|
@@ -23,8 +23,6 @@ var _prefix = getPrefixCls(_role);
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
var Tabs = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
26
|
-
var _cx;
|
|
27
|
-
|
|
28
26
|
var _a$prefixCls = _a.prefixCls,
|
|
29
27
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
|
30
28
|
_a$role = _a.role,
|
|
@@ -52,7 +50,6 @@ var Tabs = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
52
50
|
extra = _a.extra,
|
|
53
51
|
rest = __rest(_a, ["prefixCls", "role", "className", "children", "defaultActiveId", "activeId", "onChange", "onTabClick", "editable", "placement", "onAdd", "onDelete", "draggable", "onDragStart", "onDragOver", "onDragEnd", "onDrop", "style", "type", "extra"]);
|
|
54
52
|
|
|
55
|
-
var cls = cx(prefixCls, className, (_cx = {}, _cx[prefixCls + "--vertical"] = placement === 'vertical', _cx[prefixCls + "--" + type] = type, _cx));
|
|
56
53
|
var tabList = useMemo(function () {
|
|
57
54
|
var list = [];
|
|
58
55
|
React.Children.map(children, function (child) {
|
|
@@ -86,6 +83,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
86
83
|
activeTabId = _useUncontrolledState[0],
|
|
87
84
|
setActiveTabId = _useUncontrolledState[1];
|
|
88
85
|
|
|
86
|
+
var cls = cx(prefixCls, className, placement && prefixCls + "--placement-" + placement, type && prefixCls + "--type-" + type);
|
|
89
87
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
90
88
|
ref: ref,
|
|
91
89
|
role: role,
|
|
@@ -111,10 +109,11 @@ var Tabs = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
111
109
|
}), /*#__PURE__*/React.createElement("div", {
|
|
112
110
|
className: _prefix + "__content"
|
|
113
111
|
}, React.Children.map(children, function (child) {
|
|
114
|
-
return child
|
|
112
|
+
return child ? /*#__PURE__*/React.cloneElement(child, {
|
|
113
|
+
key: child.props.tabId,
|
|
115
114
|
className: cx(_prefix + "-tab-pane", child.props.className),
|
|
116
115
|
active: activeTabId === child.props.tabId
|
|
117
|
-
});
|
|
116
|
+
}) : null;
|
|
118
117
|
})));
|
|
119
118
|
});
|
|
120
119
|
|
|
@@ -123,4 +122,3 @@ if (__DEV__) {
|
|
|
123
122
|
}
|
|
124
123
|
|
|
125
124
|
export { Tabs };
|
|
126
|
-
//# sourceMappingURL=Tabs.js.map
|
package/lib/esm/index.js
CHANGED
|
@@ -8,7 +8,12 @@
|
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
9
|
*/
|
|
10
10
|
import './styles/index.scss.js';
|
|
11
|
-
|
|
11
|
+
import { Tabs as Tabs$1 } from './Tabs.js';
|
|
12
|
+
export { Tabs } from './Tabs.js';
|
|
13
|
+
import { TabPane } from './TabPane.js';
|
|
12
14
|
export { TabPane } from './TabPane.js';
|
|
13
15
|
export { TabList } from './TabList.js';
|
|
14
|
-
|
|
16
|
+
var Tabs = Object.assign(Tabs$1, {
|
|
17
|
+
Pane: TabPane
|
|
18
|
+
});
|
|
19
|
+
export { Tabs as default };
|
|
@@ -7,11 +7,10 @@
|
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
9
|
*/
|
|
10
|
-
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tabs__add-btn {\n cursor: pointer; }\n.hi-v4-tabs__close-btn {\n cursor: pointer;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n margin-left: 4px;\n margin-left: var(--hi-v4-spacing-2, 4px);\n -webkit-transition: color 0.3s;\n transition: color 0.3s; }\n.hi-v4-tabs__close-btn:hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--card .hi-v4-tabs__content {\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list {\n position: relative;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n margin: 0;\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px 4px 0 0;\n border-radius: var(--hi-v4-border-radius-normal, 4px) var(--hi-v4-border-radius-normal, 4px) 0 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 4px 4px 4px 0;\n margin: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) 0;\n padding: 4px 20px;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs__list--desc {\n padding: 0 20px;\n padding: 0 var(--hi-v4-spacing-10, 20px); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item {\n background: #f5f7fa;\n background: var(--hi-v4-color-gray-50, #f5f7fa);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 20px 12px 20px 0;\n margin: var(--hi-v4-spacing-10, 20px) var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px) 0;\n padding: 16px 20px;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__list--inner {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n position: relative;\n overflow: hidden; }\n.hi-v4-tabs__list--scroll {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0;\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: 4px 0 0 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px) 0 0 var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 0 0 4px 0;\n margin: 0 0 var(--hi-v4-spacing-2, 4px) 0;\n padding: 4px 20px;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 0 0 12px 0;\n margin: 0 0 var(--hi-v4-spacing-6, 12px) 0;\n padding: 16px 20px;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n background: #f5f7fa;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--inner {\n width: auto;\n display: block;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--scroll {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item {\n line-height: 1.5rem;\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--prev {\n border-top: 1px dashed #237ffa;\n border-top: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa);\n border-left: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--next {\n border-bottom: 1px dashed #237ffa;\n border-bottom: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa);\n border-right: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__content {\n padding-left: 16px;\n padding-top: 0; }\n.hi-v4-tabs--vertical .hi-v4-tabs__ink {\n position: absolute;\n left: 0;\n bottom: auto;\n width: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__ink {\n position: absolute;\n bottom: 0;\n right: auto;\n top: auto;\n height: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item {\n line-height: 1.5rem;\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n cursor: pointer;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--prev {\n border-left: 1px dashed #237ffa;\n border-left: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--next {\n border-right: 1px dashed #237ffa;\n border-right: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--disabled {\n color: #929aa6 !important;\n color: var(--hi-v4-color-gray-500, #929aa6) !important;\n cursor: not-allowed; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--active) {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis; }\n.hi-v4-tabs__content {\n width: 100%;\n overflow: hidden;\n padding-top: 16px;\n padding-top: var(--hi-v4-spacing-8, 16px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n";
|
|
10
|
+
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tabs__add-btn.hi-v4-icon-button {\n font-size: var(--hi-v4-text-size-md, 0.875rem); }\n.hi-v4-tabs__up-btn.hi-v4-icon-button, .hi-v4-tabs__down-btn.hi-v4-icon-button, .hi-v4-tabs__left-btn.hi-v4-icon-button, .hi-v4-tabs__right-btn.hi-v4-icon-button {\n margin: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-tabs__close-btn {\n cursor: pointer;\n color: var(--hi-v4-color-gray-500, #929aa6);\n margin-left: var(--hi-v4-spacing-2, 4px);\n -webkit-transition: color 0.3s;\n transition: color 0.3s; }\n.hi-v4-tabs__close-btn:hover {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs--card .hi-v4-tabs__content {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list {\n position: relative;\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n color: var(--hi-v4-color-gray-500, #929aa6);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n margin: 0;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px) var(--hi-v4-border-radius-md, 4px) 0 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) 0;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-tabs__list--desc {\n padding: 0 var(--hi-v4-spacing-10, 20px); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item {\n background: var(--hi-v4-color-gray-50, #f5f7fa);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: var(--hi-v4-spacing-10, 20px) var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px) 0;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__list--inner {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n position: relative;\n overflow: hidden; }\n.hi-v4-tabs__list--scroll {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--placement-vertical {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__content {\n padding-left: 16px;\n padding-top: 0; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--inner {\n width: auto;\n display: block;\n position: relative; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--scroll {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__item {\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__item--prev {\n border-top: 1px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-left: none; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__item--next {\n border-bottom: 1px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-right: none; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__ink {\n position: absolute;\n left: 0;\n bottom: auto;\n width: 2px;\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: var(--hi-v4-border-radius-md, 4px) 0 0 var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 0 0 var(--hi-v4-spacing-2, 4px) 0;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 0 0 var(--hi-v4-spacing-6, 12px) 0;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs--placement-vertical > .hi-v4-tabs__list .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__ink {\n position: absolute;\n bottom: 0;\n right: auto;\n top: auto;\n height: 2px;\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item {\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n cursor: pointer;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item:focus {\n outline: 0; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__item--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__item--prev {\n border-left: 1px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__item--next {\n border-right: 1px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tabs__item--disabled {\n color: var(--hi-v4-color-gray-500, #929aa6) !important;\n cursor: not-allowed; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--active) {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis; }\n.hi-v4-tabs__content {\n width: 100%;\n overflow: hidden;\n padding-top: var(--hi-v4-spacing-8, 16px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n";
|
|
11
11
|
|
|
12
12
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
|
13
13
|
|
|
14
14
|
__styleInject__(css_248z);
|
|
15
15
|
|
|
16
|
-
export default
|
|
17
|
-
//# sourceMappingURL=index.scss.js.map
|
|
16
|
+
export { css_248z as default };
|
package/lib/types/TabInk.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export declare const TabInk: React.FC<TabInkProps>;
|
|
2
3
|
interface TabInkProps {
|
|
3
4
|
disabled?: boolean;
|
|
4
5
|
prefixCls?: string;
|
|
@@ -7,5 +8,4 @@ interface TabInkProps {
|
|
|
7
8
|
direction: 'vertical' | 'horizontal';
|
|
8
9
|
translate: number;
|
|
9
10
|
}
|
|
10
|
-
export
|
|
11
|
-
export default TabInk;
|
|
11
|
+
export {};
|
package/lib/types/TabItem.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TabPaneProps } from './TabPane';
|
|
3
|
+
export declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
3
4
|
interface TabItemProps extends TabPaneProps {
|
|
4
5
|
active: boolean;
|
|
5
6
|
draggable?: boolean;
|
|
@@ -26,5 +27,4 @@ interface TabItemProps extends TabPaneProps {
|
|
|
26
27
|
direction: 'horizontal' | 'vertical';
|
|
27
28
|
type: 'desc' | 'line' | 'button' | 'card';
|
|
28
29
|
}
|
|
29
|
-
export declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
30
30
|
export {};
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import './styles/index.scss';
|
|
3
|
+
declare const Tabs: import("react").ForwardRefExoticComponent<import("./Tabs").TabsProps & import("react").RefAttributes<HTMLDivElement | null>> & {
|
|
4
|
+
Pane: import("react").FC<import("./TabPane").TabPaneProps>;
|
|
5
|
+
};
|
|
6
|
+
export default Tabs;
|
|
2
7
|
export * from './Tabs';
|
|
3
8
|
export * from './TabPane';
|
|
4
9
|
export * from './TabList';
|
|
5
|
-
export { Tabs as default } from './Tabs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/tabs",
|
|
3
|
-
"version": "4.0.0-beta.
|
|
3
|
+
"version": "4.0.0-beta.12",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
|
@@ -44,20 +44,21 @@
|
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@hi-ui/classname": "^4.0.0-beta.0",
|
|
47
|
-
"@hi-ui/core-css": "^4.0.0-beta.
|
|
47
|
+
"@hi-ui/core-css": "^4.0.0-beta.4",
|
|
48
48
|
"@hi-ui/env": "^4.0.0-beta.0",
|
|
49
|
-
"@hi-ui/
|
|
50
|
-
"@hi-ui/
|
|
51
|
-
"@hi-ui/
|
|
49
|
+
"@hi-ui/icon-button": "^4.0.0-beta.6",
|
|
50
|
+
"@hi-ui/icons": "^4.0.0-beta.8",
|
|
51
|
+
"@hi-ui/type-assertion": "^4.0.0-beta.3",
|
|
52
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.0-beta.3"
|
|
52
53
|
},
|
|
53
54
|
"peerDependencies": {
|
|
54
55
|
"react": ">=16.8.6",
|
|
55
56
|
"react-dom": ">=16.8.6"
|
|
56
57
|
},
|
|
57
58
|
"devDependencies": {
|
|
58
|
-
"@hi-ui/hi-build": "^4.0.0-beta.
|
|
59
|
+
"@hi-ui/hi-build": "^4.0.0-beta.3",
|
|
59
60
|
"react": "^17.0.1",
|
|
60
61
|
"react-dom": "^17.0.1"
|
|
61
62
|
},
|
|
62
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "3a156d7336309ae1b4fb73588735727de583e161"
|
|
63
64
|
}
|
package/lib/cjs/TabInk.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabInk.js","sources":["../../src/TabInk.tsx"],"sourcesContent":[null],"names":["TabInk","disabled","prefixCls","itemRef","tabListRef","direction","translate","inkRef","useRef","useEffect","current","itemRect","getBoundingClientRect","listRect","_style","top","height","left","width","Object","assign","style","React","className","cx","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYaA,MAAM,GAA0B,SAAhCA,MAAgC,KAAA;;;MAC3CC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MACAC,iBAAAA;MAEMC,MAAM,GAAGC,YAAAA,CAAuB,IAAvBA;AAEfC,EAAAA,eAAAA,CAAU;QACJF,MAAM,CAACG,OAAPH,IAAkBJ,OAAlBI,IAA6BH,YAAY;UACrCO,QAAQ,GAAGR,OAAO,CAACS,qBAART;UACXU,QAAQ,GAAGT,UAAU,CAACQ,qBAAXR;UACbU,MAAM,GAAwB;;UAC9BT,SAAS,KAAK,YAAY;AAC5BS,QAAAA,MAAM,GAAG;AACPC,UAAAA,GAAG,EAAKJ,QAAQ,CAACI,GAATJ,GAAeE,QAAQ,CAACE,GAAxBJ,GAA8BL,SAA9BK,GAA0C,CAA1CA,GAA8C,CAA9CA,OADD;AAEPK,UAAAA,MAAM,EAAKL,QAAQ,CAACK,MAATL,GAAkB,CAAlBA,GAAsB,EAAtBA,OAFJ;AAGPM,UAAAA,IAAI,EAAE,EAHC;AAIPC,UAAAA,KAAK,EAAE;AAJA,SAATJ;AADF,aAOO;AACLA,QAAAA,MAAM,GAAG;AACPG,UAAAA,IAAI,EAAKN,QAAQ,CAACM,IAATN,GAAgBE,QAAQ,CAACI,IAAzBN,GAAgCL,SAAhCK,GAA4C,EAA5CA,OADF;AAEPO,UAAAA,KAAK,EAAKP,QAAQ,CAACO,KAATP,GAAiB,EAAjBA,OAFH;AAGPI,UAAAA,GAAG,EAAE,EAHE;AAIPC,UAAAA,MAAM,EAAE;AAJD,SAATF;;;AAOFK,MAAAA,MAAM,CAACC,MAAPD,CAAcZ,MAAM,CAACG,OAAPH,CAAec,KAA7BF,EAAoCL,MAApCK;;AApBK,GAATV,EAsBG,CAACN,OAAD,EAAUC,UAAV,EAAsBC,SAAtB,CAtBHI;sBAyBEa,yBAAAA,cAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEC,YAAAA,CAAMtB,SAAJ,UAAFsB,iBACLtB,SADO,wBACsBD,aADxBuB;AAGXC,IAAAA,GAAG,EAAElB;GAJPe;;;;"}
|
package/lib/cjs/TabItem.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sources":["../../src/TabItem.tsx"],"sourcesContent":[null],"names":["TabItem","forwardRef","ref","className","style","disabled","tabTitle","tabDesc","prefixCls","tabId","onTabClick","active","editable","onDelete","index","onDragStart","onDragOver","onDrop","onDragEnd","itemRef","draggable","type","closeable","direction","layout","useState","dragId","setDragId","setDirection","_onClick","useCallback","e","React","cx","tabIndex","onClick","stopPropagation","dataTransfer","setData","JSON","stringify","dragNode","preventDefault","clearData","onDragLeave","targetBoundingRect","getBoundingClientRect","hoverTargetSortY","bottom","top","hoverTargetSortX","right","left","hoverClientY","clientY","hoverClientX","clientX","targetNode","passedData","parse","getData","CloseOutlined","__DEV__","displayName"],"mappings":"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"}
|
package/lib/cjs/TabList.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","TabList","forwardRef","ref","data","className","style","activeId","defaultActiveId","onChange","onTabClick","prefixCls","direction","editable","onAdd","onDelete","draggable","onDragStart","onDragOver","onDrop","onDragEnd","type","extra","useUncontrolledState","isUndef","tabId","activeTabId","setActiveTabId","useState","innerRef","setInnerRef","scrollRef","setScrollRef","translateX","setTranslateX","translateY","setTranslateY","itemsRef","useRef","showScrollBtn","useMemo","clientWidth","clientHeight","onClickTab","useCallback","key","event","React","cx","onClick","canScroll","moveWidth","LeftOutlined","UpOutlined","transform","map","d","index","TabItem","node","current","itemRef","active","TabInk","translate","tabListRef","RightOutlined","DownOutlined","PlusOutlined","__DEV__","displayName"],"mappings":"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"}
|
package/lib/cjs/TabPane.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabPane.js","sources":["../../src/TabPane.tsx"],"sourcesContent":[null],"names":["TabPane","children","className","style","active","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,OAAO,GAA2B,SAAlCA,OAAkC,KAAA;MAAGC,gBAAAA;MAAUC,iBAAAA;MAAWC,aAAAA;MAAOC,cAAAA;sBAE1EC,yBAAAA,cAAAA,MAAAA;AAAKF,IAAAA,KAAK,EAAEA;AAAOD,IAAAA,SAAS,EAAEA;GAA9BG,EACGD,MAAM,GAAGH,QAAH,GAAc,IADvBI;;;"}
|
package/lib/cjs/Tabs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","Tabs","forwardRef","_a","ref","prefixCls","role","className","children","defaultActiveId","activeId","onChange","onTabClick","editable","placement","onAdd","onDelete","draggable","onDragStart","onDragOver","onDragEnd","onDrop","style","type","extra","rest","cls","cx","tabList","useMemo","list","React","Children","map","child","props","tabTitle","tabId","tabDesc","closeable","disabled","item","push","useUncontrolledState","isUndef","activeTabId","setActiveTabId","TabList","data","direction","cloneElement","active","__DEV__","displayName"],"mappings":"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"}
|
package/lib/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/TabInk.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabInk.js","sources":["../../src/TabInk.tsx"],"sourcesContent":[null],"names":["TabInk","disabled","prefixCls","itemRef","tabListRef","direction","translate","inkRef","useRef","useEffect","current","itemRect","getBoundingClientRect","listRect","_style","top","height","left","width","Object","assign","style","React","className","cx","ref"],"mappings":";;;;;;;;;;;;IAYaA,MAAM,GAA0B,SAAhCA,MAAgC,KAAA;;;MAC3CC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MACAC,iBAAAA;MAEMC,MAAM,GAAGC,MAAM,CAAiB,IAAjB;AAErBC,EAAAA,SAAS,CAAC;QACJF,MAAM,CAACG,OAAPH,IAAkBJ,OAAlBI,IAA6BH,YAAY;UACrCO,QAAQ,GAAGR,OAAO,CAACS,qBAART;UACXU,QAAQ,GAAGT,UAAU,CAACQ,qBAAXR;UACbU,MAAM,GAAwB;;UAC9BT,SAAS,KAAK,YAAY;AAC5BS,QAAAA,MAAM,GAAG;AACPC,UAAAA,GAAG,EAAKJ,QAAQ,CAACI,GAATJ,GAAeE,QAAQ,CAACE,GAAxBJ,GAA8BL,SAA9BK,GAA0C,CAA1CA,GAA8C,CAA9CA,OADD;AAEPK,UAAAA,MAAM,EAAKL,QAAQ,CAACK,MAATL,GAAkB,CAAlBA,GAAsB,EAAtBA,OAFJ;AAGPM,UAAAA,IAAI,EAAE,EAHC;AAIPC,UAAAA,KAAK,EAAE;AAJA,SAATJ;AADF,aAOO;AACLA,QAAAA,MAAM,GAAG;AACPG,UAAAA,IAAI,EAAKN,QAAQ,CAACM,IAATN,GAAgBE,QAAQ,CAACI,IAAzBN,GAAgCL,SAAhCK,GAA4C,EAA5CA,OADF;AAEPO,UAAAA,KAAK,EAAKP,QAAQ,CAACO,KAATP,GAAiB,EAAjBA,OAFH;AAGPI,UAAAA,GAAG,EAAE,EAHE;AAIPC,UAAAA,MAAM,EAAE;AAJD,SAATF;;;AAOFK,MAAAA,MAAM,CAACC,MAAPD,CAAcZ,MAAM,CAACG,OAAPH,CAAec,KAA7BF,EAAoCL,MAApCK;;AApBK,GAAA,EAsBN,CAAChB,OAAD,EAAUC,UAAV,EAAsBC,SAAtB,CAtBM,CAATI;sBAyBEa,mBAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEC,EAAE,CAAItB,SAAJ,UAAA,iBACPA,SADO,wBACsBD,aADtB;AAGbwB,IAAAA,GAAG,EAAElB;GAJPe;;;;"}
|
package/lib/esm/TabItem.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sources":["../../src/TabItem.tsx"],"sourcesContent":[null],"names":["TabItem","forwardRef","ref","className","style","disabled","tabTitle","tabDesc","prefixCls","tabId","onTabClick","active","editable","onDelete","index","onDragStart","onDragOver","onDrop","onDragEnd","itemRef","draggable","type","closeable","direction","layout","useState","dragId","setDragId","setDirection","_onClick","useCallback","e","React","cx","tabIndex","onClick","stopPropagation","dataTransfer","setData","JSON","stringify","dragNode","preventDefault","clearData","onDragLeave","targetBoundingRect","getBoundingClientRect","hoverTargetSortY","bottom","top","hoverTargetSortX","right","left","hoverClientY","clientY","hoverClientX","clientX","targetNode","passedData","parse","getData","CloseOutlined","__DEV__","displayName"],"mappings":"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"}
|
package/lib/esm/TabList.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","TabList","forwardRef","ref","data","className","style","activeId","defaultActiveId","onChange","onTabClick","prefixCls","direction","editable","onAdd","onDelete","draggable","onDragStart","onDragOver","onDrop","onDragEnd","type","extra","useUncontrolledState","isUndef","tabId","activeTabId","setActiveTabId","useState","innerRef","setInnerRef","scrollRef","setScrollRef","translateX","setTranslateX","translateY","setTranslateY","itemsRef","useRef","showScrollBtn","useMemo","clientWidth","clientHeight","onClickTab","useCallback","key","event","React","cx","onClick","canScroll","moveWidth","LeftOutlined","UpOutlined","transform","map","d","index","TabItem","node","current","itemRef","active","TabInk","translate","tabListRef","RightOutlined","DownOutlined","PlusOutlined","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAMA,KAAK,GAAG,MAAd;;AACA,IAAMC,OAAO,GAAGC,YAAY,CAACF,KAAD,CAA5B;;IAEaG,OAAO,gBAAGC,UAAU,CAC/B,cAAA,EAsBEC,GAtBF;;;MAEIC,YAAAA;MACAC,iBAAAA;MACAC,aAAAA;MACAC,gBAAAA;MACAC,uBAAAA;MACAC,gBAAAA;MACAC,kBAAAA;4BACAC;MAAAA,wCAAYZ;4BACZa;MAAAA,wCAAY;MACZC,gBAAAA;MACAC,aAAAA;MACAC,gBAAAA;MACAC,iBAAAA;MACAC,mBAAAA;MACAC,kBAAAA;MACAC,cAAAA;MACAC,iBAAAA;uBACAC;MAAAA,8BAAO;MACPC,aAAAA;;;;8BAIoCC,oBAAoB,CACxD;QACMC,OAAO,CAAChB,eAAD,GAAmB;aACrBJ,IAAI,CAAC,CAAD,CAAJA,GAAUA,IAAI,CAAC,CAAD,CAAJA,CAAQqB,KAAlBrB,GAA0B;;;WAG5BI;AAN+C,GAAA,EAQxDD,QARwD,EASxDE,QATwD;MAAnDiB,WAAP;MAAoBC,cAApB;;kBAYgCC,QAAQ,CAAwB,IAAxB;MAAjCC,QAAP;MAAiBC,WAAjB;;mBACkCF,QAAQ,CAAwB,IAAxB;MAAnCG,SAAP;MAAkBC,YAAlB;;mBACoCJ,QAAQ,CAAS,CAAT;MAArCK,UAAP;MAAmBC,aAAnB;;mBACoCN,QAAQ,CAAS,CAAT;MAArCO,UAAP;MAAmBC,aAAnB;;MACMC,QAAQ,GAAGC,MAAM,CAAwC,EAAxC;MACjBC,aAAa,GAAGC,OAAO,CAAC;QACxBT,SAAS,IAAIF,UAAU;aAClBjB,SAAS,KAAK,YAAdA,GACH,CAAAmB,SAAS,SAATA,IAAAA,SAAS,WAATA,SAAAA,GAAAA,SAAS,CAAEU,WAAX,KAAyBZ,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEY,WAAnC,CADG7B,GAEH,CAAAmB,SAAS,SAATA,IAAAA,SAAS,WAATA,SAAAA,GAAAA,SAAS,CAAEW,YAAX,KAA0Bb,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEa,YAApC;;AAJqB,GAAA,EAM1B,CAACX,SAAD,EAAYF,QAAZ,EAAsBjB,SAAtB,CAN0B;MAQvB+B,UAAU,GAAGC,WAAW,CAC5B,UAACC,GAAD,EAAuBC,KAAvB;QACMpC,YAAY;AACdA,MAAAA,UAAU,CAACmC,GAAD,EAAMC,KAAN,CAAVpC;;;QAEEmC,GAAG,KAAKnB,WAARmB,IAAuBlB,gBAAgB;AACzCA,MAAAA,cAAc,CAACkB,GAAD,CAAdlB;;AANwB,GAAA,EAS5B,CAACD,WAAD,EAAchB,UAAd,EAA0BiB,cAA1B,CAT4B;sBAY5BoB,mBAAAA,MAAAA;AACEzC,IAAAA,KAAK,EAAEA;AACPD,IAAAA,SAAS,EAAE2C,EAAE,CAAIrC,SAAJ,WAAA,iBAA6BA,SAA7B,aAA6BA,GAAoBU,QAASA,SAA1D,GAAkEhB,SAAlE;AACbF,IAAAA,GAAG,EAAEA;GAHP4C,EAKGR,aAAa,IAAI3B,SAAS,KAAK,YAA/B2B,iBACCQ,mBAAAA,MAAAA;AACE1C,IAAAA,SAAS,EAAKM,SAAL;AACTsC,IAAAA,OAAO,EAAE,gBAAA;UACHlB,SAAS,IAAIF,UAAU;YACnBqB,SAAS,GAAG,CAACjB,UAAD,GAAcJ,QAAQ,CAACY;YACrCU,SAAS,GAAG;;YACZD,SAAS,IAAI,GAAG;AAClBC,UAAAA,SAAS,GAAGtB,QAAQ,CAACY,WAArBU;AADF,eAEO;AACLA,UAAAA,SAAS,GAAG,CAAClB,UAAbkB;;;AAGFjB,QAAAA,aAAa,CAACD,UAAU,GAAGkB,SAAd,CAAbjB;;;GAZNa,eAgBEA,mBAAAA,CAACK,YAADL,MAAAA,CAhBFA,CANJA,EAyBGR,aAAa,IAAI3B,SAAS,KAAK,UAA/B2B,iBACCQ,mBAAAA,MAAAA;AACE1C,IAAAA,SAAS,EAAKM,SAAL;AACTsC,IAAAA,OAAO,EAAE,gBAAA;UACHlB,SAAS,IAAIF,UAAU;YACnBqB,SAAS,GAAG,CAACf,UAAD,GAAcN,QAAQ,CAACa;YACrCS,SAAS,GAAG;;YACZD,SAAS,IAAI,GAAG;AAClBC,UAAAA,SAAS,GAAGtB,QAAQ,CAACa,YAArBS;AADF,eAEO;AACLA,UAAAA,SAAS,GAAG,CAAChB,UAAbgB;;;AAGFf,QAAAA,aAAa,CAACD,UAAU,GAAGgB,SAAd,CAAbf;;;GAZNW,eAgBEA,mBAAAA,CAACM,UAADN,MAAAA,CAhBFA,CA1BJA,eA6CEA,mBAAAA,MAAAA;AAAK1C,IAAAA,SAAS,EAAE2C,EAAE,CAAIrC,SAAJ,kBAAA;AAA+BR,IAAAA,GAAG,EAAE2B;GAAtDiB,eACEA,mBAAAA,MAAAA;AACE1C,IAAAA,SAAS,EAAE2C,EAAE,CAAIrC,SAAJ,mBAAA;AACbR,IAAAA,GAAG,EAAE6B;AACL1B,IAAAA,KAAK,EACHiC,aAAa,GACT;AACEe,MAAAA,SAAS,EACP1C,SAAS,KAAK,YAAdA,mBACkBqB,kBADlBrB,mBAEkBuB;AAJtB,KADS,GAOT;GAXRY,EAcG3C,IAAI,CAACmD,GAALnD,CAAS,UAACoD,CAAD,EAAIC,KAAJ;wBACRV,mBAAAA,CAACW,OAADX;AACEF,MAAAA,GAAG,EAAEY;OACDD;AACJrD,MAAAA,GAAG,EAAE,YAAA,CAACwD,IAAD;AACHtB,QAAAA,QAAQ,CAACuB,OAATvB,MAAoBmB,CAAC,CAAC/B,KAAtBY,IAAiCsB,IAAjCtB;;AAEFhB,MAAAA,IAAI,EAAEA;AACNwC,MAAAA,OAAO,EAAExB,QAAQ,CAACuB,OAATvB,MAAoBmB,CAAC,CAAC/B,KAAtBY;AACToB,MAAAA,KAAK,EAAEA;AACPK,MAAAA,MAAM,EAAEpC,WAAW,KAAK8B,CAAC,CAAC/B;AAC1Bd,MAAAA,SAAS,EAAEA;AACXK,MAAAA,SAAS,EAAEA;AACXN,MAAAA,UAAU,EAAEiC;AACZ9B,MAAAA,QAAQ,EAAEA;AACVE,MAAAA,QAAQ,EAAEA;AACVE,MAAAA,WAAW,EAAEA;AACbC,MAAAA,UAAU,EAAEA;AACZC,MAAAA,MAAM,EAAEA;AACRC,MAAAA,SAAS,EAAEA;AACXR,MAAAA,SAAS,EAAEA;MAnBbmC;AADD,GAAA3C,CAdH2C,EAqCG1B,IAAI,KAAK,MAATA,iBACC0B,mBAAAA,CAACgB,MAADhB;AACEiB,IAAAA,SAAS,EAAEpD,SAAS,KAAK,YAAdA,GAA6BqB,UAA7BrB,GAA0CuB;AACrDxB,IAAAA,SAAS,EAAEA;AACXC,IAAAA,SAAS,EAAEA;AACXqD,IAAAA,UAAU,EAAEpC;AACZgC,IAAAA,OAAO,EAAE,MAAAxB,QAAQ,CAACuB,OAAT,UAAA,iBAAA,SAAA,MAAmBlC;GAL9BqB,CAtCJA,CADFA,CA7CFA,EA8FGR,aAAa,IAAI3B,SAAS,KAAK,YAA/B2B,iBACCQ,mBAAAA,MAAAA;AACE1C,IAAAA,SAAS,EAAKM,SAAL;AACTsC,IAAAA,OAAO,EAAE,gBAAA;UACHlB,SAAS,IAAIF,UAAU;YACnBqB,SAAS,GAAGnB,SAAS,CAACU,WAAVV,GAAwBF,QAAQ,CAACY,WAAjCV,GAA+CE;YAC7DkB,SAAS,GAAG;;YACZD,SAAS,IAAIrB,QAAQ,CAACY,aAAa;AACrCU,UAAAA,SAAS,GAAGtB,QAAQ,CAACY,WAArBU;AADF,eAEO;AACLA,UAAAA,SAAS,GAAGD,SAAZC;;;AAGFjB,QAAAA,aAAa,CAACD,UAAU,GAAGkB,SAAd,CAAbjB;;;GAZNa,eAgBEA,mBAAAA,CAACmB,aAADnB,MAAAA,CAhBFA,CA/FJA,EAkHGR,aAAa,IAAI3B,SAAS,KAAK,UAA/B2B,iBACCQ,mBAAAA,MAAAA;AACE1C,IAAAA,SAAS,EAAKM,SAAL;AACTsC,IAAAA,OAAO,EAAE,gBAAA;UACHlB,SAAS,IAAIF,UAAU;YACnBqB,SAAS,GAAGnB,SAAS,CAACW,YAAVX,GAAyBF,QAAQ,CAACa,YAAlCX,GAAiDI;YAC/DgB,SAAS,GAAG;;YACZD,SAAS,IAAIrB,QAAQ,CAACa,cAAc;AACtCS,UAAAA,SAAS,GAAGtB,QAAQ,CAACa,YAArBS;AADF,eAEO;AACLA,UAAAA,SAAS,GAAGD,SAAZC;;;AAGFf,QAAAA,aAAa,CAACD,UAAU,GAAGgB,SAAd,CAAbf;;;GAZNW,eAgBEA,mBAAAA,CAACoB,YAADpB,MAAAA,CAhBFA,CAnHJA,EAsIGlC,QAAQ,iBACPkC,mBAAAA,MAAAA;AAAK1C,IAAAA,SAAS,EAAKM,SAAL;AAA2BsC,IAAAA,OAAO,EAAEnC;GAAlDiC,eACEA,mBAAAA,CAACqB,YAADrB,MAAAA,CADFA,CAvIJA,EA2IGzB,KA3IHyB;AA9D2B,CAAA;;AAiQjC,IAAIsB,OAAJ,EAAa;AACXpE,EAAAA,OAAO,CAACqE,WAARrE,GAAsB,SAAtBA;;;"}
|
package/lib/esm/TabPane.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabPane.js","sources":["../../src/TabPane.tsx"],"sourcesContent":[null],"names":["TabPane","children","className","style","active","React"],"mappings":";;;;;;;;;;;IAEaA,OAAO,GAA2B,SAAlCA,OAAkC,KAAA;MAAGC,gBAAAA;MAAUC,iBAAAA;MAAWC,aAAAA;MAAOC,cAAAA;sBAE1EC,mBAAAA,MAAAA;AAAKF,IAAAA,KAAK,EAAEA;AAAOD,IAAAA,SAAS,EAAEA;GAA9BG,EACGD,MAAM,GAAGH,QAAH,GAAc,IADvBI;;;"}
|
package/lib/esm/Tabs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","Tabs","forwardRef","_a","ref","prefixCls","role","className","children","defaultActiveId","activeId","onChange","onTabClick","editable","placement","onAdd","onDelete","draggable","onDragStart","onDragOver","onDragEnd","onDrop","style","type","extra","rest","cls","cx","tabList","useMemo","list","React","Children","map","child","props","tabTitle","tabId","tabDesc","closeable","disabled","item","push","useUncontrolledState","isUndef","activeTabId","setActiveTabId","TabList","data","direction","cloneElement","active","__DEV__","displayName"],"mappings":"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"}
|
package/lib/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|