@opentiny/vue-theme 3.23.0 → 3.24.0
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/autocomplete/index.css +1 -1
- package/dark-theme-index.css +1 -1
- package/dark-theme-index.js +1 -1
- package/date-panel/index.css +1 -1
- package/index.css +1 -1
- package/package.json +1 -1
- package/split/index.css +1 -1
- package/svgs/fullscreen-right.svg +7 -6
- package/svgs/minscreen-right.svg +7 -6
- package/svgs/pushpin-solid.svg +10 -8
- package/svgs/pushpin.svg +7 -6
- package/tree-menu/index.css +1 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentiny/vue-theme",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.24.0",
|
|
5
5
|
"description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
|
|
6
6
|
"author": "OpenTiny Team",
|
|
7
7
|
"license": "MIT",
|
package/split/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-split-wrapper{--tv-Split-wrapper-border-color:var(--tv-color-border, #c2c2c2);--tv-Split-trigger-icon-line-color:var(--tv-color-icon, #808080);--tv-Split-trigger-icon-line-color-hover:var(--tv-color-icon-hover, #191919);--tv-Split-wrapper-radius-size:var(--tv-border-radius-lg, 8px);--tv-Split-trigger-line-bg-hover:var(--tv-color-border-active-control, #1476ff);position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--tv-Split-wrapper-radius-size);border:1px solid var(--tv-Split-wrapper-border-color)}.tiny-split-wrapper.no-border{border:none}.tiny-split-wrapper .tiny-split-wrapper{border-radius:0;border:none}.tiny-split-pane{position:absolute}.tiny-split-pane.left-pane,.tiny-split-pane.right-pane{top:0;bottom:0;overflow:hidden}.tiny-split-pane.left-pane{left:0}.tiny-split-pane.right-pane{right:0}.tiny-split-pane.bottom-pane,.tiny-split-pane.top-pane{left:0;right:0;overflow:hidden}.tiny-split-pane.top-pane{top:0}.tiny-split-pane.bottom-pane{bottom:0}.tiny-split-trigger-con{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10
|
|
1
|
+
.tiny-split-wrapper{--tv-Split-wrapper-border-color:var(--tv-color-border, #c2c2c2);--tv-Split-trigger-icon-line-color:var(--tv-color-icon, #808080);--tv-Split-trigger-icon-line-color-hover:var(--tv-color-icon-hover, #191919);--tv-Split-wrapper-radius-size:var(--tv-border-radius-lg, 8px);--tv-Split-trigger-line-bg-hover:var(--tv-color-border-active-control, #1476ff);position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--tv-Split-wrapper-radius-size);border:1px solid var(--tv-Split-wrapper-border-color)}.tiny-split-wrapper.no-border{border:none}.tiny-split-wrapper .tiny-split-wrapper{border-radius:0;border:none}.tiny-split-pane{position:absolute}.tiny-split-pane.left-pane,.tiny-split-pane.right-pane{top:0;bottom:0;overflow:hidden}.tiny-split-pane.left-pane{left:0}.tiny-split-pane.right-pane{right:0}.tiny-split-pane.bottom-pane,.tiny-split-pane.top-pane{left:0;right:0;overflow:hidden}.tiny-split-pane.top-pane{top:0}.tiny-split-pane.bottom-pane{bottom:0}.tiny-split-trigger-con{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.tiny-split-trigger-bar-con{position:absolute;background:0 0}.tiny-split-trigger-bar-con.vertical{top:50%;width:16px;-webkit-transform:translate(-4px,-50%);transform:translate(-4px,-50%)}.tiny-split-trigger-bar-con.vertical svg{-webkit-transform:translateX(5px);transform:translateX(5px);fill:var(--tv-Split-trigger-icon-line-color)}.tiny-split-trigger-bar-con.horizontal{left:50%;width:16px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tiny-split-trigger-bar-con.horizontal svg{-webkit-transform:translateY(2px);transform:translateY(2px);fill:var(--tv-Split-trigger-icon-line-color)}.tiny-split-trigger-vertical{width:1px;height:100%;background:var(--tv-Split-wrapper-border-color);cursor:e-resize}.tiny-split-trigger-vertical .tiny-split-trigger-bar{width:4px;height:4px;background:var(--tv-Split-wrapper-border-color);float:left;margin-top:4px}.tiny-split-trigger-horizontal{height:1px;width:100%;background:var(--tv-Split-wrapper-border-color);cursor:n-resize}.tiny-split-trigger-horizontal .tiny-split-trigger-bar{height:4px;width:4px;background:var(--tv-Split-wrapper-border-color);float:left;margin-left:4px;border-radius:50%}.tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:0}.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-button{width:14px;height:26px;position:absolute;top:50%}.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-button:hover{width:18px}.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-left-button{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:-6px;border-right:0}.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-left-button:hover{left:-10px}.tiny-split-horizontal .tiny-split-trigger-con .tiny-split-trigger-right-button{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:9px;border-left:0}.tiny-split-horizontal .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-horizontal,.tiny-split-horizontal .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-vertical{cursor:not-allowed}.tiny-split-horizontal .tiny-split-trigger-con.tiny-split-trigger-con-left-active{margin-left:-1px}.tiny-split-horizontal .tiny-split-vertical .tiny-split-trigger-con{left:50%;height:0;width:100%}.tiny-split-horizontal .tiny-split-trigger-con-drag{cursor:e-resize}.tiny-split-horizontal .tiny-split-pane-moving{cursor:e-resize}.tiny-split-vertical .tiny-split-trigger-con{left:50%;height:0;width:100%}.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-button{width:26px;height:14px;position:absolute;left:50%}.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-button:hover{height:18px}.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-top-button{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);top:-6px;border-bottom:0}.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-top-button .tiny-svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-top-button:hover{top:-10px}.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-bottom-button{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);border-top:0;top:9px}.tiny-split-vertical .tiny-split-trigger-con .tiny-split-trigger-bottom-button .tiny-svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-split-vertical .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-horizontal,.tiny-split-vertical .tiny-split-trigger-con.tiny-split-trigger-con-disabled .tiny-split-trigger-vertical{cursor:not-allowed}.tiny-split-vertical .tiny-split-trigger-con.tiny-split-trigger-con-top-active{margin-top:-1px}.tiny-split-vertical .tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:0}.tiny-split-vertical .tiny-split-trigger-con-drag{cursor:n-resize}.tiny-split-vertical .tiny-split-pane-moving{cursor:n-resize}.tiny-split .no-select{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-split-trigger-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;visibility:hidden}.tiny-split-trigger-button .tiny-svg{fill:var(--tv-Split-trigger-icon-line-color)}.tiny-split-trigger-button:hover{cursor:pointer}.tiny-split-trigger-button:hover .tiny-svg{fill:var(--tv-Split-trigger-icon-line-color-hover)}.tiny-split-trigger-button-show{visibility:visible}.tiny-split-trigger-con-vertical.tiny-split-trigger-con-simple{padding:0 8px;cursor:e-resize}.tiny-split-trigger-con-horizontal.tiny-split-trigger-con-simple{padding:8px 0;cursor:n-resize}.tiny-split-trigger-con-simple .tiny-split-trigger-vertical{width:1px}.tiny-split-trigger-con-simple .tiny-split-trigger-horizontal{height:1px}.tiny-split-trigger-con-simple:hover .tiny-split-trigger{background:var(--tv-Split-trigger-line-bg-hover)}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none"
|
|
2
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
3
2
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
4
3
|
<desc>
|
|
5
|
-
|
|
4
|
+
Created with Pixso.
|
|
6
5
|
</desc>
|
|
7
6
|
<defs>
|
|
8
7
|
<clipPath id="clip15_1040">
|
|
9
|
-
<rect id="全屏-full-screen" width="16.000000" height="16.000000" fill="white" fill-opacity="0"/>
|
|
8
|
+
<rect id="全屏-full-screen" width="16.000000" height="16.000000" fill="white" fill-opacity="0" />
|
|
10
9
|
</clipPath>
|
|
11
10
|
</defs>
|
|
12
11
|
<g clip-path="url(#clip15_1040)">
|
|
13
|
-
<path id="path"
|
|
12
|
+
<path id="path"
|
|
13
|
+
d="M9 3.5C8.72 3.5 8.5 3.72 8.5 4C8.5 4.27 8.72 4.5 9 4.5L10.81 4.5L8.31 7C8.13 7.16 8.1 7.44 8.25 7.65C8.46 7.83 8.82 7.9 9.01 7.71L11.5 5.22L11.5 7C11.5 7.24 11.66 7.44 11.91 7.49C12.18 7.49 12.5 7.26 12.5 6.99L12.5 4.4C12.5 3.9 12.09 3.5 11.59 3.5L9 3.5ZM7.68 8.28C7.49 8.09 7.17 8.09 6.98 8.28L4.5 10.77L4.5 9C4.5 8.75 4.33 8.55 4.08 8.5C3.81 8.5 3.5 8.73 3.5 9L3.5 11.6C3.5 12.1 3.9 12.5 4.4 12.5L7 12.5C7.27 12.5 7.5 12.28 7.5 12C7.5 11.73 7.27 11.5 7 11.5L5.18 11.5L7.68 9C7.84 8.81 7.84 8.48 7.68 8.28ZM4 2.5L12 2.5C12.83 2.5 13.5 3.16 13.5 4L13.5 12C13.5 12.83 12.83 13.5 12 13.5L4 13.5C3.16 13.5 2.5 12.83 2.5 12L2.5 4C2.5 3.16 3.16 2.5 4 2.5ZM4 1.5C2.61 1.5 1.5 2.61 1.5 4L1.5 12C1.5 13.38 2.61 14.5 4 14.5L12 14.5C13.38 14.5 14.5 13.38 14.5 12L14.5 4C14.5 2.61 13.38 1.5 12 1.5L4 1.5Z"
|
|
14
|
+
fill-opacity="1.000000" fill-rule="nonzero" />
|
|
14
15
|
</g>
|
|
15
|
-
</svg>
|
|
16
|
+
</svg>
|
package/svgs/minscreen-right.svg
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none"
|
|
2
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
3
2
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
4
3
|
<desc>
|
|
5
|
-
|
|
4
|
+
Created with Pixso.
|
|
6
5
|
</desc>
|
|
7
6
|
<defs>
|
|
8
7
|
<clipPath id="clip15_1087">
|
|
9
|
-
<rect id="退出全屏-exit-full-screen" width="16.000000" height="16.000000" fill="white" fill-opacity="0"/>
|
|
8
|
+
<rect id="退出全屏-exit-full-screen" width="16.000000" height="16.000000" fill="white" fill-opacity="0" />
|
|
10
9
|
</clipPath>
|
|
11
10
|
</defs>
|
|
12
11
|
<g clip-path="url(#clip15_1087)">
|
|
13
|
-
<path id="path"
|
|
12
|
+
<path id="path"
|
|
13
|
+
d="M11.66 7.85C11.93 7.85 12.16 7.64 12.16 7.35C12.16 7.08 11.93 6.85 11.66 6.85L9.84 6.85L12.34 4.34C12.52 4.17 12.55 3.9 12.4 3.69C12.22 3.5 11.85 3.44 11.66 3.63L9.16 6.13L9.16 4.35C9.16 4.11 8.99 3.91 8.75 3.85C8.47 3.85 8.16 4.08 8.16 4.35L8.16 7C8.16 7.5 8.56 7.9 9.06 7.9L11.66 7.85ZM3.66 12.34C3.83 12.53 4.15 12.55 4.33 12.36L6.83 9.86L6.83 11.64C6.83 11.88 7 12.08 7.25 12.14C7.52 12.14 7.83 11.91 7.83 11.64L7.83 9C7.83 8.5 7.43 8.09 6.93 8.09L4.33 8.09C4.06 8.09 3.83 8.32 3.83 8.59C3.83 8.88 4.06 9.09 4.33 9.09L6.15 9.09L3.65 11.6C3.49 11.8 3.5 12.16 3.66 12.34ZM4 2.5L12 2.5C12.83 2.5 13.5 3.16 13.5 4L13.5 12C13.5 12.83 12.83 13.5 12 13.5L4 13.5C3.16 13.5 2.5 12.83 2.5 12L2.5 4C2.5 3.16 3.16 2.5 4 2.5ZM4 1.5C2.61 1.5 1.5 2.61 1.5 4L1.5 12C1.5 13.38 2.61 14.5 4 14.5L12 14.5C13.38 14.5 14.5 13.38 14.5 12L14.5 4C14.5 2.61 13.38 1.5 12 1.5L4 1.5Z"
|
|
14
|
+
fill-opacity="1.000000" fill-rule="nonzero" />
|
|
14
15
|
</g>
|
|
15
|
-
</svg>
|
|
16
|
+
</svg>
|
package/svgs/pushpin-solid.svg
CHANGED
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none"
|
|
2
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
3
2
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
4
3
|
<desc>
|
|
5
|
-
|
|
4
|
+
Created with Pixso.
|
|
6
5
|
</desc>
|
|
7
6
|
<defs>
|
|
8
7
|
<clipPath id="clip218_836">
|
|
9
|
-
<rect id="固定-fixed" width="16.000000" height="16.000000" fill="white" fill-opacity="0"/>
|
|
8
|
+
<rect id="固定-fixed" width="16.000000" height="16.000000" fill="white" fill-opacity="0" />
|
|
10
9
|
</clipPath>
|
|
11
10
|
</defs>
|
|
12
11
|
<g clip-path="url(#clip218_836)">
|
|
13
|
-
<mask id="mask218_832" mask-type="alpha" maskUnits="userSpaceOnUse" x="0.000000" y="0.000000" width="16.000000"
|
|
14
|
-
|
|
12
|
+
<mask id="mask218_832" mask-type="alpha" maskUnits="userSpaceOnUse" x="0.000000" y="0.000000" width="16.000000"
|
|
13
|
+
height="16.000000">
|
|
14
|
+
<rect id="固定-fixed" width="16.000000" height="16.000000" fill-opacity="1.000000" />
|
|
15
15
|
</mask>
|
|
16
16
|
<g mask="url(#mask218_832)">
|
|
17
|
-
<path id="形状结合"
|
|
17
|
+
<path id="形状结合"
|
|
18
|
+
d="M10.68 1.86C11.1 1.51 11.72 1.54 12.1 1.92L14.07 3.89C14.45 4.27 14.48 4.89 14.13 5.3L11.3 8.66L11.68 9.04C12.06 9.42 12.08 10.01 11.76 10.43L9.74 12.45C9.33 12.86 8.66 12.86 8.25 12.45L6.24 10.44L2.92 13.77C2.72 13.97 2.4 13.97 2.21 13.77C2.01 13.58 2.01 13.26 2.21 13.06L5.54 9.74L3.53 7.72C3.14 7.34 3.12 6.73 3.46 6.31L5.45 4.31C5.86 3.9 6.53 3.9 6.94 4.31L7.32 4.69L10.68 1.86Z"
|
|
19
|
+
fill-opacity="1.000000" fill-rule="nonzero" />
|
|
18
20
|
</g>
|
|
19
21
|
</g>
|
|
20
|
-
</svg>
|
|
22
|
+
</svg>
|
package/svgs/pushpin.svg
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none"
|
|
2
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
3
2
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
4
3
|
<desc>
|
|
5
|
-
|
|
4
|
+
Created with Pixso.
|
|
6
5
|
</desc>
|
|
7
6
|
<defs>
|
|
8
7
|
<clipPath id="clip15_980">
|
|
9
|
-
<rect id="固定-fixed" width="16.000000" height="16.000000" fill
|
|
8
|
+
<rect id="固定-fixed" width="16.000000" height="16.000000" fill-opacity="1" />
|
|
10
9
|
</clipPath>
|
|
11
10
|
</defs>
|
|
12
11
|
<g clip-path="url(#clip15_980)">
|
|
13
|
-
<path id="形状结合"
|
|
12
|
+
<path id="形状结合"
|
|
13
|
+
d="M10.68 1.86C11.1 1.51 11.72 1.54 12.1 1.92L14.07 3.89C14.45 4.27 14.48 4.89 14.13 5.3L11.3 8.66L11.68 9.04C12.06 9.42 12.08 10.01 11.76 10.43L11.68 10.52L9.75 12.45C9.34 12.86 8.67 12.86 8.26 12.45L6.25 10.44L2.93 13.77C2.73 13.97 2.41 13.97 2.22 13.77C2.02 13.58 2.02 13.26 2.22 13.06L5.55 9.74L3.54 7.72C3.15 7.34 3.13 6.73 3.47 6.31L3.54 6.24L5.46 4.31C5.87 3.9 6.54 3.9 6.95 4.31L7.33 4.69L10.68 1.86ZM11.35 2.62L7.27 6.05L6.24 5.02C6.22 5 6.19 5 6.17 5.02L4.24 6.95C4.22 6.97 4.22 7 4.24 7.02L8.97 11.75C8.99 11.76 9.02 11.76 9.04 11.75L10.97 9.82C10.99 9.8 10.99 9.77 10.97 9.75L9.94 8.72L13.36 4.66C13.38 4.64 13.38 4.61 13.36 4.59L11.35 2.62Z"
|
|
14
|
+
fill-opacity="1.000000" fill-rule="nonzero" />
|
|
14
15
|
</g>
|
|
15
|
-
</svg>
|
|
16
|
+
</svg>
|
package/tree-menu/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tree-menu{--tv-TreeMenu-width:220px;--tv-TreeMenu-node-height:var(--tv-size-height-md, 32px);--tv-TreeMenu-node-margin-bottom:var(--tv-space-base, 4px);--tv-TreeMenu-font-size:var(--tv-font-size-default, 14px);--tv-TreeMenu-border-color:var(--tv-color-border-divider, #f0f0f0);--tv-TreeMenu-node-body-text-padding-x:0;--tv-TreeMenu-node-selected-bg-color:var(--tv-color-bg-active, #f5f5f5);--tv-TreeMenu-square-left-border-color:var(--tv-color-border-active, #191919);--tv-TreeMenu-node-body-text-color:var(--tv-color-text-control, #191919);--tv-TreeMenu-node-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-TreeMenu-collapse-icon-fill-color:var(--tv-color-icon, #808080);--tv-TreeMenu-collapse-icon-hover-color:var(--tv-color-icon-hover, #191919);--tv-TreeMenu-collapse-icon-margin-right:20px;--tv-TreeMenu-border-top-color:var(--tv-color-border-divider, #f0f0f0);--tv-TreeMenu-input-padding-right:var(--tv-space-xxxl, 32px);--tv-TreeMenu-node-content-height:var(--tv-space-xxxl, 32px);--tv-TreeMenu-input-before-top:48px;--tv-TreeMenu-input-before-margin-right:var(--tv-space-xxxl, 32px);--tv-TreeMenu-node-number-font-size:var(--tv-font-size-sm, 12px);--tv-TreeMenu-node-number-right:var(--tv-space-xl, 16px);--tv-TreeMenu-node-number-max-width:36px;--tv-TreeMenu-node-vertical-line-margin-right:var(--tv-space-xl, 16px);--tv-TreeMenu-input-margin:var(--tv-space-xl, 16px) 0 var(--tv-space-xl, 16px) var(--tv-space-xl, 16px);--tv-TreeMenu-padding-top:var(--tv-space-md, 8px);--tv-TreeMenu-prefix-icon-margin-right:var(--tv-space-md, 8px);--tv-TreeMenu-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-TreeMenu-expand-icon-size:14px;--tv-TreeMenu-node-number-color:var(--tv-color-text-weaken, #808080);--tv-TreeMenu-background-color:var(--tv-color-bg-3, #ffffff);--tv-TreeMenu-scrollbar-width:var(--tv-space-md, 8px);--tv-TreeMenu-scrollbar-margin-right:var(--tv-space-base, 4px);--tv-TreeMenu-node-name-hover-font-weight:var(--tv-font-weight-bold, 600);--tv-TreeMenu-toggle-button-background-color:var(--tv-color-bg-3, #ffffff);--tv-TreeMenu-node-body-selected-color:var(--tv-color-border-active, #191919);--tv-TreeMenu-node-name-hover-color:var(--tv-color-border-hover, #191919);width:var(--tv-TreeMenu-width);position:relative;font-size:var(--tv-TreeMenu-font-size);-webkit-transition:width .5s;transition:width .5s;background:var(--tv-TreeMenu-background-color)}.tiny-tree-menu__toggle-button{position:absolute;cursor:pointer;right:0;top:50%;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%);z-index:9;width:24px;height:24px;border-radius:50%;font-size:18px;line-height:18px;background-color:var(--tv-TreeMenu-toggle-button-background-color);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.06);box-shadow:0 2px 4px 0 rgba(0,0,0,.06);border:1px solid var(--tv-TreeMenu-border-color)}.tiny-tree-menu__toggle-button .tiny-svg{margin-left:2px;margin-top:2px;fill:var(--tv-TreeMenu-collapse-icon-fill-color);font-size:16px}.tiny-tree-menu__toggle-button .tiny-svg:hover{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__toggle-button .tiny-svg:focus{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__expand{height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px;position:sticky;bottom:0;left:0;width:100%;background-color:var(--tv-TreeMenu-toggle-button-background-color)}.tiny-tree-menu__expand svg{width:22px;height:22px;cursor:pointer;fill:var(--tv-TreeMenu-collapse-icon-fill-color)}.tiny-tree-menu__expand svg:hover{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__expand svg:focus{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu.is-collapsed{width:0}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button{-webkit-transform:translateX(70%) translateY(-50%);transform:translateX(70%) translateY(-50%)}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button .tiny-svg{rotate:180deg}.tiny-tree-menu.is-collapsed .tiny-input{overflow:hidden}.tiny-tree-menu.is-collapsed .tiny-input .tiny-input-display-only{display:inline-block;width:0}.tiny-tree-menu.is-expand{width:36px}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button{-webkit-transform:translateX(70%) translateY(-50%);transform:translateX(70%) translateY(-50%)}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button .tiny-svg{rotate:180deg}.tiny-tree-menu.is-expand .tiny-input{overflow:hidden}.tiny-tree-menu.is-expand .tiny-input .tiny-input-display-only{display:inline-block;width:0}.tiny-tree-menu:before{content:'';border-right:1px solid var(--tv-TreeMenu-border-color);position:absolute;top:0;right:0;height:100%;z-index:1}.tiny-tree-menu .tiny-input{position:relative;padding-right:var(--tv-TreeMenu-input-padding-right);margin:var(--tv-TreeMenu-input-margin)}.tiny-tree-menu .tiny-input.is-hidden{visibility:hidden;opacity:0}.tiny-tree-menu .tiny-input:before{content:'';position:absolute;left:0;right:0;top:var(--tv-TreeMenu-input-before-top);bottom:0;z-index:2;border-top:1px solid var(--tv-TreeMenu-border-top-color);margin-right:var(--tv-TreeMenu-input-before-margin-right)}.tiny-tree-menu .tiny-tree{padding-top:var(--tv-TreeMenu-padding-top)}.tiny-tree-menu .tiny-tree::-webkit-scrollbar{width:var(--tv-TreeMenu-scrollbar-width);margin-right:var(--tv-TreeMenu-scrollbar-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-disabled>.tiny-tree-node__content a{cursor:not-allowed}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-disabled>.tiny-tree-node__content a .tree-node-name{color:var(--tv-TreeMenu-disabled-text-color);font-weight:400}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__expand-icon{font-size:var(--tv-TreeMenu-expand-icon-size)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content{height:var(--tv-TreeMenu-node-height);line-height:var(--tv-TreeMenu-node-height);overflow:hidden;padding-left:0;margin-bottom:var(--tv-TreeMenu-node-margin-bottom)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-icon{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10;margin-right:var(--tv-TreeMenu-collapse-icon-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-number{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;right:var(--tv-TreeMenu-node-number-right);max-width:var(--tv-TreeMenu-node-number-max-width);overflow:hidden;font-size:var(--tv-TreeMenu-node-number-font-size);color:var(--tv-TreeMenu-node-number-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:100%}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 var(--tv-TreeMenu-node-body-text-padding-x)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name:hover{font-weight:var(--tv-TreeMenu-node-name-hover-font-weight);color:var(--tv-TreeMenu-node-name-hover-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name svg{margin-right:var(--tv-TreeMenu-prefix-icon-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node-name{padding-right:0}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover{background-color:var(--tv-TreeMenu-node-hover-bg-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover .tiny-tree-node__label{background-color:transparent}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-left{position:relative;padding-left:var(--tv-TreeMenu-node-vertical-line-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-left:hover{background-color:transparent}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--tv-TreeMenu-node-selected-bg-color);position:relative}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body{font-weight:700;color:var(--tv-TreeMenu-node-body-selected-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content::before{content:'';position:absolute;left:0;top:50%;display:inline-block;height:var(--tv-TreeMenu-node-content-height);-webkit-transform:translateY(-50%);transform:translateY(-50%);border-left:2px solid var(--tv-TreeMenu-square-left-border-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body{color:var(--tv-TreeMenu-node-body-text-color);display:block}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body,.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body:hover{text-decoration:none}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-loading .tiny-tree-node__content .tree-node-name{padding-left:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-box{max-width:calc(100% - 26px);padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node{width:calc(100% - 60px)}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__content{min-height:var(--tv-TreeMenu-node-height);height:auto}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-body{min-height:var(--tv-TreeMenu-node-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-name{white-space:normal;line-height:normal;display:block;word-break:break-all}
|
|
1
|
+
.tiny-tree-menu{--tv-TreeMenu-width:220px;--tv-TreeMenu-node-height:var(--tv-size-height-md, 32px);--tv-TreeMenu-node-margin-bottom:var(--tv-space-base, 4px);--tv-TreeMenu-font-size:var(--tv-font-size-default, 14px);--tv-TreeMenu-border-color:var(--tv-color-border-divider, #f0f0f0);--tv-TreeMenu-node-body-text-padding-x:0;--tv-TreeMenu-node-selected-bg-color:var(--tv-color-bg-active, #f5f5f5);--tv-TreeMenu-square-left-border-color:var(--tv-color-border-active, #191919);--tv-TreeMenu-node-body-text-color:var(--tv-color-text-control, #191919);--tv-TreeMenu-node-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-TreeMenu-node-icon-fill-color:var(--tv-color-icon, #808080);--tv-TreeMenu-collapse-icon-fill-color:var(--tv-color-icon, #808080);--tv-TreeMenu-collapse-icon-hover-color:var(--tv-color-icon-hover, #191919);--tv-TreeMenu-collapse-icon-margin-right:20px;--tv-TreeMenu-border-top-color:var(--tv-color-border-divider, #f0f0f0);--tv-TreeMenu-input-padding-right:var(--tv-space-xxxl, 32px);--tv-TreeMenu-node-content-height:var(--tv-space-xxxl, 32px);--tv-TreeMenu-input-before-top:48px;--tv-TreeMenu-input-before-margin-right:var(--tv-space-xxxl, 32px);--tv-TreeMenu-node-number-font-size:var(--tv-font-size-sm, 12px);--tv-TreeMenu-node-number-right:var(--tv-space-xl, 16px);--tv-TreeMenu-node-number-max-width:36px;--tv-TreeMenu-node-vertical-line-margin-right:var(--tv-space-xl, 16px);--tv-TreeMenu-input-margin:var(--tv-space-xl, 16px) 0 var(--tv-space-xl, 16px) var(--tv-space-xl, 16px);--tv-TreeMenu-padding-top:var(--tv-space-md, 8px);--tv-TreeMenu-prefix-icon-margin-right:var(--tv-space-md, 8px);--tv-TreeMenu-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-TreeMenu-expand-icon-size:14px;--tv-TreeMenu-node-number-color:var(--tv-color-text-weaken, #808080);--tv-TreeMenu-background-color:var(--tv-color-bg-3, #ffffff);--tv-TreeMenu-scrollbar-width:var(--tv-space-md, 8px);--tv-TreeMenu-scrollbar-margin-right:var(--tv-space-base, 4px);--tv-TreeMenu-node-name-hover-font-weight:var(--tv-font-weight-bold, 600);--tv-TreeMenu-toggle-button-background-color:var(--tv-color-bg-3, #ffffff);--tv-TreeMenu-node-body-selected-color:var(--tv-color-border-active, #191919);--tv-TreeMenu-node-name-hover-color:var(--tv-color-border-hover, #191919);width:var(--tv-TreeMenu-width);position:relative;font-size:var(--tv-TreeMenu-font-size);-webkit-transition:width .5s;transition:width .5s;background:var(--tv-TreeMenu-background-color)}.tiny-tree-menu__toggle-button{position:absolute;cursor:pointer;right:0;top:50%;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%);z-index:9;width:24px;height:24px;border-radius:50%;font-size:18px;line-height:18px;background-color:var(--tv-TreeMenu-toggle-button-background-color);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.06);box-shadow:0 2px 4px 0 rgba(0,0,0,.06);border:1px solid var(--tv-TreeMenu-border-color)}.tiny-tree-menu__toggle-button .tiny-svg{margin-left:2px;margin-top:2px;fill:var(--tv-TreeMenu-collapse-icon-fill-color);font-size:16px}.tiny-tree-menu__toggle-button .tiny-svg:hover{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__toggle-button .tiny-svg:focus{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__expand{height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px;position:sticky;bottom:0;left:0;width:100%;background-color:var(--tv-TreeMenu-toggle-button-background-color)}.tiny-tree-menu__expand svg{width:22px;height:22px;cursor:pointer;fill:var(--tv-TreeMenu-collapse-icon-fill-color)}.tiny-tree-menu__expand svg:hover{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu__expand svg:focus{fill:var(--tv-TreeMenu-collapse-icon-hover-color)}.tiny-tree-menu.is-collapsed{width:0}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button{-webkit-transform:translateX(70%) translateY(-50%);transform:translateX(70%) translateY(-50%)}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button .tiny-svg{rotate:180deg}.tiny-tree-menu.is-collapsed .tiny-input{overflow:hidden}.tiny-tree-menu.is-collapsed .tiny-input .tiny-input-display-only{display:inline-block;width:0}.tiny-tree-menu.is-expand{width:36px}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button{-webkit-transform:translateX(70%) translateY(-50%);transform:translateX(70%) translateY(-50%)}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button .tiny-svg{rotate:180deg}.tiny-tree-menu.is-expand .tiny-input{overflow:hidden}.tiny-tree-menu.is-expand .tiny-input .tiny-input-display-only{display:inline-block;width:0}.tiny-tree-menu:before{content:'';border-right:1px solid var(--tv-TreeMenu-border-color);position:absolute;top:0;right:0;height:100%;z-index:1}.tiny-tree-menu .tiny-input{position:relative;padding-right:var(--tv-TreeMenu-input-padding-right);margin:var(--tv-TreeMenu-input-margin)}.tiny-tree-menu .tiny-input.is-hidden{visibility:hidden;opacity:0}.tiny-tree-menu .tiny-input:before{content:'';position:absolute;left:0;right:0;top:var(--tv-TreeMenu-input-before-top);bottom:0;z-index:2;border-top:1px solid var(--tv-TreeMenu-border-top-color);margin-right:var(--tv-TreeMenu-input-before-margin-right)}.tiny-tree-menu .tiny-tree{padding-top:var(--tv-TreeMenu-padding-top)}.tiny-tree-menu .tiny-tree::-webkit-scrollbar{width:var(--tv-TreeMenu-scrollbar-width);margin-right:var(--tv-TreeMenu-scrollbar-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-disabled>.tiny-tree-node__content a{cursor:not-allowed}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-disabled>.tiny-tree-node__content a .tree-node-name{color:var(--tv-TreeMenu-disabled-text-color);font-weight:400}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__expand-icon{font-size:var(--tv-TreeMenu-expand-icon-size)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content{height:var(--tv-TreeMenu-node-height);line-height:var(--tv-TreeMenu-node-height);overflow:hidden;padding-left:0;margin-bottom:var(--tv-TreeMenu-node-margin-bottom)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-icon{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10;margin-right:var(--tv-TreeMenu-collapse-icon-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-number{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;right:var(--tv-TreeMenu-node-number-right);max-width:var(--tv-TreeMenu-node-number-max-width);overflow:hidden;font-size:var(--tv-TreeMenu-node-number-font-size);color:var(--tv-TreeMenu-node-number-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:100%}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 var(--tv-TreeMenu-node-body-text-padding-x)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name:hover{font-weight:var(--tv-TreeMenu-node-name-hover-font-weight);color:var(--tv-TreeMenu-node-name-hover-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name:hover svg{fill:var(--tv-TreeMenu-node-icon-hover-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name svg{margin-right:var(--tv-TreeMenu-prefix-icon-margin-right);fill:var(--tv-TreeMenu-node-icon-fill-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node-name{padding-right:0}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover{background-color:var(--tv-TreeMenu-node-hover-bg-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover .tiny-tree-node__label{background-color:transparent}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-left{position:relative;padding-left:var(--tv-TreeMenu-node-vertical-line-margin-right)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-left:hover{background-color:transparent}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--tv-TreeMenu-node-selected-bg-color);position:relative}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body{font-weight:700;color:var(--tv-TreeMenu-node-body-selected-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body svg{fill:var(--tv-TreeMenu-node-icon-hover-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content::before{content:'';position:absolute;left:0;top:50%;display:inline-block;height:var(--tv-TreeMenu-node-content-height);-webkit-transform:translateY(-50%);transform:translateY(-50%);border-left:2px solid var(--tv-TreeMenu-square-left-border-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body{color:var(--tv-TreeMenu-node-body-text-color);display:block}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body,.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body:hover{text-decoration:none}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-loading .tiny-tree-node__content .tree-node-name{padding-left:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-box{max-width:calc(100% - 26px);padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node{width:calc(100% - 60px)}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__content{min-height:var(--tv-TreeMenu-node-height);height:auto}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-body{min-height:var(--tv-TreeMenu-node-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-name{white-space:normal;line-height:normal;display:block;word-break:break-all}
|