@para-ui/core 4.0.67 → 4.0.68

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.
Files changed (18) hide show
  1. package/ComboSelect/index.js +4 -4
  2. package/DynamicMultiBox/index.js +4 -4
  3. package/Form/index.js +4 -4
  4. package/FormItem/index.js +4 -4
  5. package/README.md +5 -0
  6. package/SingleBox/index.js +2 -2
  7. package/Table/index.js +497 -432
  8. package/Tabs/index.js +2 -2
  9. package/Tree/index.js +2 -2
  10. package/_verture/{index-09404080.js → index-e9619dbc.js} +1 -1
  11. package/index.js +2 -2
  12. package/package.json +1 -1
  13. package/umd/ComboSelect.js +1 -1
  14. package/umd/DynamicMultiBox.js +1 -1
  15. package/umd/Form.js +1 -1
  16. package/umd/FormItem.js +1 -1
  17. package/umd/Tree.js +1 -1
  18. /package/_verture/{index-fccf2ef0.js → index-c9e5b1a0.js} +0 -0
package/Tabs/index.js CHANGED
@@ -42,8 +42,8 @@ var zh = {
42
42
  };
43
43
 
44
44
  var localeJson = {
45
- zh: zh,
46
- en: en
45
+ zh,
46
+ en
47
47
  };
48
48
 
