@vtx/components 4.0.0-beta.14 → 4.0.0-beta.15
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.
|
@@ -1,12 +1,20 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
var _excluded = ["children", "defaultSize", "minSize", "maxSize", "style"];
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
1
10
|
import classnames from 'classnames';
|
|
2
11
|
import React, { cloneElement, useContext, useRef } from 'react';
|
|
3
|
-
import {
|
|
12
|
+
import { Splitter } from 'antd';
|
|
4
13
|
import Resizer from "./Resizer";
|
|
5
14
|
import { useStyle } from "./style";
|
|
6
15
|
import { VtxProvider } from "../vtx-provider";
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
16
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
|
-
import {
|
|
17
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
18
|
function removeNullChildren(children) {
|
|
11
19
|
return React.Children.toArray(children).filter(function (c) {
|
|
12
20
|
return c;
|
|
@@ -21,40 +29,42 @@ function VtxSplitPane(props) {
|
|
|
21
29
|
hashId = _useStyle.hashId;
|
|
22
30
|
var splitPane = useRef();
|
|
23
31
|
var children = props.children,
|
|
32
|
+
defaultSize = props.defaultSize,
|
|
33
|
+
minSize = props.minSize,
|
|
34
|
+
maxSize = props.maxSize,
|
|
24
35
|
style = props.style,
|
|
25
|
-
|
|
26
|
-
direction = _props$direction === void 0 ? 'horizontal' : _props$direction;
|
|
36
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
27
37
|
var notNullChildren = removeNullChildren(children);
|
|
28
38
|
var refs = useRef([]);
|
|
29
39
|
return wrapSSR( /*#__PURE__*/_jsx("div", {
|
|
30
|
-
className: classnames("".concat(prefixCls
|
|
40
|
+
className: classnames("".concat(prefixCls), hashId),
|
|
31
41
|
ref: splitPane,
|
|
32
42
|
style: style,
|
|
33
|
-
children: /*#__PURE__*/_jsx(
|
|
34
|
-
direction: direction,
|
|
43
|
+
children: /*#__PURE__*/_jsx(Splitter, _objectSpread(_objectSpread({}, rest), {}, {
|
|
35
44
|
children: notNullChildren === null || notNullChildren === void 0 ? void 0 : notNullChildren.map(function (v, index) {
|
|
36
|
-
|
|
37
|
-
|
|
45
|
+
var _v$props;
|
|
46
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
47
|
+
children: /*#__PURE__*/cloneElement(notNullChildren[index], _objectSpread(_objectSpread(_objectSpread({
|
|
38
48
|
ref: function ref(el) {
|
|
39
49
|
refs.current[index] = el;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
})
|
|
51
|
-
})
|
|
50
|
+
}
|
|
51
|
+
}, index === 0 ? {
|
|
52
|
+
max: maxSize,
|
|
53
|
+
min: minSize,
|
|
54
|
+
size: defaultSize
|
|
55
|
+
} : {}), v.props), {}, {
|
|
56
|
+
collapsible: _objectSpread({
|
|
57
|
+
start: true,
|
|
58
|
+
end: true,
|
|
59
|
+
showCollapsibleIcon: 'auto'
|
|
60
|
+
}, (_v$props = v.props) === null || _v$props === void 0 ? void 0 : _v$props.collapsible)
|
|
61
|
+
}))
|
|
52
62
|
});
|
|
53
63
|
})
|
|
54
|
-
})
|
|
64
|
+
}))
|
|
55
65
|
}));
|
|
56
66
|
}
|
|
57
67
|
VtxSplitPane.propTypes = {};
|
|
58
68
|
VtxSplitPane.defaultProps = {};
|
|
59
|
-
VtxSplitPane.Pane = Panel;
|
|
69
|
+
VtxSplitPane.Pane = Splitter.Panel;
|
|
60
70
|
export default VtxSplitPane;
|
|
@@ -7,121 +7,16 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
|
7
7
|
import { useStyle as useAntdStyle } from "../../vtx-provider";
|
|
8
8
|
var genVtxSplitPaneStyle = function genVtxSplitPaneStyle(token) {
|
|
9
9
|
var componentCls = token.componentCls;
|
|
10
|
-
return _defineProperty(
|
|
10
|
+
return _defineProperty({}, componentCls, {
|
|
11
11
|
height: '100%',
|
|
12
12
|
overflow: 'hidden',
|
|
13
|
-
'
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
position: 'absolute',
|
|
19
|
-
height: '100%',
|
|
20
|
-
width: 6,
|
|
21
|
-
zIndex: 1
|
|
22
|
-
}, '&-left,&-right', {
|
|
23
|
-
position: 'absolute',
|
|
24
|
-
top: '50%',
|
|
25
|
-
zIndex: 1001,
|
|
26
|
-
opacity: 0,
|
|
27
|
-
width: '16px !important',
|
|
28
|
-
height: '24px !important',
|
|
29
|
-
backgroundColor: token.colorBorder,
|
|
30
|
-
color: token.colorTextSecondary,
|
|
31
|
-
borderColor: "transparent !important",
|
|
32
|
-
fontSize: 12,
|
|
33
|
-
'&:hover': {
|
|
34
|
-
color: token.colorTextSecondary,
|
|
35
|
-
backgroundColor: "".concat(token.colorPrimaryBg, " !important")
|
|
36
|
-
}
|
|
37
|
-
}), '&-left', {
|
|
38
|
-
transform: 'translate(-16px,-50%)'
|
|
39
|
-
}), '&-right', {
|
|
40
|
-
transform: 'translate(6px,-50%)'
|
|
41
|
-
}), '&::after', {
|
|
42
|
-
position: 'absolute',
|
|
43
|
-
content: "' '",
|
|
44
|
-
left: 0,
|
|
45
|
-
top: 0,
|
|
46
|
-
bottom: 0,
|
|
47
|
-
right: 4,
|
|
48
|
-
borderRadius: token.borderRadius
|
|
49
|
-
}), '&:hover', _defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
50
|
-
opacity: 1
|
|
51
|
-
})), '.ant-btn-icon', {
|
|
52
|
-
color: token.colorTextSecondary
|
|
53
|
-
})
|
|
54
|
-
}, "&[data-resize-handle-state='hover']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
55
|
-
opacity: 1
|
|
56
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
57
|
-
background: "linear-gradient(to bottom , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
58
|
-
})), "&[data-resize-handle-state='active']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
59
|
-
opacity: 1
|
|
60
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
61
|
-
background: "linear-gradient(to bottom , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
62
|
-
})), "&[data-resize-handle-state='drag']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
63
|
-
opacity: 1
|
|
64
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
65
|
-
background: "linear-gradient(to bottom , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
66
|
-
})), "&[data-resize-handle-state='inactive']", {
|
|
67
|
-
backgroundColor: 'transparent'
|
|
68
|
-
}),
|
|
69
|
-
'&-item': {
|
|
70
|
-
position: 'relative',
|
|
71
|
-
display: 'inline-block',
|
|
72
|
-
height: '100%',
|
|
73
|
-
verticalAlign: 'top'
|
|
13
|
+
'.ant-splitter-bar .ant-splitter-bar-dragger::before': {
|
|
14
|
+
background: 'transparent'
|
|
15
|
+
},
|
|
16
|
+
'.ant-splitter-bar .ant-splitter-bar-dragger-active::before': {
|
|
17
|
+
background: 'var(--ant-control-item-bg-active)'
|
|
74
18
|
}
|
|
75
|
-
}
|
|
76
|
-
borderRight: "1px solid ".concat(token.colorBorderSecondary),
|
|
77
|
-
'&:hover': {
|
|
78
|
-
borderRight: "1px solid ".concat(token.colorBorderSecondary),
|
|
79
|
-
transition: 'border-right 0.2s ease-in-out'
|
|
80
|
-
}
|
|
81
|
-
}), '&-resizer-right', {
|
|
82
|
-
borderLeft: "1px solid ".concat(token.colorBorderSecondary),
|
|
83
|
-
'&:hover': {
|
|
84
|
-
borderLeft: "1px solid ".concat(token.colorBorderSecondary),
|
|
85
|
-
transition: 'border-right 0.2s ease-in-out'
|
|
86
|
-
}
|
|
87
|
-
}), '&-resizer.disabled', {
|
|
88
|
-
cursor: 'not-allowed'
|
|
89
|
-
}), '&-resizer.disabled:hover', {
|
|
90
|
-
borderColor: 'transparent'
|
|
91
|
-
})), "".concat(componentCls, "-vertical"), _defineProperty({}, "".concat(componentCls, "-outer"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
92
|
-
'&-resizer': _defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
93
|
-
width: '100%',
|
|
94
|
-
height: 6
|
|
95
|
-
}, '&-left,&-right', {
|
|
96
|
-
top: 'auto',
|
|
97
|
-
left: '50%',
|
|
98
|
-
height: '16px !important',
|
|
99
|
-
width: '24px !important'
|
|
100
|
-
}), '&-left', {
|
|
101
|
-
transform: 'translate(-50%,-16px)'
|
|
102
|
-
}), '&-right', {
|
|
103
|
-
transform: 'translate(-50%, 6px)'
|
|
104
|
-
}), '&::after', {
|
|
105
|
-
left: 0,
|
|
106
|
-
top: 0,
|
|
107
|
-
bottom: 4,
|
|
108
|
-
right: 0
|
|
109
|
-
})
|
|
110
|
-
}, "&[data-resize-handle-state='hover']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
111
|
-
opacity: 1
|
|
112
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
113
|
-
background: "linear-gradient(to right , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
114
|
-
})), "&[data-resize-handle-state='active']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
115
|
-
opacity: 1
|
|
116
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
117
|
-
background: "linear-gradient(to right , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
118
|
-
})), "&[data-resize-handle-state='drag']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
119
|
-
opacity: 1
|
|
120
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
121
|
-
background: "linear-gradient(to right , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
122
|
-
})), "&[data-resize-handle-state='inactive']", {
|
|
123
|
-
backgroundColor: 'transparent'
|
|
124
|
-
})));
|
|
19
|
+
});
|
|
125
20
|
};
|
|
126
21
|
export function useStyle(prefixCls) {
|
|
127
22
|
return useAntdStyle(prefixCls, function (token) {
|
|
@@ -7,14 +7,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var
|
|
10
|
+
var _antd = require("antd");
|
|
11
11
|
var _Resizer = _interopRequireDefault(require("./Resizer"));
|
|
12
12
|
var _style = require("./style");
|
|
13
13
|
var _vtxProvider = require("../vtx-provider");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
var _excluded = ["children", "defaultSize", "minSize", "maxSize", "style"];
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
23
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
24
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
25
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
18
26
|
function removeNullChildren(children) {
|
|
19
27
|
return _react.default.Children.toArray(children).filter(function (c) {
|
|
20
28
|
return c;
|
|
@@ -29,40 +37,42 @@ function VtxSplitPane(props) {
|
|
|
29
37
|
hashId = _useStyle.hashId;
|
|
30
38
|
var splitPane = (0, _react.useRef)();
|
|
31
39
|
var children = props.children,
|
|
40
|
+
defaultSize = props.defaultSize,
|
|
41
|
+
minSize = props.minSize,
|
|
42
|
+
maxSize = props.maxSize,
|
|
32
43
|
style = props.style,
|
|
33
|
-
|
|
34
|
-
direction = _props$direction === void 0 ? 'horizontal' : _props$direction;
|
|
44
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
35
45
|
var notNullChildren = removeNullChildren(children);
|
|
36
46
|
var refs = (0, _react.useRef)([]);
|
|
37
47
|
return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
38
|
-
className: (0, _classnames.default)("".concat(prefixCls
|
|
48
|
+
className: (0, _classnames.default)("".concat(prefixCls), hashId),
|
|
39
49
|
ref: splitPane,
|
|
40
50
|
style: style,
|
|
41
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
42
|
-
direction: direction,
|
|
51
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Splitter, _objectSpread(_objectSpread({}, rest), {}, {
|
|
43
52
|
children: notNullChildren === null || notNullChildren === void 0 ? void 0 : notNullChildren.map(function (v, index) {
|
|
44
|
-
|
|
45
|
-
|
|
53
|
+
var _v$props;
|
|
54
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
55
|
+
children: /*#__PURE__*/(0, _react.cloneElement)(notNullChildren[index], _objectSpread(_objectSpread(_objectSpread({
|
|
46
56
|
ref: function ref(el) {
|
|
47
57
|
refs.current[index] = el;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
})
|
|
59
|
-
})
|
|
58
|
+
}
|
|
59
|
+
}, index === 0 ? {
|
|
60
|
+
max: maxSize,
|
|
61
|
+
min: minSize,
|
|
62
|
+
size: defaultSize
|
|
63
|
+
} : {}), v.props), {}, {
|
|
64
|
+
collapsible: _objectSpread({
|
|
65
|
+
start: true,
|
|
66
|
+
end: true,
|
|
67
|
+
showCollapsibleIcon: 'auto'
|
|
68
|
+
}, (_v$props = v.props) === null || _v$props === void 0 ? void 0 : _v$props.collapsible)
|
|
69
|
+
}))
|
|
60
70
|
});
|
|
61
71
|
})
|
|
62
|
-
})
|
|
72
|
+
}))
|
|
63
73
|
}));
|
|
64
74
|
}
|
|
65
75
|
VtxSplitPane.propTypes = {};
|
|
66
76
|
VtxSplitPane.defaultProps = {};
|
|
67
|
-
VtxSplitPane.Pane =
|
|
77
|
+
VtxSplitPane.Pane = _antd.Splitter.Panel;
|
|
68
78
|
var _default = exports.default = VtxSplitPane;
|
|
@@ -13,121 +13,16 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
13
13
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
14
14
|
var genVtxSplitPaneStyle = function genVtxSplitPaneStyle(token) {
|
|
15
15
|
var componentCls = token.componentCls;
|
|
16
|
-
return _defineProperty(
|
|
16
|
+
return _defineProperty({}, componentCls, {
|
|
17
17
|
height: '100%',
|
|
18
18
|
overflow: 'hidden',
|
|
19
|
-
'
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
position: 'absolute',
|
|
25
|
-
height: '100%',
|
|
26
|
-
width: 6,
|
|
27
|
-
zIndex: 1
|
|
28
|
-
}, '&-left,&-right', {
|
|
29
|
-
position: 'absolute',
|
|
30
|
-
top: '50%',
|
|
31
|
-
zIndex: 1001,
|
|
32
|
-
opacity: 0,
|
|
33
|
-
width: '16px !important',
|
|
34
|
-
height: '24px !important',
|
|
35
|
-
backgroundColor: token.colorBorder,
|
|
36
|
-
color: token.colorTextSecondary,
|
|
37
|
-
borderColor: "transparent !important",
|
|
38
|
-
fontSize: 12,
|
|
39
|
-
'&:hover': {
|
|
40
|
-
color: token.colorTextSecondary,
|
|
41
|
-
backgroundColor: "".concat(token.colorPrimaryBg, " !important")
|
|
42
|
-
}
|
|
43
|
-
}), '&-left', {
|
|
44
|
-
transform: 'translate(-16px,-50%)'
|
|
45
|
-
}), '&-right', {
|
|
46
|
-
transform: 'translate(6px,-50%)'
|
|
47
|
-
}), '&::after', {
|
|
48
|
-
position: 'absolute',
|
|
49
|
-
content: "' '",
|
|
50
|
-
left: 0,
|
|
51
|
-
top: 0,
|
|
52
|
-
bottom: 0,
|
|
53
|
-
right: 4,
|
|
54
|
-
borderRadius: token.borderRadius
|
|
55
|
-
}), '&:hover', _defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
56
|
-
opacity: 1
|
|
57
|
-
})), '.ant-btn-icon', {
|
|
58
|
-
color: token.colorTextSecondary
|
|
59
|
-
})
|
|
60
|
-
}, "&[data-resize-handle-state='hover']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
61
|
-
opacity: 1
|
|
62
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
63
|
-
background: "linear-gradient(to bottom , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
64
|
-
})), "&[data-resize-handle-state='active']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
65
|
-
opacity: 1
|
|
66
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
67
|
-
background: "linear-gradient(to bottom , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
68
|
-
})), "&[data-resize-handle-state='drag']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
69
|
-
opacity: 1
|
|
70
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
71
|
-
background: "linear-gradient(to bottom , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
72
|
-
})), "&[data-resize-handle-state='inactive']", {
|
|
73
|
-
backgroundColor: 'transparent'
|
|
74
|
-
}),
|
|
75
|
-
'&-item': {
|
|
76
|
-
position: 'relative',
|
|
77
|
-
display: 'inline-block',
|
|
78
|
-
height: '100%',
|
|
79
|
-
verticalAlign: 'top'
|
|
19
|
+
'.ant-splitter-bar .ant-splitter-bar-dragger::before': {
|
|
20
|
+
background: 'transparent'
|
|
21
|
+
},
|
|
22
|
+
'.ant-splitter-bar .ant-splitter-bar-dragger-active::before': {
|
|
23
|
+
background: 'var(--ant-control-item-bg-active)'
|
|
80
24
|
}
|
|
81
|
-
}
|
|
82
|
-
borderRight: "1px solid ".concat(token.colorBorderSecondary),
|
|
83
|
-
'&:hover': {
|
|
84
|
-
borderRight: "1px solid ".concat(token.colorBorderSecondary),
|
|
85
|
-
transition: 'border-right 0.2s ease-in-out'
|
|
86
|
-
}
|
|
87
|
-
}), '&-resizer-right', {
|
|
88
|
-
borderLeft: "1px solid ".concat(token.colorBorderSecondary),
|
|
89
|
-
'&:hover': {
|
|
90
|
-
borderLeft: "1px solid ".concat(token.colorBorderSecondary),
|
|
91
|
-
transition: 'border-right 0.2s ease-in-out'
|
|
92
|
-
}
|
|
93
|
-
}), '&-resizer.disabled', {
|
|
94
|
-
cursor: 'not-allowed'
|
|
95
|
-
}), '&-resizer.disabled:hover', {
|
|
96
|
-
borderColor: 'transparent'
|
|
97
|
-
})), "".concat(componentCls, "-vertical"), _defineProperty({}, "".concat(componentCls, "-outer"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
98
|
-
'&-resizer': _defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
99
|
-
width: '100%',
|
|
100
|
-
height: 6
|
|
101
|
-
}, '&-left,&-right', {
|
|
102
|
-
top: 'auto',
|
|
103
|
-
left: '50%',
|
|
104
|
-
height: '16px !important',
|
|
105
|
-
width: '24px !important'
|
|
106
|
-
}), '&-left', {
|
|
107
|
-
transform: 'translate(-50%,-16px)'
|
|
108
|
-
}), '&-right', {
|
|
109
|
-
transform: 'translate(-50%, 6px)'
|
|
110
|
-
}), '&::after', {
|
|
111
|
-
left: 0,
|
|
112
|
-
top: 0,
|
|
113
|
-
bottom: 4,
|
|
114
|
-
right: 0
|
|
115
|
-
})
|
|
116
|
-
}, "&[data-resize-handle-state='hover']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
117
|
-
opacity: 1
|
|
118
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
119
|
-
background: "linear-gradient(to right , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
120
|
-
})), "&[data-resize-handle-state='active']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
121
|
-
opacity: 1
|
|
122
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
123
|
-
background: "linear-gradient(to right , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
124
|
-
})), "&[data-resize-handle-state='drag']", _defineProperty(_defineProperty({}, '.vtx-split-pane-outer-resizer-left,.vtx-split-pane-outer-resizer-right', {
|
|
125
|
-
opacity: 1
|
|
126
|
-
}), '.vtx-split-pane-outer-resizer::after', {
|
|
127
|
-
background: "linear-gradient(to right , rgba(0,0,0,0), ".concat(token.colorSplit, ", rgba(0,0,0,0)) !important")
|
|
128
|
-
})), "&[data-resize-handle-state='inactive']", {
|
|
129
|
-
backgroundColor: 'transparent'
|
|
130
|
-
})));
|
|
25
|
+
});
|
|
131
26
|
};
|
|
132
27
|
function useStyle(prefixCls) {
|
|
133
28
|
return (0, _vtxProvider.useStyle)(prefixCls, function (token) {
|