@opentiny/vue-theme-saas 3.24.0 → 3.25.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/button/index.css +1 -1
- package/cascader/index.css +1 -1
- package/checkbox/index.css +1 -1
- package/collapse-item/index.css +1 -1
- package/date-panel/index.css +1 -1
- package/dropdown-menu/index.css +1 -1
- package/file-upload/index.css +1 -1
- package/grid/index.css +1 -1
- package/index.css +1 -1
- package/input/index.css +1 -1
- package/modal/index.css +1 -1
- package/notify/index.css +1 -1
- package/option/index.css +1 -1
- package/package.json +1 -1
- package/popover/index.css +1 -1
- package/search/index.css +1 -1
- package/select/index.css +1 -1
- package/select-dropdown/index.css +1 -1
- package/svgs/acceptance.svg +7 -0
- package/svgs/badge-hot-cn.svg +6 -0
- package/svgs/badge-hot-en.svg +6 -0
- package/svgs/badge-new-cn.svg +8 -0
- package/svgs/badge-new-en.svg +6 -0
- package/svgs/delegated-processing.svg +4 -0
- package/svgs/payment-slips.svg +12 -0
- package/svgs/performance.svg +10 -0
- package/svgs/pushpin-solid.svg +11 -7
- package/svgs/pushpin.svg +14 -7
- package/tabs/index.css +1 -1
- package/tag/index.css +1 -1
- package/textarea/index.css +1 -1
- package/theme/theme.json +15 -4
- package/time-panel/index.css +1 -1
- package/tooltip/index.css +1 -1
- package/tree/index.css +1 -1
- package/tree-menu/index.css +1 -1
package/tree/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tree{position:relative;cursor:default;background-color:var(--tiny-color-bg-1,#fff);color:var(--tiny-color-text-primary,#191919);padding-left:var(--tiny-spacing-2,.5rem);padding-right:var(--tiny-spacing-2,.5rem);padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-px,.0625rem)}.tiny-tree__empty-block{position:relative;min-height:var(--tiny-spacing-16,4rem);text-align:center;width:100%;height:100%}.tiny-tree__empty-text{position:absolute;left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--tiny-color-text-secondary,#595959)}.tiny-tree__drop-indicator{position:absolute;left:var(--tiny-spacing-0,0);right:var(--tiny-spacing-0,0);height:var(--tiny-spacing-px,.0625rem);background-color:var(--tiny-color-brand-hover,#2e86de)}.tiny-tree.is-dragging .tiny-tree-node__content{cursor:move}.tiny-tree.is-dragging .tiny-tree-node__content *{pointer-events:none}.tiny-tree.is-dragging.is-drop-not-allow .tiny-tree-node__content{cursor:not-allowed}.tiny-tree--highlight-current .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-tree__strict-bottom{border-top-width:var(--tiny-borderWidth-DEFAULT,1px);border-top-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-tree__strict-bottom-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:var(--tiny-spacing-1_5,.375rem);padding-bottom:var(--tiny-spacing-1_5,.375rem);padding-left:var(--tiny-spacing-3,.75rem);padding-right:var(--tiny-spacing-3,.75rem)}.tiny-tree__strict-bottom-content .tiny-switch.mini{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-preferred-size:auto;flex-basis:auto}.tiny-tree__strict-bottom-content .tiny-tree__bottom-text{margin-left:var(--tiny-spacing-2_5,.625rem)}.tiny-tree--small .tiny-tree-node__content{height:var(--tiny-spacing-7,1.75rem)}.tiny-tree--small .tiny-tree-node__label{font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-tree .tiny-tree__plain-node{height:var(--tiny-spacing-14,3.5rem);font-size:var(--tiny-fontSize-xs,.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:var(--tiny-spacing-3,.75rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem)}.tiny-tree .tiny-tree__plain-node:hover{background-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-tree .tiny-tree__plain-node-auxi,.tiny-tree .tiny-tree__plain-node-title{height:var(--tiny-spacing-7,1.75rem)}.tiny-tree .tiny-tree__plain-node-title>span{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tree .tiny-tree__plain-node-title>span+span{margin-left:var(--tiny-spacing-2,.5rem)}.tiny-tree .tiny-tree__plain-node-title-txt{--tw-translate-y:calc(var(--tiny-spacing-0_5, 0.125rem) * -1);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree .tiny-tree__plain-node-title{--tw-translate-y:var(--tiny-spacing-1, 0.250rem);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919)}.tiny-tree .tiny-tree__plain-node-title .tiny-radio{--tw-translate-y:calc(var(--tiny-spacing-1, 0.250rem) * -1);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree .tiny-tree__plain-node-title .tiny-radio .tiny-radio__label{display:none}.tiny-tree .tiny-tree__plain-node-auxi{margin-left:var(--tiny-spacing-6,1.5rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--tw-translate-x:calc(var(--tiny-spacing-1, 0.250rem) * -1);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--tiny-color-text-secondary,#595959)}.tiny-tree .tiny-tree__plain-node-auxi>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-tree .tiny-tree__plain-node-title-loc{font-size:var(--tiny-fontSize-base,1rem);cursor:pointer}.tiny-tree__del-popover .tiny-tree__del-body{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-icon{margin-right:var(--tiny-spacing-2,.5rem)}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-icon svg{font-size:var(--tiny-fontSize-base,1rem);fill:var(--tiny-color-warning,#fcc800)}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-checkbox{margin-top:var(--tiny-spacing-3,.75rem)}.tiny-tree__del-popover .tiny-tree__del-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--tiny-spacing-3,.75rem)}.tiny-tree-node[aria-disabled=true] .tiny-tree-node__content:has(.is-disabled){cursor:not-allowed}.tiny-tree-node[aria-disabled=true] .tiny-tree-node__content .tiny-tree-node__content-left:has(.is-disabled) .tiny-tree-node-icon svg{fill:var(--tiny-color-icon-disabled,#aeaeae);cursor:not-allowed}.tiny-tree-node[aria-disabled=true] .tiny-tree-node__content .tiny-tree-node__content-left:has(.is-disabled) .tiny-tree-node__expand-icon{fill:var(--tiny-color-icon-disabled,#aeaeae);cursor:not-allowed}.tiny-tree-node[aria-disabled=true] .tiny-tree-node__content .tiny-tree-node__content-right.is-disabled svg{cursor:pointer}.tiny-tree-node{white-space:nowrap;outline-width:0}.tiny-tree-node.is-current[aria-disabled=true]>.tiny-tree-node__content{background-color:var(--tiny-color-brand-hover-subtler,rgba(0,103,209,.05))}.tiny-tree-node.is-show-focus-bg:focus>.tiny-tree-node__content{background-color:var(--tiny-color-bg-4,#f3f3f3)}.tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--tiny-color-fill-6,#e6f1fd);color:var(--tiny-color-link-focus,#0067d1)}.tiny-tree-node:not(.is-focusable)>.tiny-tree-node__content .tiny-tree-node__label{color:var(--tiny-color-text-disabled,#aeaeae)}.tiny-tree-node.is-drop-inner>.tiny-tree-node__content .tiny-tree-node__label{background-color:var(--tiny-color-brand-hover,#2e86de);color:var(--tiny-color-text-inverse,#fff)}.tiny-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--tiny-spacing-8,2rem);cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:var(--tiny-fontSize-sm,.875rem);margin-bottom:var(--tiny-spacing-1,.25rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem)}.tiny-tree-node__content:hover{background-color:var(--tiny-color-fill-2,#f5f6f8);color:var(--tiny-color-text-primary,#191919)}.tiny-tree-node__content label.tiny-checkbox{margin-left:var(--tiny-spacing-2,.5rem)}.tiny-tree-node__content .tiny-tree-node__content-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.tiny-tree-node__content .tiny-tree-node__content-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:var(--tiny-spacing-2,.5rem)}.tiny-tree-node__content .tiny-tree-node__content-right .tiny-tree-node__checked-mark svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-node__content .tiny-tree-node__content-right svg{fill:var(--tiny-color-icon-secondary,#777);font-size:var(--tiny-fontSize-base,1rem);margin-right:var(--tiny-spacing-2,.5rem);outline:2px solid transparent;outline-offset:2px}.tiny-tree-node .tree-node-icon{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tree-node__expand-icon{cursor:pointer;fill:var(--tiny-color-icon-secondary,#777);font-size:var(--tiny-fontSize-md,1rem);--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-ms-flex-negative:0;flex-shrink:0}.tiny-tree-node__expand-icon.expanded{--tw-rotate:90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-node__expand-icon.is-leaf{visibility:hidden}.tiny-tree-node__expand-icon:hover{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-node__label{font-size:var(--tiny-fontSize-sm,.875rem);margin-left:var(--tiny-spacing-1,.25rem)}.tiny-tree-node__loading.circular{margin-top:var(--tiny-spacing-0,0);margin-bottom:var(--tiny-spacing-0,0);margin-left:var(--tiny-spacing-2,.5rem);margin-right:var(--tiny-spacing-2,.5rem);font-size:var(--tiny-fontSize-2xl,1.5rem);fill:var(--tiny-color-brand,#0067d1);-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.tiny-tree-node__loading.circular .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--tiny-color-brand,#0067d1);stroke-linecap:round}.tiny-tree-node>.tiny-tree-node__children{overflow:hidden;background-color:transparent}.tiny-tree-node>.tiny-tree-node__children .tiny-tree-node__label{font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-tree-node.is-expanded>.tiny-tree-node__children{display:block}.tiny-tree-node__menu{position:absolute;top:var(--tiny-spacing-0,0);left:var(--tiny-spacing-0,0);z-index:5000;font-size:var(--tiny-fontSize-xs,.75rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-px,.0625rem);padding-right:var(--tiny-spacing-px,.0625rem);color:var(--tiny-color-text-secondary,#595959);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-tree-node .tiny-radio{margin-right:var(--tiny-spacing-0,0)}.tiny-tree-node .tiny-radio .tiny-radio__label{display:none}.tiny-tree-node .collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
|
|
1
|
+
.tiny-tree{position:relative;cursor:default;background-color:var(--tiny-color-bg-1,#fff);color:var(--tiny-color-text-primary,#191919);padding-left:var(--tiny-spacing-2,.5rem);padding-right:var(--tiny-spacing-2,.5rem);padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-px,.0625rem)}.tiny-tree__empty-block{position:relative;min-height:var(--tiny-spacing-16,4rem);text-align:center;width:100%;height:100%}.tiny-tree__empty-text{position:absolute;left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--tiny-color-text-secondary,#595959)}.tiny-tree__drop-indicator{position:absolute;left:var(--tiny-spacing-0,0);right:var(--tiny-spacing-0,0);height:var(--tiny-spacing-px,.0625rem);background-color:var(--tiny-color-brand-hover,#2e86de)}.tiny-tree.is-dragging .tiny-tree-node__content{cursor:move}.tiny-tree.is-dragging .tiny-tree-node__content *{pointer-events:none}.tiny-tree.is-dragging.is-drop-not-allow .tiny-tree-node__content{cursor:not-allowed}.tiny-tree--highlight-current .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-tree__strict-bottom{border-top-width:var(--tiny-borderWidth-DEFAULT,1px);border-top-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-tree__strict-bottom-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:var(--tiny-spacing-1_5,.375rem);padding-bottom:var(--tiny-spacing-1_5,.375rem);padding-left:var(--tiny-spacing-3,.75rem);padding-right:var(--tiny-spacing-3,.75rem)}.tiny-tree__strict-bottom-content .tiny-switch.mini{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-preferred-size:auto;flex-basis:auto}.tiny-tree__strict-bottom-content .tiny-tree__bottom-text{margin-left:var(--tiny-spacing-2_5,.625rem)}.tiny-tree--small .tiny-tree-node__content{height:var(--tiny-spacing-7,1.75rem)}.tiny-tree--small .tiny-tree-node__label{font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-tree .tiny-tree__plain-node{height:var(--tiny-spacing-14,3.5rem);font-size:var(--tiny-fontSize-xs,.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:var(--tiny-spacing-3,.75rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem)}.tiny-tree .tiny-tree__plain-node:hover{background-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-tree .tiny-tree__plain-node-auxi,.tiny-tree .tiny-tree__plain-node-title{height:var(--tiny-spacing-7,1.75rem)}.tiny-tree .tiny-tree__plain-node-title>span{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tree .tiny-tree__plain-node-title>span+span{margin-left:var(--tiny-spacing-2,.5rem)}.tiny-tree .tiny-tree__plain-node-title-txt{--tw-translate-y:calc(var(--tiny-spacing-0_5, 0.125rem) * -1);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree .tiny-tree__plain-node-title{--tw-translate-y:var(--tiny-spacing-1, 0.250rem);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919)}.tiny-tree .tiny-tree__plain-node-title .tiny-radio{--tw-translate-y:calc(var(--tiny-spacing-1, 0.250rem) * -1);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree .tiny-tree__plain-node-title .tiny-radio .tiny-radio__label{display:none}.tiny-tree .tiny-tree__plain-node-auxi{margin-left:var(--tiny-spacing-6,1.5rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--tw-translate-x:calc(var(--tiny-spacing-1, 0.250rem) * -1);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--tiny-color-text-secondary,#595959)}.tiny-tree .tiny-tree__plain-node-auxi>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-tree .tiny-tree__plain-node-title-loc{font-size:var(--tiny-fontSize-base,1rem);cursor:pointer}.tiny-tree__del-popover .tiny-tree__del-body{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-icon{margin-right:var(--tiny-spacing-2,.5rem)}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-icon svg{font-size:var(--tiny-fontSize-base,1rem);fill:var(--tiny-color-warning,#fcc800)}.tiny-tree__del-popover .tiny-tree__del-body .tiny-tree__del-checkbox{margin-top:var(--tiny-spacing-3,.75rem)}.tiny-tree__del-popover .tiny-tree__del-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--tiny-spacing-3,.75rem)}.tiny-tree-node[aria-disabled=true] .tiny-tree-node__content:has(.is-disabled){cursor:not-allowed}.tiny-tree-node[aria-disabled=true] .tiny-tree-node__content .tiny-tree-node__content-left:has(.is-disabled) .tiny-tree-node-icon svg{fill:var(--tiny-color-icon-disabled,#aeaeae);cursor:not-allowed}.tiny-tree-node[aria-disabled=true] .tiny-tree-node__content .tiny-tree-node__content-left:has(.is-disabled) .tiny-tree-node__expand-icon{fill:var(--tiny-color-icon-disabled,#aeaeae);cursor:not-allowed}.tiny-tree-node[aria-disabled=true] .tiny-tree-node__content .tiny-tree-node__content-right.is-disabled svg{cursor:pointer}.tiny-tree-node{white-space:nowrap;outline-width:0}.tiny-tree-node.is-current[aria-disabled=true]>.tiny-tree-node__content{background-color:var(--tiny-color-brand-hover-subtler,rgba(0,103,209,.05))}.tiny-tree-node.is-show-focus-bg:focus>.tiny-tree-node__content{background-color:var(--tiny-color-bg-4,#f3f3f3)}.tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--tiny-color-fill-6,#e6f1fd);color:var(--tiny-color-link-focus,#0067d1)}.tiny-tree-node:not(.is-focusable)>.tiny-tree-node__content .tiny-tree-node__label{color:var(--tiny-color-text-disabled,#aeaeae)}.tiny-tree-node.is-drop-inner>.tiny-tree-node__content .tiny-tree-node__label{background-color:var(--tiny-color-brand-hover,#2e86de);color:var(--tiny-color-text-inverse,#fff)}.tiny-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--tiny-spacing-8,2rem);cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:var(--tiny-fontSize-sm,.875rem);margin-bottom:var(--tiny-spacing-1,.25rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem)}.tiny-tree-node__content:hover{background-color:var(--tiny-color-fill-2,#f5f6f8);color:var(--tiny-color-text-primary,#191919)}.tiny-tree-node__content label.tiny-checkbox{margin-left:var(--tiny-spacing-2,.5rem)}.tiny-tree-node__content .tiny-tree-node__content-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.tiny-tree-node__content .tiny-tree-node__content-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:var(--tiny-spacing-2,.5rem)}.tiny-tree-node__content .tiny-tree-node__content-right .tiny-tree-node__checked-mark svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-node__content .tiny-tree-node__content-right svg{fill:var(--tiny-color-icon-secondary,#595959);font-size:var(--tiny-fontSize-base,1rem);margin-right:var(--tiny-spacing-2,.5rem);outline:2px solid transparent;outline-offset:2px}.tiny-tree-node .tree-node-icon{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tree-node__expand-icon{cursor:pointer;fill:var(--tiny-color-icon-secondary,#595959);font-size:var(--tiny-fontSize-md,1rem);--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-ms-flex-negative:0;flex-shrink:0}.tiny-tree-node__expand-icon.expanded{--tw-rotate:90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-node__expand-icon.is-leaf{visibility:hidden}.tiny-tree-node__expand-icon:hover{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-node__label{font-size:var(--tiny-fontSize-sm,.875rem);margin-left:var(--tiny-spacing-1,.25rem)}.tiny-tree-node__loading.circular{margin-top:var(--tiny-spacing-0,0);margin-bottom:var(--tiny-spacing-0,0);margin-left:var(--tiny-spacing-2,.5rem);margin-right:var(--tiny-spacing-2,.5rem);font-size:var(--tiny-fontSize-2xl,1.5rem);fill:var(--tiny-color-brand,#0067d1);-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.tiny-tree-node__loading.circular .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--tiny-color-brand,#0067d1);stroke-linecap:round}.tiny-tree-node>.tiny-tree-node__children{overflow:hidden;background-color:transparent}.tiny-tree-node>.tiny-tree-node__children .tiny-tree-node__label{font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-tree-node.is-expanded>.tiny-tree-node__children{display:block}.tiny-tree-node__menu{position:absolute;top:var(--tiny-spacing-0,0);left:var(--tiny-spacing-0,0);z-index:5000;font-size:var(--tiny-fontSize-xs,.75rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-px,.0625rem);padding-right:var(--tiny-spacing-px,.0625rem);color:var(--tiny-color-text-secondary,#595959);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-tree-node .tiny-radio{margin-right:var(--tiny-spacing-0,0)}.tiny-tree-node .tiny-radio .tiny-radio__label{display:none}.tiny-tree-node .collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
|
package/tree-menu/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tree-menu{width:var(--tiny-spacing-56,14rem);position:relative;font-size:var(--tiny-fontSize-xs,.75rem);padding-right:var(--tiny-spacing-2,.5rem);padding-top:var(--tiny-spacing-3,.75rem);-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.tiny-tree-menu__toggle-button{position:absolute;cursor:pointer;right:var(--tiny-spacing-0,0);top:50%;--tw-translate-y:-50%;--tw-translate-x:50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));z-index:10;width:var(--tiny-spacing-6,1.5rem);height:var(--tiny-spacing-6,1.5rem);border-radius:var(--tiny-borderRadius-full,126rem);font-size:var(--tiny-fontSize-lg,1.125rem);line-height:1.125rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow:var(--tiny-boxShadow-sm, 0px 1px 6px 0px rgba(0, 0, 0, 0.08));--tw-shadow-colored:0px 1px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-sm,0 1px 6px 0 rgba(0,0,0,.08));box-shadow:var(--tiny-boxShadow-sm,0 1px 6px 0 rgba(0,0,0,.08));border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border,#c9c9c9)}.tiny-tree-menu__toggle-button .tiny-svg{margin-left:var(--tiny-spacing-0_5,.125rem);fill:var(--tiny-color-icon-secondary,#777)}.tiny-tree-menu.is-collapsed{width:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button{--tw-translate-y:-50%;--tw-translate-x:66.666667%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button .tiny-svg{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-menu.is-collapsed .tiny-input{overflow:hidden;padding:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-collapsed .tiny-input .tiny-input-display-only{display:inline-block;width:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-collapsed .tiny-tree{padding:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-expand{width:40px}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button{--tw-translate-y:-50%;--tw-translate-x:66.666667%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button .tiny-svg{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-menu.is-expand .tiny-input{overflow:hidden;padding:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-expand .tiny-input .tiny-input-display-only{display:inline-block;width:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-expand .tiny-tree{padding:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-input{padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);margin-bottom:var(--tiny-spacing-3,.75rem)}.tiny-tree-menu .tiny-input.is-hidden{visibility:hidden;opacity:var(--tiny-opacity-0,0)}.tiny-tree-menu .tiny-input__inner{padding-top:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-12,3rem);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-3,.75rem);border-style:none;border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border,#c9c9c9)}.tiny-tree-menu .tiny-input__prefix{left:unset;right:var(--tiny-spacing-8,2rem)}.tiny-tree-menu .tiny-input__prefix>svg{font-size:var(--tiny-fontSize-base,1rem);fill:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-tree-menu .tiny-tree{overflow-y:auto}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content{height:var(--tiny-spacing-12,3rem);line-height:48px;overflow:hidden;margin-top:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover{background-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.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(--tiny-spacing-4,1rem);max-width:var(--tiny-spacing-9,2.25rem);overflow:hidden;font-size:var(--tiny-fontSize-sm,.875rem)}.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 .tiny-tree-node__label{margin-left:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-1,.25rem);padding-right:var(--tiny-spacing-3,.75rem)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name svg{height:var(--tiny-spacing-4,1rem);width:var(--tiny-spacing-4,1rem);margin-top:calc(var(--tiny-spacing-0_5,.125rem) * -1);margin-right:var(--tiny-spacing-3,.75rem);fill:var(--tiny-color-icon-primary,#191919)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tiny-checkbox{margin-left:var(--tiny-spacing-4,1rem)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tiny-checkbox+.tree-node .tree-node-name{padding-left:var(--tiny-spacing-2,.5rem)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__label{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node-name{padding-right:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__expand-icon{fill:var(--tiny-color-icon-secondary,#777);font-size:var(--tiny-fontSize-base,1rem)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content{position:relative;background-color:var(--tiny-color-fill-6,#e6f1fd)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body{color:var(--tiny-color-brand,#0067d1);font-weight:400}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body .tree-node-name svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-icon svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-number{color:var(--tiny-color-brand,#0067d1);font-weight:400}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content:hover{background-color:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body{color:var(--tiny-color-text-primary,#191919);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{-webkit-text-decoration-line:none;text-decoration-line:none}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-loading .tiny-tree-node__content .tree-node-name{padding-left:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-tree.only-check-children .tiny-tree-node:has(.is-current)>.tiny-tree-node__content .tree-node-body{color:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu .tiny-tree.only-check-children .tiny-tree-node:has(.is-current)>.tiny-tree-node__content .tiny-tree-node__expand-icon{fill:var(--tiny-color-brand,#0067d1)}.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}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:calc(100% - var(--tiny-spacing-8,2rem))}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node{width:calc(100% - var(--tiny-spacing-14,3.5rem))}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__content{min-height:var(--tiny-spacing-12,3rem);height:auto}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-body{min-height:var(--tiny-spacing-12,3rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__label{display:-webkit-box;display:-ms-flexbox;display:flex}}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-name{white-space:normal;line-height:var(--tiny-lineHeight-normal,1.5);display:block;word-break:break-all}.tiny-tree-menu .tiny-tree-menu__expand{height:var(--tiny-spacing-16,4rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:var(--tiny-spacing-3_5,.875rem);bottom:var(--tiny-spacing-0,0);left:var(--tiny-spacing-0,0);width:100%;background-color:var(--tiny-color-bg-1,#fff)}.tiny-tree-menu .tiny-tree-menu__expand svg{width:22px;height:22px;cursor:pointer}.tiny-tree-menu .tiny-tree-menu__expand svg:hover{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu .tiny-tree-menu__expand svg:focus{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu.tiny-tree-menu__collapse{width:var(--tiny-spacing-12,3rem);padding-right:var(--tiny-spacing-0,0);overflow:hidden}.tiny-tree-menu.tiny-tree-menu__show-expand .tiny-tree{padding-left:var(--tiny-spacing-1,.25rem)}
|
|
1
|
+
.tiny-tree-menu{width:var(--tiny-spacing-56,14rem);position:relative;font-size:var(--tiny-fontSize-xs,.75rem);padding-right:var(--tiny-spacing-2,.5rem);padding-top:var(--tiny-spacing-3,.75rem);-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.tiny-tree-menu__toggle-button{position:absolute;cursor:pointer;right:var(--tiny-spacing-0,0);top:50%;--tw-translate-y:-50%;--tw-translate-x:50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));z-index:10;width:var(--tiny-spacing-6,1.5rem);height:var(--tiny-spacing-6,1.5rem);border-radius:var(--tiny-borderRadius-full,126rem);font-size:var(--tiny-fontSize-lg,1.125rem);line-height:1.125rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow:var(--tiny-boxShadow-sm, 0px 1px 6px 0px rgba(0, 0, 0, 0.08));--tw-shadow-colored:0px 1px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-sm,0 1px 6px 0 rgba(0,0,0,.08));box-shadow:var(--tiny-boxShadow-sm,0 1px 6px 0 rgba(0,0,0,.08));border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border,#c9c9c9)}.tiny-tree-menu__toggle-button .tiny-svg{margin-left:var(--tiny-spacing-0_5,.125rem);fill:var(--tiny-color-icon-secondary,#595959)}.tiny-tree-menu.is-collapsed{width:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button{--tw-translate-y:-50%;--tw-translate-x:66.666667%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-menu.is-collapsed .tiny-tree-menu__toggle-button .tiny-svg{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-menu.is-collapsed .tiny-input{overflow:hidden;padding:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-collapsed .tiny-input .tiny-input-display-only{display:inline-block;width:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-collapsed .tiny-tree{padding:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-expand{width:40px}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button{--tw-translate-y:-50%;--tw-translate-x:66.666667%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-menu.is-expand .tiny-tree-menu__toggle-button .tiny-svg{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-tree-menu.is-expand .tiny-input{overflow:hidden;padding:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-expand .tiny-input .tiny-input-display-only{display:inline-block;width:var(--tiny-spacing-0,0)}.tiny-tree-menu.is-expand .tiny-tree{padding:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-input{padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);margin-bottom:var(--tiny-spacing-3,.75rem)}.tiny-tree-menu .tiny-input.is-hidden{visibility:hidden;opacity:var(--tiny-opacity-0,0)}.tiny-tree-menu .tiny-input__inner{padding-top:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-12,3rem);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-3,.75rem);border-style:none;border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border,#c9c9c9)}.tiny-tree-menu .tiny-input__prefix{left:unset;right:var(--tiny-spacing-8,2rem)}.tiny-tree-menu .tiny-input__prefix>svg{font-size:var(--tiny-fontSize-base,1rem);fill:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-tree-menu .tiny-tree{overflow-y:auto}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content{height:var(--tiny-spacing-12,3rem);line-height:48px;overflow:hidden;margin-top:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content:hover{background-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.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(--tiny-spacing-4,1rem);max-width:var(--tiny-spacing-9,2.25rem);overflow:hidden;font-size:var(--tiny-fontSize-sm,.875rem)}.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 .tiny-tree-node__label{margin-left:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-1,.25rem);padding-right:var(--tiny-spacing-3,.75rem)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name svg{height:var(--tiny-spacing-4,1rem);width:var(--tiny-spacing-4,1rem);margin-top:calc(var(--tiny-spacing-0_5,.125rem) * -1);margin-right:var(--tiny-spacing-3,.75rem);fill:var(--tiny-color-icon-primary,#191919)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tiny-checkbox{margin-left:var(--tiny-spacing-4,1rem)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tiny-checkbox+.tree-node .tree-node-name{padding-left:var(--tiny-spacing-2,.5rem)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__label{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node-name{padding-right:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__expand-icon{fill:var(--tiny-color-icon-secondary,#595959);font-size:var(--tiny-fontSize-base,1rem)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content{position:relative;background-color:var(--tiny-color-fill-6,#e6f1fd)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body{color:var(--tiny-color-brand,#0067d1);font-weight:400}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body .tree-node-name svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-icon svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-number{color:var(--tiny-color-brand,#0067d1);font-weight:400}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content:hover{background-color:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body{color:var(--tiny-color-text-primary,#191919);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{-webkit-text-decoration-line:none;text-decoration-line:none}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-loading .tiny-tree-node__content .tree-node-name{padding-left:var(--tiny-spacing-0,0)}.tiny-tree-menu .tiny-tree.only-check-children .tiny-tree-node:has(.is-current)>.tiny-tree-node__content .tree-node-body{color:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu .tiny-tree.only-check-children .tiny-tree-node:has(.is-current)>.tiny-tree-node__content .tiny-tree-node__expand-icon{fill:var(--tiny-color-brand,#0067d1)}.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}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:calc(100% - var(--tiny-spacing-8,2rem))}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content-number .tree-node{width:calc(100% - var(--tiny-spacing-14,3.5rem))}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__content{min-height:var(--tiny-spacing-12,3rem);height:auto}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-body{min-height:var(--tiny-spacing-12,3rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__label{display:-webkit-box;display:-ms-flexbox;display:flex}}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-name{white-space:normal;line-height:var(--tiny-lineHeight-normal,1.5);display:block;word-break:break-all}.tiny-tree-menu .tiny-tree-menu__expand{height:var(--tiny-spacing-16,4rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:var(--tiny-spacing-3_5,.875rem);bottom:var(--tiny-spacing-0,0);left:var(--tiny-spacing-0,0);width:100%;background-color:var(--tiny-color-bg-1,#fff)}.tiny-tree-menu .tiny-tree-menu__expand svg{width:22px;height:22px;cursor:pointer}.tiny-tree-menu .tiny-tree-menu__expand svg:hover{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu .tiny-tree-menu__expand svg:focus{fill:var(--tiny-color-brand,#0067d1)}.tiny-tree-menu.tiny-tree-menu__collapse{width:var(--tiny-spacing-12,3rem);padding-right:var(--tiny-spacing-0,0);overflow:hidden}.tiny-tree-menu.tiny-tree-menu__show-expand .tiny-tree{padding-left:var(--tiny-spacing-1,.25rem)}
|