49
49
  var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:29\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav {\n height: 32px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-tab {\n height: 24px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-nav-operations {\n height: 100%;\n}\n\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:44\n* @description\n*/\n.paraui-v4-tabs.component-tabs-top, .paraui-v4-tabs.component-tabs-bottom {\n flex-direction: column;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > div > .component-tabs-nav {\n padding: 0 20px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > div > .component-tabs-nav {\n padding: 20px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n margin: 0 0 16px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n position: absolute;\n right: 0;\n left: 0;\n border-bottom: 1px solid rgb(234, 236, 241);\n content: \"\";\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n height: 1px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n transition: width 0.3s, left 0.3s, right 0.3s;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n top: 0;\n bottom: 0;\n width: 30px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n left: 0;\n box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n right: 0;\n box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before {\n bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar {\n bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n order: 1;\n margin-top: 16px;\n margin-bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-content-holder {\n order: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n flex-direction: column;\n min-width: 50px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab {\n padding: 0 12px;\n text-align: center;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin: 8px 0 0 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap {\n flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n right: 0;\n left: 0;\n height: 30px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n top: 0;\n box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n bottom: 0;\n box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n width: 1px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n transition: height 0.3s, top 0.3s;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-operations {\n flex: 1 0 auto;\n flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar {\n right: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder {\n margin-left: -1px;\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding-left: 20px;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n order: 1;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n left: 0;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder {\n order: 0;\n margin-right: -1px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding-right: 20px;\n}\n\n.component-tabs-dropdown {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.85);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n top: -9999px;\n left: -9999px;\n z-index: 1050;\n display: block;\n}\n.component-tabs-dropdown.component-tabs-dropdown-hidden {\n display: none;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu {\n max-height: 200px;\n margin: 0;\n padding: 4px 0;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: left;\n list-style-type: none;\n background-color: rgb(255, 255, 255);\n background-clip: padding-box;\n border-radius: 4px;\n outline: none;\n box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item {\n display: flex;\n align-items: center;\n min-width: 140px;\n margin: 0;\n padding: 5px 10px;\n overflow: hidden;\n color: rgb(29, 33, 38);\n font-weight: normal;\n font-size: 14px;\n line-height: 20px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help {\n display: inline-flex;\n flex-direction: row-reverse;\n align-items: center;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help {\n display: inline-flex;\n margin-left: 4px;\n font-size: 14px;\n color: rgb(161, 168, 179);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help svg {\n color: inherit;\n font-size: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item > span {\n flex: 1;\n white-space: nowrap;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove {\n flex: none;\n margin-left: 12px;\n margin-top: 2px;\n color: rgb(92, 101, 115);\n background: transparent;\n border: 0;\n cursor: pointer;\n transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove svg {\n color: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove:hover {\n color: rgb(87, 131, 235);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item:hover {\n background: rgb(247, 248, 250);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled,\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled:hover {\n color: rgb(161, 168, 179);\n background: transparent;\n cursor: not-allowed;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tabs-slide-up-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tabs-slide-up-enter.component-tabs-slide-up-enter-active,\n.component-tabs-slide-up-appear.component-tabs-slide-up-appear-active {\n animation-name: componentTabsSlideUpIn;\n animation-play-state: running;\n}\n\n.component-tabs-slide-up-leave.component-tabs-slide-up-leave-active {\n animation-name: componentTabsSlideUpOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.component-tabs-slide-up-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n\n@keyframes componentTabsSlideUpIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n@keyframes componentTabsSlideUpOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n.paraui-v4-tabs {\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1.5715;\n display: flex;\n background-color: rgb(255, 255, 255);\n overflow: hidden;\n flex-shrink: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav {\n position: relative;\n display: flex;\n flex: none;\n align-items: center;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap {\n position: relative;\n display: flex;\n flex: auto;\n align-self: stretch;\n overflow: hidden;\n white-space: nowrap;\n transform: translate(0);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n position: absolute;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.3s;\n content: \"\";\n pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-list {\n position: relative;\n display: flex;\n flex-shrink: 0;\n transition: transform 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations {\n display: flex;\n align-self: stretch;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations-hidden, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations-hidden {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more {\n position: relative;\n padding: 8px;\n background: transparent;\n border: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more:hover svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more:hover svg {\n color: rgb(46, 101, 230);\n transition: all 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more svg {\n font-size: 18px;\n vertical-align: top;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 5px;\n transform: translateY(100%);\n content: \"\";\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add {\n min-width: 40px;\n margin-left: 2px;\n padding: 0 8px;\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(29, 33, 38);\n outline: none;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add svg {\n color: inherit;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add:hover, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add:hover {\n color: rgb(46, 101, 230);\n border: 1px solid rgb(87, 131, 235);\n}\n.paraui-v4-tabs .component-tabs-extra-content {\n flex: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-centered > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.paraui-v4-tabs-centered > div > .component-tabs-nav .component-tabs-nav-wrap {\n justify-content: center;\n}\n.paraui-v4-tabs .component-tabs-ink-bar {\n position: absolute;\n background: rgb(46, 101, 230);\n pointer-events: none;\n}\n.paraui-v4-tabs .component-tabs-tab {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n height: 40px;\n padding: 0 10px;\n font-size: 14px;\n background: transparent;\n border: 0;\n outline: none;\n cursor: pointer;\n}\n.paraui-v4-tabs .component-tabs-tab:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-btn {\n outline: none;\n transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help {\n display: flex;\n align-items: center;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help {\n display: inline-flex;\n margin-left: 4px;\n font-size: 16px;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help svg {\n margin-right: 0;\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .paraui-v4-radio {\n margin-right: 8px;\n}\n.paraui-v4-tabs .component-tabs-tab-remove {\n display: inline-flex;\n flex: none;\n margin-right: -4px;\n margin-left: 4px;\n color: rgb(92, 101, 115);\n font-size: 14px;\n background: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-remove:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-remove svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-remove span {\n display: inline-flex;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active {\n color: rgb(46, 101, 230);\n font-weight: 400;\n text-shadow: 0 0 0.25px currentcolor;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active .component-tabs-tab-btn {\n color: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-tabs .component-tabs-tab .component-tabs-tab-remove svg {\n margin: 0;\n}\n.paraui-v4-tabs .component-tabs-tab svg {\n margin-right: 12px;\n}\n.paraui-v4-tabs .component-tabs-tab + .component-tabs-tab {\n margin: 0;\n}\n.paraui-v4-tabs .component-tabs-content {\n display: flex;\n width: 100%;\n}\n.paraui-v4-tabs .component-tabs-content-holder {\n flex: auto;\n min-width: 0;\n min-height: 0;\n}\n.paraui-v4-tabs .component-tabs-content-animated {\n transition: margin 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tabpane {\n flex: none;\n width: 100%;\n outline: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-line .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-nav .component-tabs-nav-add {\n min-width: initial;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n align-self: center;\n margin-left: 10px;\n padding: 0;\n background-color: rgb(255, 255, 255);\n border-color: rgb(212, 218, 227);\n border-radius: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track {\n display: inline-flex;\n max-width: 100%;\n border-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav {\n height: 36px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-wrap {\n padding: 0 4px;\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add {\n margin-right: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav:before {\n display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-ink-bar {\n visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab {\n height: 28px;\n margin: 4px 0;\n padding: 0 10px;\n border-radius: 2px;\n transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n color: rgb(46, 101, 230);\n text-shadow: none;\n background-color: rgb(255, 255, 255);\n font-weight: 400;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-nav {\n max-width: 200px;\n height: auto;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-content-holder, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-content-holder {\n border-left: 0;\n border-right: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track {\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track .component-tabs-nav {\n border-radius: 4px;\n}\n.paraui-v4-tabs.component-tabs.paraui-v4-tabs-track > .component-tabs-nav .component-tabs-nav-more {\n background-color: rgb(247, 248, 250);\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab {\n margin: 0;\n padding: 0 10px;\n background: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove {\n margin-left: 8px;\n font-size: 14px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab-active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-ink-bar {\n visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin-left: 0;\n border-left: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:first-child {\n border-top-left-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:nth-last-child(2) {\n border-top-right-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab-active {\n border-bottom-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab-active {\n border-top-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin-top: 0;\n border-top: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab-active {\n border-right-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab-active {\n border-left-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right .component-tabs-nav .component-tabs-nav-add {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left .component-tabs-nav .component-tabs-nav-add {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav:before {\n display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab {\n border: 0;\n transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n border-radius: 4px 4px 0 0;\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-content {\n margin-top: -16px;\n padding: 16px;\n background-color: rgb(247, 248, 250);\n border-radius: 0 0 4px 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-no-child:not(.paraui-v4-tabs-card-container) .component-tabs-nav {\n margin: 0;\n}";
package/Tree/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { T as Tree } from '../_verture/index-09404080.js';
2
- export { T as default } from '../_verture/index-09404080.js';
1
+ import { T as Tree } from '../_verture/index-e9619dbc.js';
2
+ export { T as default } from '../_verture/index-e9619dbc.js';
3
3
  import '../_verture/toConsumableArray-599cd94a.js';
4
4
  import '../_verture/slicedToArray-61604a6c.js';
5
5
  import '../_verture/defineProperty-6f62bb2a.js';
package/_verture/{index-09404080.js → index-e9619dbc.js} RENAMED
@@ -1377,7 +1377,7 @@ if (!Element.prototype.closest) {
1377
1377
  };
1378
1378
  }
1379
1379
 
1380
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tree-treenode-leaf-last .paraui-v4-tree-switcher-leaf-line::before {\n top: auto !important;\n bottom: auto !important;\n height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n.paraui-v4-tree-rtl {\n direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n right: -6px;\n left: unset;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-rtl {\n direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n transform: rotate(90deg);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before .paraui-v4-tree-rtl.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n right: auto;\n left: -13px;\n border-right: none;\n border-left: 1px solid #d9d9d9;\n}\n.paraui-v4-tree-checkbox .paraui-v4-tree-rtl.paraui-v4-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-select-dropdown-rtl .paraui-v4-select-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-checkbox {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox-input:focus + .paraui-v4-tree-checkbox-inner {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox::after {\n visibility: visible;\n}\n.paraui-v4-tree-checkbox-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n margin-top: 2px;\n width: 14px;\n height: 14px;\n direction: ltr;\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n border-radius: 2px;\n border-collapse: separate;\n transition: all 0.3s;\n}\n.paraui-v4-tree-checkbox-inner::after {\n position: absolute;\n top: 50%;\n left: 21.5%;\n display: table;\n width: 6px;\n height: 9px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n content: \" \";\n box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox-input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n position: absolute;\n display: table;\n border: 1px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n width: 4px;\n height: 8px;\n top: 45%;\n left: 21%;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n line-height: 16px;\n content: \" \";\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n background-color: rgb(46, 101, 230);\n border-color: rgba(0, 0, 0, 0);\n line-height: 16px;\n}\n\n.paraui-v4-tree-checkbox-disabled {\n cursor: not-allowed;\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n background-color: rgb(212, 218, 227);\n border: none !important;\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked:hover .paraui-v4-tree-checkbox-inner {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n border-color: rgb(255, 255, 255);\n color: rgb(255, 255, 255);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-input {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n border-color: #fff !important;\n border-collapse: separate;\n animation-name: none;\n}\n.paraui-v4-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-disabled::after {\n visibility: hidden;\n}\n\n.paraui-v4-tree-checkbox-disabled + .paraui-v4-tree-node-content-wrapper {\n color: rgb(161, 168, 179) !important;\n}\n\n.paraui-v4-tree-checkbox-wrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper.paraui-v4-tree-checkbox-wrapper-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-wrapper + .paraui-v4-tree-checkbox-wrapper {\n margin-left: 8px;\n}\n\n.paraui-v4-tree-checkbox-group {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-block;\n}\n.paraui-v4-tree-checkbox-group-item {\n margin-right: 8px;\n}\n.paraui-v4-tree-checkbox-group-item:last-child {\n margin-right: 0;\n}\n.paraui-v4-tree-checkbox-group-item + .paraui-v4-tree-checkbox-group-item {\n margin-left: 0;\n}\n\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner {\n background-color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner::after {\n top: 50%;\n left: 50%;\n width: 8px;\n height: 2px;\n background-color: rgb(255, 255, 255);\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: \" \";\n}\n.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v4-tree-wrapper .paraui-v4-tree-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.paraui-v4-tree {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n background: rgb(255, 255, 255);\n border-radius: 2px;\n transition: background-color 0.3s;\n}\n.paraui-v4-tree-focused:not(:hover):not(.paraui-v4-tree-active-focused) {\n background: #e6f7ff;\n}\n.paraui-v4-tree-list-holder-inner {\n align-items: flex-start;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner {\n align-items: stretch;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n flex: auto;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode {\n display: flex;\n align-items: center;\n outline: none;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-active .paraui-v4-tree-node-content-wrapper {\n background: #f5f5f5;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode:not(.paraui-v4-tree .paraui-v4-tree-treenode-disabled).filter-node .paraui-v4-tree-title {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-tree-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n}\n.paraui-v4-tree-indent-unit {\n display: inline-block;\n width: 24px;\n}\n.paraui-v4-tree-switcher {\n position: relative;\n flex: none;\n text-align: center;\n width: 16px;\n margin-right: 4px;\n cursor: pointer;\n user-select: none;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon {\n display: inline-block;\n vertical-align: middle;\n transition: transform 0.3s;\n color: inherit;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon svg,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon svg {\n font-size: inherit;\n color: inherit;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-switcher-noop {\n cursor: default;\n}\n.paraui-v4-tree-switcher-icon[data-name=DownTriangleF]:hover {\n color: rgb(46, 101, 230);\n background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon {\n transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n color: currentColor;\n transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher-loading-icon {\n color: rgb(46, 101, 230);\n will-change: transform;\n transition: transform 0.3s ease-in-out;\n animation: treeLoadingCircle 1s infinite linear;\n vertical-align: middle;\n font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-tree-switcher-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-tree-switcher-leaf-line::before {\n position: absolute;\n top: 0;\n bottom: -4px;\n margin-left: -1px;\n border-left: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v4-tree-switcher-leaf-line::after {\n position: absolute;\n width: 10px;\n height: 14px;\n margin-left: -1px;\n border-bottom: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v4-tree-checkbox {\n top: initial;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper {\n padding: 0 8px;\n position: relative;\n z-index: auto;\n min-height: 24px;\n margin: 2px 0 0 0;\n color: inherit;\n line-height: 24px;\n background: transparent;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper.paraui-v4-tree-node-selected {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle {\n display: inline-block;\n height: 24px;\n margin-right: 8px;\n line-height: 26px;\n text-align: center;\n vertical-align: top;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle > svg {\n vertical-align: -0.125em;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle:empty {\n display: none;\n}\n.paraui-v4-tree-unselectable .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] {\n line-height: 24px;\n user-select: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator {\n position: absolute;\n z-index: 1;\n height: 2px;\n background-color: rgb(46, 101, 230);\n border-radius: 1px;\n pointer-events: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid rgb(46, 101, 230);\n border-radius: 50%;\n content: \"\";\n}\n.paraui-v4-tree .paraui-v4-tree-treenode.drop-container > [draggable] {\n box-shadow: 0 0 0 2px rgb(46, 101, 230);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit {\n position: relative;\n height: 100%;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -4px;\n border-right: 1px solid #d9d9d9;\n content: \"\";\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit-end::before {\n display: none;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher {\n background: rgb(255, 255, 255);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_close svg {\n transform: rotate(-90deg);\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_open svg {\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon {\n vertical-align: -0.225em;\n color: inherit;\n font-size: 14px;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon[data-name=DownTriangleF]:hover {\n color: rgb(46, 101, 230);\n background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-node-content-wrapper {\n overflow: hidden;\n display: flex;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-title {\n display: flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-treenode-more-wrapper {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active {\n background-color: rgb(247, 248, 250) !important;\n border-radius: 2px !important;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active .sector-anchor {\n opacity: 1 !important;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n flex-grow: 0;\n flex-shrink: 1;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor {\n position: relative;\n margin: 3px 0 0 10px;\n line-height: 14px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor:before {\n content: \" \";\n position: absolute;\n left: -9px;\n top: 0;\n width: 1px;\n height: 14px;\n background-color: rgb(247, 248, 250);\n pointer-events: none;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg:hover {\n background: rgba(212, 218, 227, 0.4);\n border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n color: rgb(46, 101, 230);\n background: rgba(212, 218, 227, 0.4);\n border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-iconEle {\n position: absolute;\n left: 8px;\n top: 0;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox {\n display: none !important;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox-checked + .paraui-v4-tree-node-content-wrapper {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-node-radio {\n width: 16px;\n height: 16px;\n padding: 0;\n margin-top: 4px;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable-showradio .paraui-v4-tree-node-content-wrapper {\n padding-left: 28px;\n}\n\n.paraui-v4-tree-motion-collapse {\n overflow: hidden;\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
1380
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tree-treenode-leaf-last .paraui-v4-tree-switcher-leaf-line::before {\n top: auto !important;\n bottom: auto !important;\n height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n.paraui-v4-tree-rtl {\n direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n right: -6px;\n left: unset;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-rtl {\n direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n transform: rotate(90deg);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before .paraui-v4-tree-rtl.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n right: auto;\n left: -13px;\n border-right: none;\n border-left: 1px solid #d9d9d9;\n}\n.paraui-v4-tree-checkbox .paraui-v4-tree-rtl.paraui-v4-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-select-dropdown-rtl .paraui-v4-select-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-checkbox {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox-input:focus + .paraui-v4-tree-checkbox-inner {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox::after {\n visibility: visible;\n}\n.paraui-v4-tree-checkbox-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n margin-top: 2px;\n width: 14px;\n height: 14px;\n direction: ltr;\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n border-radius: 2px;\n border-collapse: separate;\n transition: all 0.3s;\n}\n.paraui-v4-tree-checkbox-inner::after {\n position: absolute;\n top: 50%;\n left: 21.5%;\n display: table;\n width: 6px;\n height: 9px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n content: \" \";\n box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox-input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n position: absolute;\n display: table;\n border: 1px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n width: 4px;\n height: 8px;\n top: 45%;\n left: 21%;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n line-height: 16px;\n content: \" \";\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n background-color: rgb(46, 101, 230);\n border-color: rgba(0, 0, 0, 0);\n line-height: 16px;\n}\n\n.paraui-v4-tree-checkbox-disabled {\n cursor: not-allowed;\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n background-color: rgb(212, 218, 227);\n border: none !important;\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked:hover .paraui-v4-tree-checkbox-inner {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n border-color: rgb(255, 255, 255);\n color: rgb(255, 255, 255);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-input {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n border-color: #fff !important;\n border-collapse: separate;\n animation-name: none;\n}\n.paraui-v4-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-disabled::after {\n visibility: hidden;\n}\n\n.paraui-v4-tree-checkbox-disabled + .paraui-v4-tree-node-content-wrapper {\n color: rgb(161, 168, 179) !important;\n}\n\n.paraui-v4-tree-checkbox-wrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper.paraui-v4-tree-checkbox-wrapper-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-wrapper + .paraui-v4-tree-checkbox-wrapper {\n margin-left: 8px;\n}\n\n.paraui-v4-tree-checkbox-group {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-block;\n}\n.paraui-v4-tree-checkbox-group-item {\n margin-right: 8px;\n}\n.paraui-v4-tree-checkbox-group-item:last-child {\n margin-right: 0;\n}\n.paraui-v4-tree-checkbox-group-item + .paraui-v4-tree-checkbox-group-item {\n margin-left: 0;\n}\n\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner {\n background-color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner::after {\n top: 50%;\n left: 50%;\n width: 8px;\n height: 2px;\n background-color: rgb(255, 255, 255);\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: \" \";\n}\n.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n background-color: rgb(212, 218, 227);\n border: none !important;\n}\n.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n border-color: #fff !important;\n border-collapse: separate;\n animation-name: none;\n}\n\n.paraui-v4-tree-wrapper .paraui-v4-tree-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.paraui-v4-tree {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n background: rgb(255, 255, 255);\n border-radius: 2px;\n transition: background-color 0.3s;\n}\n.paraui-v4-tree-focused:not(:hover):not(.paraui-v4-tree-active-focused) {\n background: #e6f7ff;\n}\n.paraui-v4-tree-list-holder-inner {\n align-items: flex-start;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner {\n align-items: stretch;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n flex: auto;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode {\n display: flex;\n align-items: center;\n outline: none;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-active .paraui-v4-tree-node-content-wrapper {\n background: #f5f5f5;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode:not(.paraui-v4-tree .paraui-v4-tree-treenode-disabled).filter-node .paraui-v4-tree-title {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-tree-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n}\n.paraui-v4-tree-indent-unit {\n display: inline-block;\n width: 24px;\n}\n.paraui-v4-tree-switcher {\n position: relative;\n flex: none;\n text-align: center;\n width: 16px;\n margin-right: 4px;\n cursor: pointer;\n user-select: none;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon {\n display: inline-block;\n vertical-align: middle;\n transition: transform 0.3s;\n color: inherit;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon svg,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon svg {\n font-size: inherit;\n color: inherit;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-switcher-noop {\n cursor: default;\n}\n.paraui-v4-tree-switcher-icon[data-name=DownTriangleF]:hover {\n color: rgb(46, 101, 230);\n background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon {\n transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n color: currentColor;\n transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher-loading-icon {\n color: rgb(46, 101, 230);\n will-change: transform;\n transition: transform 0.3s ease-in-out;\n animation: treeLoadingCircle 1s infinite linear;\n vertical-align: middle;\n font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-tree-switcher-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-tree-switcher-leaf-line::before {\n position: absolute;\n top: 0;\n bottom: -4px;\n margin-left: -1px;\n border-left: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v4-tree-switcher-leaf-line::after {\n position: absolute;\n width: 10px;\n height: 14px;\n margin-left: -1px;\n border-bottom: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v4-tree-checkbox {\n top: initial;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper {\n padding: 0 8px;\n position: relative;\n z-index: auto;\n min-height: 24px;\n margin: 2px 0 0 0;\n color: inherit;\n line-height: 24px;\n background: transparent;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper.paraui-v4-tree-node-selected {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle {\n display: inline-block;\n height: 24px;\n margin-right: 8px;\n line-height: 26px;\n text-align: center;\n vertical-align: top;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle > svg {\n vertical-align: -0.125em;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle:empty {\n display: none;\n}\n.paraui-v4-tree-unselectable .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] {\n line-height: 24px;\n user-select: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator {\n position: absolute;\n z-index: 1;\n height: 2px;\n background-color: rgb(46, 101, 230);\n border-radius: 1px;\n pointer-events: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid rgb(46, 101, 230);\n border-radius: 50%;\n content: \"\";\n}\n.paraui-v4-tree .paraui-v4-tree-treenode.drop-container > [draggable] {\n box-shadow: 0 0 0 2px rgb(46, 101, 230);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit {\n position: relative;\n height: 100%;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -4px;\n border-right: 1px solid #d9d9d9;\n content: \"\";\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit-end::before {\n display: none;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher {\n background: rgb(255, 255, 255);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_close svg {\n transform: rotate(-90deg);\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_open svg {\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon {\n vertical-align: -0.225em;\n color: inherit;\n font-size: 14px;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon[data-name=DownTriangleF]:hover {\n color: rgb(46, 101, 230);\n background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-node-content-wrapper {\n overflow: hidden;\n display: flex;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-title {\n display: flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-treenode-more-wrapper {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active {\n background-color: rgb(247, 248, 250) !important;\n border-radius: 2px !important;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active .sector-anchor {\n opacity: 1 !important;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n flex-grow: 0;\n flex-shrink: 1;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor {\n position: relative;\n margin: 3px 0 0 10px;\n line-height: 14px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor:before {\n content: \" \";\n position: absolute;\n left: -9px;\n top: 0;\n width: 1px;\n height: 14px;\n background-color: rgb(247, 248, 250);\n pointer-events: none;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg:hover {\n background: rgba(212, 218, 227, 0.4);\n border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n color: rgb(46, 101, 230);\n background: rgba(212, 218, 227, 0.4);\n border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-iconEle {\n position: absolute;\n left: 8px;\n top: 0;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox {\n display: none !important;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox-checked + .paraui-v4-tree-node-content-wrapper {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-node-radio {\n width: 16px;\n height: 16px;\n padding: 0;\n margin-top: 4px;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable-showradio .paraui-v4-tree-node-content-wrapper {\n padding-left: 28px;\n}\n\n.paraui-v4-tree-motion-collapse {\n overflow: hidden;\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
1381
1381
  styleInject(css_248z);
1382
1382
 
1383
1383
  export { Tree as T };
package/index.js CHANGED
@@ -33,7 +33,7 @@ export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
33
33
  export { default as Empty } from './Empty/index.js';
34
34
  export { default as FieldForm } from './FieldForm/index.js';
35
35
  export { default as Form } from './Form/index.js';
36
- export { F as FormItem } from './_verture/index-fccf2ef0.js';
36
+ export { F as FormItem } from './_verture/index-c9e5b1a0.js';
37
37
  export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-e3beaf4b.js';
38
38
  export { G as GlobalContext, c as changeConfirmLocale, g as getConfirmLocale } from './_verture/index-ca413216.js';
39
39
  export { default as Help } from './Help/index.js';
@@ -87,7 +87,7 @@ export { Title } from './Title/index.js';
87
87
  export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
88
88
  export { Tooltip } from './Tooltip/index.js';
89
89
  export { SSortablejs, Transfer } from './Transfer/index.js';
90
- export { T as Tree } from './_verture/index-09404080.js';
90
+ export { T as Tree } from './_verture/index-e9619dbc.js';
91
91
  export { default as Upload } from './Upload/index.js';
92
92
  export { default as Utils, getDateYYYYMMddHHMM, isObject, pixelReplacement } from './Utils/index.js';
93
93
  export { default as locale } from './locale/index.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "4.0.67",
4
+ "version": "4.0.68",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",