x-next 0.0.0-alpha.5 → 0.0.0-alpha.51

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 (200) hide show
  1. package/README.md +26 -1
  2. package/dist/_container/client-only.d.ts +4 -0
  3. package/dist/_container/parent-scroll-observer.d.ts +6 -0
  4. package/dist/_container/render-function.d.ts +14 -0
  5. package/dist/_container/resize-observer-2.d.ts +12 -0
  6. package/dist/_container/resize-observer.d.ts +6 -0
  7. package/dist/_container/utils.d.ts +12 -0
  8. package/dist/_hooks/_types.d.ts +4 -0
  9. package/dist/_hooks/use-children-components.d.ts +5 -0
  10. package/dist/_hooks/use-first-element.d.ts +5 -0
  11. package/dist/_hooks/use-index.d.ts +9 -0
  12. package/dist/_hooks/use-merge-state.d.ts +4 -0
  13. package/dist/_hooks/use-pick-slots.d.ts +2 -0
  14. package/dist/_hooks/use-popup-container.d.ts +6 -0
  15. package/dist/_hooks/use-popup-overflow-hidden.d.ts +6 -0
  16. package/dist/_hooks/use-resize-observer.d.ts +8 -0
  17. package/dist/_hooks/use-size.d.ts +7 -0
  18. package/dist/_hooks/use-state.d.ts +2 -0
  19. package/dist/_hooks/use-teleport-container.d.ts +10 -0
  20. package/dist/_props/constant.d.ts +4 -0
  21. package/dist/_props/types.d.ts +1 -0
  22. package/dist/_utils/click.d.ts +13 -0
  23. package/dist/_utils/config.d.ts +1 -1
  24. package/dist/_utils/constant.d.ts +17 -0
  25. package/dist/_utils/dom.d.ts +6 -0
  26. package/dist/_utils/is.d.ts +3 -0
  27. package/dist/_utils/omit.d.ts +2 -0
  28. package/dist/_utils/raf.d.ts +3 -0
  29. package/dist/_utils/throttle-by-raf.d.ts +4 -0
  30. package/dist/_utils/types.d.ts +1 -0
  31. package/dist/_utils/vue-eco.d.ts +14 -1
  32. package/dist/components/_components/icon-hover.vue.d.ts +38 -0
  33. package/dist/components/button/Button.d.ts +97 -0
  34. package/dist/components/button/index.d.ts +181 -0
  35. package/dist/{componets → components}/button/props.d.ts +4 -4
  36. package/dist/{componets/dialog/index.vue.d.ts → components/dialog/Dialog.d.ts} +13 -46
  37. package/dist/components/dialog/index.d.ts +334 -0
  38. package/dist/{componets → components}/dialog/props.d.ts +5 -5
  39. package/dist/components/drawer/index.d.ts +1474 -0
  40. package/dist/components/drawer/src/Drawer.vue.d.ts +744 -0
  41. package/dist/components/drawer/src/props.d.ts +75 -0
  42. package/dist/components/drawer/src/types.d.ts +1 -0
  43. package/dist/components/form/constants.d.ts +4 -0
  44. package/dist/components/form/form-item.d.ts +31 -0
  45. package/dist/components/form/form.d.ts +39 -0
  46. package/dist/components/form/hooks.d.ts +4 -0
  47. package/dist/components/form/types.d.ts +31 -0
  48. package/dist/components/image/ImagePreviewAction.d.ts +1354 -0
  49. package/dist/components/image/context.d.ts +6 -0
  50. package/dist/components/image/hooks/use-image-drag.d.ts +11 -0
  51. package/dist/components/image/hooks/use-image-load-status.d.ts +10 -0
  52. package/dist/components/image/image-footer.vue.d.ts +23 -0
  53. package/dist/components/image/interface.d.ts +45 -0
  54. package/dist/components/image/preview-arrow.vue.d.ts +122 -0
  55. package/dist/components/image/preview-toolbar.vue.d.ts +1388 -0
  56. package/dist/components/image/utils/get-fix-translate.d.ts +1 -0
  57. package/dist/components/image/utils/get-scale.d.ts +6 -0
  58. package/dist/components/image/utils/index.d.ts +1 -0
  59. package/dist/components/index.d.ts +17 -0
  60. package/dist/components/input/Input.d.ts +220 -0
  61. package/dist/components/input/index.d.ts +394 -0
  62. package/dist/components/input/props.d.ts +95 -0
  63. package/dist/components/input/utils.d.ts +6 -0
  64. package/dist/components/message/Message.d.ts +108 -0
  65. package/dist/{componets/message/index.vue.d.ts → components/message/MessageVue.vue.d.ts} +23 -48
  66. package/dist/components/message/index.d.ts +193 -0
  67. package/dist/components/message-box/index.d.ts +4 -0
  68. package/dist/components/message-box/warp.d.ts +2 -0
  69. package/dist/components/notification/Notification.d.ts +89 -0
  70. package/dist/components/notification/index.d.ts +166 -0
  71. package/dist/components/popconfirm/index.d.ts +193 -0
  72. package/dist/components/popconfirm/src/Popconfirm.d.ts +104 -0
  73. package/dist/components/popconfirm/src/popup.vue.d.ts +407 -0
  74. package/dist/components/popconfirm/src/props.d.ts +45 -0
  75. package/dist/components/popconfirm/src/types.d.ts +3 -0
  76. package/dist/components/popup/Popup.d.ts +188 -0
  77. package/dist/components/popup/index.d.ts +334 -0
  78. package/dist/components/popup/props.d.ts +83 -0
  79. package/dist/components/popup/use-props.d.ts +33 -0
  80. package/dist/components/popup/use.d.ts +3 -0
  81. package/dist/components/popup/warp.d.ts +2 -0
  82. package/dist/components/scrollbar/index.d.ts +291 -0
  83. package/dist/components/scrollbar/src/Scrollbar.vue.d.ts +134 -0
  84. package/dist/components/scrollbar/src/constant.d.ts +1 -0
  85. package/dist/components/scrollbar/src/scrollbar.d.ts +24 -0
  86. package/dist/components/scrollbar/src/thumb.d.ts +20 -0
  87. package/dist/components/scrollbar/src/thumb.vue.d.ts +47 -0
  88. package/dist/components/scrollbar/src/types.d.ts +18 -0
  89. package/dist/{componets/space/index.d.ts → components/space/Space.d.ts} +1 -1
  90. package/dist/components/space/index.d.ts +82 -0
  91. package/dist/components/tabs/TabPane.vue.d.ts +78 -0
  92. package/dist/components/tabs/Tabs.d.ts +349 -0
  93. package/dist/components/tabs/context.d.ts +11 -0
  94. package/dist/components/tabs/index.d.ts +400 -0
  95. package/dist/components/tabs/interface.d.ts +12 -0
  96. package/dist/components/tabs/tabs-button.d.ts +43 -0
  97. package/dist/components/tabs/tabs-nav-ink.vue.d.ts +36 -0
  98. package/dist/components/tabs/tabs-nav.d.ts +110 -0
  99. package/dist/components/tabs/tabs-tab.vue.d.ts +129 -0
  100. package/dist/components/tabs/utils.d.ts +13 -0
  101. package/dist/components/tag/Tag.vue.d.ts +375 -0
  102. package/dist/components/tag/index.d.ts +519 -0
  103. package/dist/components/tag/interface.d.ts +49 -0
  104. package/dist/components/timeline/index.d.ts +58 -0
  105. package/dist/components/timeline/src/Timeline.d.ts +24 -0
  106. package/dist/components/timeline/src/TimelineItem.d.ts +12 -0
  107. package/dist/components/timeline/src/context.d.ts +12 -0
  108. package/dist/components/timeline/src/props.d.ts +31 -0
  109. package/dist/components/timeline/src/types.d.ts +9 -0
  110. package/dist/components/timeline-item/index.d.ts +34 -0
  111. package/dist/components/tooltip/Tooltip.vue.d.ts +760 -0
  112. package/dist/components/tooltip/index.d.ts +1317 -0
  113. package/dist/components/trend-chart/components/TrendChart.d.ts +277 -0
  114. package/dist/components/trend-chart/components/trend-chart-curve.d.ts +111 -0
  115. package/dist/components/trend-chart/components/trend-chart-grid.d.ts +55 -0
  116. package/dist/components/trend-chart/components/trend-chart-labels.d.ts +22 -0
  117. package/dist/components/trend-chart/helpers/genPath.d.ts +8 -0
  118. package/dist/components/trend-chart/helpers/genPoints.d.ts +3 -0
  119. package/dist/components/trend-chart/helpers/getPadding.d.ts +7 -0
  120. package/dist/components/trend-chart/helpers/validatePadding.d.ts +2 -0
  121. package/dist/components/trend-chart/index.d.ts +535 -0
  122. package/dist/components/trend-chart/props.d.ts +203 -0
  123. package/dist/components/trend-chart/themes.d.ts +128 -0
  124. package/dist/{componets/trend-chart → components/trend-chart.bak}/components/trend-chart-curve.d.ts +2 -5
  125. package/dist/{componets/trend-chart → components/trend-chart.bak}/components/trend-chart.d.ts +19 -15
  126. package/dist/components/trend-chart.bak/index.d.ts +530 -0
  127. package/dist/{componets/trend-chart → components/trend-chart.bak}/props.d.ts +10 -5
  128. package/dist/components/trend-chart.bak/themes.d.ts +152 -0
  129. package/dist/components/trigger/index.d.ts +487 -0
  130. package/dist/components/trigger/src/_trigger.d.ts +217 -0
  131. package/dist/components/trigger/src/constant.d.ts +8 -0
  132. package/dist/components/trigger/src/trigger.d.ts +288 -0
  133. package/dist/components/trigger/src/utils.d.ts +50 -0
  134. package/dist/components/trigger-v2/context.d.ts +8 -0
  135. package/dist/components/trigger-v2/index.d.ts +562 -0
  136. package/dist/components/trigger-v2/interface.d.ts +40 -0
  137. package/dist/components/trigger-v2/trigger.d.ts +627 -0
  138. package/dist/components/trigger-v2/utils.d.ts +51 -0
  139. package/dist/directives/clipboard/cache.d.ts +8 -0
  140. package/dist/directives/clipboard/clipboard.d.ts +18 -0
  141. package/dist/directives/clipboard/convert.d.ts +3 -0
  142. package/dist/directives/clipboard/index.d.ts +3 -0
  143. package/dist/directives/clipboard/plugin.d.ts +2 -0
  144. package/dist/directives/clipboard/textarea.d.ts +3 -0
  145. package/dist/icons/{default/exclamation-circle-fill.vue.d.ts → _self/down.d.ts} +4 -9
  146. package/dist/icons/{default/close-circle-fill.vue.d.ts → _self/full-screen.d.ts} +4 -9
  147. package/dist/icons/{animation/animation-loading.vue.d.ts → _self/left.d.ts} +4 -9
  148. package/dist/icons/{default/check-circle-fill.vue.d.ts → _self/next.d.ts} +4 -9
  149. package/dist/icons/_self/original-size.d.ts +50 -0
  150. package/dist/icons/_self/plus.d.ts +50 -0
  151. package/dist/icons/_self/prev.d.ts +50 -0
  152. package/dist/icons/_self/right.d.ts +50 -0
  153. package/dist/icons/_self/rotate-left.d.ts +50 -0
  154. package/dist/icons/_self/rotate-right.d.ts +50 -0
  155. package/dist/icons/_self/up.d.ts +50 -0
  156. package/dist/icons/_self/zoom-in.d.ts +50 -0
  157. package/dist/icons/_self/zoom-out.d.ts +50 -0
  158. package/dist/icons/animation/animation-loading.d.ts +50 -0
  159. package/dist/icons/default/check-circle-fill.d.ts +50 -0
  160. package/dist/icons/default/close-circle-fill.d.ts +50 -0
  161. package/dist/icons/default/close.d.ts +50 -0
  162. package/dist/icons/default/exclamation-circle-fill.d.ts +50 -0
  163. package/dist/icons/default/info-circle-fill.d.ts +50 -0
  164. package/dist/icons/default/left.d.ts +50 -0
  165. package/dist/icons/default/logo-simple.d.ts +50 -0
  166. package/dist/icons/default/minus-circle-fill.d.ts +50 -0
  167. package/dist/icons/default/right.d.ts +50 -0
  168. package/dist/icons/icon.d.ts +51 -0
  169. package/dist/icons/index.d.ts +11 -7
  170. package/dist/index.d.ts +13 -0
  171. package/dist/index.es.js +7265 -1062
  172. package/dist/index.umd.js +1 -1
  173. package/dist/style.css +1 -1
  174. package/dist/types.d.ts +26 -0
  175. package/package.json +25 -11
  176. package/volar.d.ts +27 -0
  177. package/dist/_utils/icon.d.ts +0 -59
  178. package/dist/componets/button/index.vue.d.ts +0 -162
  179. package/dist/componets/message-box/warp.d.ts +0 -2
  180. package/dist/componets/notification/index.vue.d.ts +0 -160
  181. package/dist/componets/trend-chart/index.d.ts +0 -2
  182. package/dist/icons/default/info-circle-fill.vue.d.ts +0 -55
  183. package/dist/icons/default/minus-circle-fill.vue.d.ts +0 -55
  184. package/dist/ui.d.ts +0 -5
  185. /package/dist/{componets → components}/dialog/use-props.d.ts +0 -0
  186. /package/dist/{componets → components}/dialog/use.d.ts +0 -0
  187. /package/dist/{componets → components}/dialog/warp.d.ts +0 -0
  188. /package/dist/{componets → components}/message/props.d.ts +0 -0
  189. /package/dist/{componets → components}/message/warp.d.ts +0 -0
  190. /package/dist/{componets/message-box/index.d.ts → components/message-box/MessageBox.d.ts} +0 -0
  191. /package/dist/{componets → components}/message-box/props.d.ts +0 -0
  192. /package/dist/{componets → components}/notification/props.d.ts +0 -0
  193. /package/dist/{componets → components}/notification/warp.d.ts +0 -0
  194. /package/dist/{componets → components}/tag-cloud/index.d.ts +0 -0
  195. /package/dist/{componets/trend-chart → components/trend-chart.bak}/components/trend-chart-grid.d.ts +0 -0
  196. /package/dist/{componets/trend-chart → components/trend-chart.bak}/components/trend-chart-labels.d.ts +0 -0
  197. /package/dist/{componets/trend-chart → components/trend-chart.bak}/helpers/genPath.d.ts +0 -0
  198. /package/dist/{componets/trend-chart → components/trend-chart.bak}/helpers/genPoints.d.ts +0 -0
  199. /package/dist/{componets/trend-chart → components/trend-chart.bak}/helpers/getPadding.d.ts +0 -0
  200. /package/dist/{componets/trend-chart → components/trend-chart.bak}/helpers/validatePadding.d.ts +0 -0
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1);opacity:1}.x-zoom-in-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-icon{display:flex;justify-content:center;align-items:center}.x-icon svg{fill:currentcolor;width:1em;height:1em}[opacity~=".1"]{opacity:.1}[opacity~=".2"]{opacity:.2}[opacity~=".3"]{opacity:.3}[opacity~=".4"]{opacity:.4}[opacity~=".5"]{opacity:.5}[opacity~=".6"]{opacity:.6}[opacity~=".7"]{opacity:.7}[opacity~=".8"]{opacity:.8}[opacity~=".9"]{opacity:.9}:root{--x-primary: rgb(0 86 255 / 100%);--x-success: rgb(36 195 65 / 100%);--x-danger: rgb(241 37 37 / 100%);--x-strong: rgb(255 113 37 / 100%);--x-warning: rgb(255 199 0 / 100%);--x-primary-1: rgb(0 70 208 / 100%);--x-primary-3: rgb(0 77 229 / 100%);--x-primary-6: rgb(0 77 229 / 30%);--x-primary-8: rgb(0 86 255 / 18%);--x-primary-9: rgb(0 86 255 / 5%);--x-success-1: rgb(36 195 65 / 100%);--x-success-8: rgb(46 212 169 / 18%);--x-success-9: rgb(46 212 169 / 5%);--x-danger-1: rgb(191 23 23 / 100%);--x-danger-3: rgb(216 33 33 / 100%);--x-dander-6: rgb(191 23 23 / 30%);--x-danger-8: rgb(241 37 37 / 18%);--x-danger-9: rgb(241 37 37 / 5%);--x-strong-8: rgb(255 113 37 / 18%);--x-strong-9: rgb(255 113 37 / 5%);--x-warning-8: rgb(255 196 32 / 18%);--x-warning-9: rgb(255 196 32 / 5%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(225 228 232 / 100%);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-font-size: 14px;--x-text-color: var(--x-color-2);--x-border-color: var(--x-color-5);--x-background-color: var(--x-color-7);--x-text-gray: rgb(36 41 52 / 100%);--x-text-gray-1: rgb(100 107 122 / 100%);--x-text-gray-2: rgb(156 166 185 / 100%);--x-disabled-color: rgb(156 166 185 / 100%);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-select-color: var(--x-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-primary);--x-focus-bc: var(--x-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-size-mini: 24px;--x-size-small: 30px;--x-size-medium: 34px;--x-size-large: 38px;--x-size-huge: 42px}.x-button{--x-button-width: auto;--x-button-font-weight: 400;--x-button-opacity: 1;--x-button-border-color: var(--x-border-color);--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-mini-height: var(--x-size-mini);--x-button-mini-font-size: 12px;--x-button-mini-padding: 0 8px;--x-button-mini-border-radius: 4px;--x-button-small-height: var(--x-size-small);--x-button-small-font-size: 14px;--x-button-small-padding: 0 10px;--x-button-small-border-radius: 4px;--x-button-medium-height: var(--x-size-medium);--x-button-medium-font-size: 15px;--x-button-medium-padding: 0 14px;--x-button-medium-border-radius: 4px;--x-button-large-height: var(--x-size-large);--x-button-large-font-size: 16px;--x-button-large-padding: 0 20px;--x-button-large-border-radius: 6px;--x-button-huge-height: var(--x-size-huge);--x-button-huge-font-size: 17px;--x-button-huge-padding: 0 28px;--x-button-huge-border-radius: 4px}.x-button{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;margin:0;border-style:solid;border-width:1px;border-color:var(--x-button-border-color);border-radius:var(--x-button-border-radius);padding:var(--x-button-padding);width:var(--x-button-width);height:var(--x-button-height);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);white-space:nowrap;color:var(--x-button-color);background-color:var(--x-button-background-color);opacity:var(--x-button-opacity);outline:none;transition:all .15s linear;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;vertical-align:bottom;cursor:pointer}.x-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:opacity .2s}.x-button:active:before{transform:scale(3);opacity:1;transition:opacity .1s}.x-button{--x-button-background-color: #fff;--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):hover{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):active{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-color-4)}.x-button--prefix{margin-right:4px}.x-button--suffix{margin-left:4px}.x-button-is-disabled{--x-button-opacity: .4;cursor:not-allowed}.x-button-block{display:flex;width:100%}.x-button.-loading{--x-button-opacity: .76}.x-button-mini{--x-button-height: var(--x-button-mini-height);--x-button-font-size: var(--x-button-mini-font-size);--x-button-padding: var(--x-button-mini-padding);--x-button-border-radius: var(--x-button-mini-border-radius)}.x-button-small{--x-button-height: var(--x-button-small-height);--x-button-font-size: var(--x-button-small-font-size);--x-button-padding: var(--x-button-small-padding);--x-button-border-radius: var(--x-button-small-border-radius)}.x-button-medium{--x-button-height: var(--x-button-medium-height);--x-button-font-size: var(--x-button-medium-font-size);--x-button-padding: var(--x-button-medium-padding);--x-button-border-radius: var(--x-button-medium-border-radius)}.x-button-large{--x-button-height: var(--x-button-large-height);--x-button-font-size: var(--x-button-large-font-size);--x-button-padding: var(--x-button-large-padding);--x-button-border-radius: var(--x-button-large-border-radius)}.x-button-huge{--x-button-height: var(--x-button-huge-height);--x-button-font-size: var(--x-button-huge-font-size);--x-button-padding: var(--x-button-huge-padding);--x-button-border-radius: var(--x-button-huge-border-radius)}.x-button.-plain{--x-button-font-weight: 500}.x-button.-plain.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button.-plain.x-button--success.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-1);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button.-round{--x-button-padding: 0 38px;--x-button-border-radius: 24px;height:var(--x-button-height)}.x-button.-circle{--x-button-padding: 0;--x-button-border-radius: 100%;width:var(--x-button-height);height:var(--x-button-height)}.x-button-text{--x-button-font-weight: 500;border-color:transparent;padding:2px;height:auto;color:var(--x-button-color);background:transparent}.x-button-text.x-button--primary{--x-button-background-color: var(--x-primary);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button-text.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: var(--x-primary-3);--x-button-border-color: var(--x-primary-3)}.x-button-text.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: var(--x-primary-1);--x-button-border-color: var(--x-primary-1)}.x-button-text.x-button--success{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--warning{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--strong{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--danger{--x-button-background-color: var(--x-danger);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-text.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: var(--x-danger-3);--x-button-border-color: var(--x-danger-3)}.x-button-text.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border{--x-button-font-weight: 500}.x-button.-hide-border.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: transparent}.x-button.-hide-border.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-6)}.x-button.-hide-border.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-1)}.x-button.-hide-border.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: transparent}.x-button.-hide-border.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-6)}.x-button.-hide-border.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: transparent}.x-button.-hide-border.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-6)}.x-button.-hide-border.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-1)}.x-button.-hide-border.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: transparent}.x-button.-hide-border.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-6)}.x-button.-hide-border.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-1)}.x-button.-hide-border.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: transparent}.x-button.-hide-border.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-6)}.x-button.-hide-border.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-1)}.x-button-primary{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button-primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: #fff;--x-button-border-color: var(--x-primary-3)}.x-button-primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button-success{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-danger{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button-danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: #fff;--x-button-border-color: var(--x-danger-3)}.x-button-danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button-strong{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-warning{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button--loading{display:flex;margin-right:4px}.x-button-group{display:flex;width:min-content}.x-button-group>.x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group>.x-button:last-child{margin-left:-1px;border-left-color:#ffffff80;border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group>.x-button:not(:first-child,:last-child){margin-left:-1px;border-right-color:#ffffff80;border-left-color:#ffffff80;border-radius:0}.x-dialog{--x-mask-background-color: rgb(29 33 41 / 60%);--x-dialog-radius: 6px}.x-dialog{position:fixed;top:0;right:0;bottom:0;left:0}.x-dialog--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-dialog--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.x-dialog--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-dialog--container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--x-dialog-radius);background-color:#fff;transition:top .3s}.x-dialog--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-dialog--container.is-fullscreen .x-dialog--footer{margin-top:auto}.x-dialog--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-dialog--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-dialog--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-dialog--body{padding:20px 25px;box-sizing:border-box;text-align:left}.x-dialog--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-dialog--close-icon{position:absolute;top:20px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-dialog--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-dialog--close-icon:hover:before,.x-dialog--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-dialog--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dialog--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-message{--x-message-height: 36px;--x-message-width: 360px;--x-border-radius: 4px;--x-border-color: var(--x-info-border-color);--x-success-background-color: #f2f9ec;--x-success-color: #7ebf50;--x-warning-background-color: #fdf6ec;--x-warning-color: #e6a23c;--x-strong-background-color: #fff5f0;--x-strong-color: #ff7125;--x-error-background-color: #fef0f0;--x-error-color: #f56c6c;--x-info-background-color: #f4f4f5;--x-info-color: var(--x-primary);position:fixed;left:50%;display:flex;align-items:center;border-radius:var(--x-border-radius);padding:12px 16px 12px 12px;background-color:#fff;font-weight:500;color:#000000e0;transition:all .3s ease;box-sizing:border-box;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.x-message--icon{margin-right:6px;font-size:18px}.x-message--show-close{justify-content:space-between}.x-message--close-icon{position:relative;display:inline-block;border-radius:100%;width:16px;height:16px;cursor:pointer}.x-message--close-icon:hover{background-color:#c5c9d4}.x-message--close-icon:hover:before,.x-message--close-icon:hover:after{height:70%;background-color:#fff}.x-message--close-icon:before{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(45deg)}.x-message--close-icon:after{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(-45deg)}.x-message-icon-success{color:var(--x-success-color)}.x-message-icon-warning{color:var(--x-warning-color)}.x-message-icon-strong{color:var(--x-strong-color)}.x-message-icon-error{color:var(--x-error-color)}.x-message-icon-info{color:var(--x-info-color)}.x-message-center{justify-content:center}.x-message-slide-top-enter-from,.x-message-slide-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-message-slide-top-enter-to{opacity:1;transform:translate(-50%)}.x-message-box--header{padding:25px 0 15px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:20px 0;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box--title{font-size:18px;font-weight:600;color:#242934;line-height:1}.x-message-box--content{font-size:14px;font-weight:400;color:#363636;line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}.x-notification{position:relative;border-radius:8px;padding:15px;width:338px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box}.x-notification-top{transition:top .2s,transform .2s ease,opacity .2s}.x-notification-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.x-notification--icon{font-size:22px;margin-right:8px}.x-notification-icon-info{color:var(--x-primary)}.x-notification-icon-success{color:var(--x-success)}.x-notification-icon-warning{color:var(--x-warning)}.x-notification-icon-strong{color:var(--x-strong)}.x-notification-icon-error{color:var(--x-danger)}.x-notification--header{display:inline-flex}.x-notification--title{font-size:18px;font-weight:600;color:#242934;line-height:22px;height:22px}.x-notification--message{box-sizing:border-box;margin-top:12px;font-size:14px;font-weight:400;color:#363636;line-height:1}.x-notification--close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.x-notification--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-notification--close-icon:hover:before,.x-notification--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-notification--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification-slide-right-enter-from{transform:translate(100%)}.x-notification-slide-right-enter-to{transform:translate(0)}.x-notification-slide-left-enter-from{transform:translate(-100%)}.x-notification-slide-left-enter-to{transform:translate(0)}.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1}.x-notification-slide-right-leave-to,.x-notification-slide-left-leave-to{opacity:0}.x-space{display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--vertical{flex-direction:column}.x-space--split{color:var(--bn-color-5)}.x-space-is-fill{display:flex}body{margin:0}.icon-loading-svg[data-v-62d46830]{animation:animated-loading-rotate-62d46830 1.5s infinite ease-in-out}.icon-loading-svg>.path[data-v-62d46830]{stroke:#fffc;stroke-width:5;animation:animated-loading-62d46830 1.5s infinite ease-in-out}@keyframes animated-loading-62d46830{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate-62d46830{to{transform:rotate(1turn)}}
1
+ @charset "UTF-8";.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-slide-dynamic-origin-enter-from,.x-slide-dynamic-origin-appear-from{transform:scaleY(.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-enter-to,.x-slide-dynamic-origin-appear-to{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-enter-active,.x-slide-dynamic-origin-appear-active{transition:transform .2s ease,opacity .2s ease}.x-slide-dynamic-origin-leave-from{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-leave-to{transform:scaleY(.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-leave-active{transition:transform .2s ease,opacity .2s ease}.x-slide-left-enter-from,.x-slide-left-appear-from{transform:translate(-100%)}.x-slide-left-enter-to,.x-slide-left-appear-to{transform:translate(0)}.x-slide-left-enter-active,.x-slide-left-appear-active{transition:transform .3s ease}.x-slide-left-leave-from{transform:translate(0)}.x-slide-left-leave-to{transform:translate(-100%)}.x-slide-left-leave-active{transition:transform .3s ease}.x-slide-right-enter-from,.x-slide-right-appear-from{transform:translate(100%)}.x-slide-right-enter-to,.x-slide-right-appear-to{transform:translate(0)}.x-slide-right-enter-active,.x-slide-right-appear-active{transition:transform .3s ease}.x-slide-right-leave-from{transform:translate(0)}.x-slide-right-leave-to{transform:translate(100%)}.x-slide-right-leave-active{transition:transform .3s ease}.x-slide-top-enter-from,.x-slide-top-appear-from{transform:translateY(-100%)}.x-slide-top-enter-to,.x-slide-top-appear-to{transform:translateY(0)}.x-slide-top-enter-active,.x-slide-top-appear-active{transition:transform .3s ease}.x-slide-top-leave-from{transform:translateY(0)}.x-slide-top-leave-to{transform:translateY(-100%)}.x-slide-top-leave-active{transition:transform .3s ease}.x-slide-bottom-enter-from,.x-slide-bottom-appear-from{transform:translateY(100%)}.x-slide-bottom-enter-to,.x-slide-bottom-appear-to{transform:translateY(0)}.x-slide-bottom-enter-active,.x-slide-bottom-appear-active{transition:transform .3s ease}.x-slide-bottom-leave-from{transform:translateY(0)}.x-slide-bottom-leave-to{transform:translateY(100%)}.x-slide-bottom-leave-active{transition:transform .3s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1);opacity:1}.x-zoom-in-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-icon{display:flex;justify-content:center;align-items:center}.x-icon svg{fill:currentcolor;width:1em;height:1em}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out}.x-icon-loading-svg>.path{stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}[opacity~=".1"]{opacity:.1}[opacity~=".2"]{opacity:.2}[opacity~=".3"]{opacity:.3}[opacity~=".4"]{opacity:.4}[opacity~=".5"]{opacity:.5}[opacity~=".6"]{opacity:.6}[opacity~=".7"]{opacity:.7}[opacity~=".8"]{opacity:.8}[opacity~=".9"]{opacity:.9}:root{--x-primary: rgb(0 86 255 / 100%);--x-success: rgb(36 195 65 / 100%);--x-danger: rgb(241 37 37 / 100%);--x-strong: rgb(255 113 37 / 100%);--x-warning: rgb(255 166 0 / 100%);--x-info: rgb(25 25 25 / 100%);--x-primary-1: rgb(0 70 208 / 100%);--x-primary-3: rgb(0 77 229 / 100%);--x-primary-6: rgb(0 77 229 / 30%);--x-primary-8: rgb(0 86 255 / 18%);--x-primary-9: rgb(0 86 255 / 5%);--x-success-1: rgb(36 195 65 / 100%);--x-success-8: rgb(46 212 169 / 18%);--x-success-9: rgb(46 212 169 / 5%);--x-danger-1: rgb(191 23 23 / 100%);--x-danger-3: rgb(216 33 33 / 100%);--x-dander-6: rgb(191 23 23 / 30%);--x-danger-8: rgb(241 37 37 / 18%);--x-danger-9: rgb(241 37 37 / 5%);--x-strong-8: rgb(255 113 37 / 18%);--x-strong-9: rgb(255 113 37 / 5%);--x-warning-8: rgb(255 196 32 / 18%);--x-warning-9: rgb(255 196 32 / 5%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(225 228 232 / 100%);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-font-size: 14px;--x-text-color: var(--x-color-2);--x-border-color: var(--x-color-5);--x-background-color: var(--x-color-7);--x-text-gray: rgb(36 41 52 / 100%);--x-text-gray-1: rgb(100 107 122 / 100%);--x-text-gray-2: rgb(156 166 185 / 100%);--x-disabled-color: rgb(156 166 185 / 100%);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-select-color: var(--x-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-primary);--x-focus-bc: var(--x-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-size-mini: 24px;--x-size-small: 28px;--x-size-medium: 32px;--x-size-large: 36px;--x-size-huge: 40px}.x-button{--x-button-width: auto;--x-button-font-weight: 400;--x-button-opacity: 1;--x-button-border-style: solid;--x-button-border-color: transparent;--x-button-background-color: rgb(241 241 241);--x-button-text-color: rgb(81 81 81);--x-button-padding: 0 0;--x-button-mini-height: var(--x-size-mini);--x-button-mini-font-size: 12px;--x-button-mini-padding: 0 8px;--x-button-mini-border-radius: 4px;--x-button-small-height: var(--x-size-small);--x-button-small-font-size: 13px;--x-button-small-padding: 0 10px;--x-button-small-border-radius: 4px;--x-button-medium-height: var(--x-size-medium);--x-button-medium-font-size: 14px;--x-button-medium-padding: 0 14px;--x-button-medium-border-radius: 4px;--x-button-large-height: var(--x-size-large);--x-button-large-font-size: 14px;--x-button-large-padding: 0 20px;--x-button-large-border-radius: 6px;--x-button-huge-height: var(--x-size-huge);--x-button-huge-font-size: 16px;--x-button-huge-font-weight: 400;--x-button-huge-padding: 0 28px;--x-button-huge-border-radius: 4px;--x-button-theme-color-default: #000}.x-button{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;margin:0;border-style:var(--x-button-border-style);border-width:1px;border-color:var(--x-button-border-color);border-radius:var(--x-button-border-radius);padding:var(--x-button-padding);width:var(--x-button-width);height:var(--x-button-height);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);white-space:nowrap;color:var(--x-button-text-color);background-color:var(--x-button-background-color);opacity:var(--x-button-opacity);outline:none;transition:all .1s cubic-bezier(0,0,1,1);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;vertical-align:bottom;cursor:pointer}.x-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:opacity .2s}.x-button:active:before{transform:scale(3);opacity:1;transition:opacity .1s}.x-button--prefix{margin-right:4px}.x-button--suffix{margin-left:4px}.x-button-dashed{--x-button-border-color: var(--x-button-text-color);--x-button-border-style: dashed}.x-button-outline{--x-button-border-color: var(--x-button-text-color);--x-button-border-style: solid}.x-button-is-disabled{--x-button-opacity: .4;cursor:not-allowed}.x-button-block{display:flex;width:100%}.x-button-loading{--x-button-opacity: .76}.x-button-mini{--x-button-height: var(--x-button-mini-height);--x-button-font-size: var(--x-button-mini-font-size);--x-button-padding: var(--x-button-mini-padding);--x-button-border-radius: var(--x-button-mini-border-radius)}.x-button-small{--x-button-height: var(--x-button-small-height);--x-button-font-size: var(--x-button-small-font-size);--x-button-padding: var(--x-button-small-padding);--x-button-border-radius: var(--x-button-small-border-radius)}.x-button-medium{--x-button-height: var(--x-button-medium-height);--x-button-font-size: var(--x-button-medium-font-size);--x-button-padding: var(--x-button-medium-padding);--x-button-border-radius: var(--x-button-medium-border-radius)}.x-button-circle{border-radius:50%;padding:0;--x-button-width: var(--x-button-height)}.x-button-large{--x-button-height: var(--x-button-large-height);--x-button-font-size: var(--x-button-large-font-size);--x-button-padding: var(--x-button-large-padding);--x-button-border-radius: var(--x-button-large-border-radius)}.x-button-huge{--x-button-height: var(--x-button-huge-height);--x-button-font-size: var(--x-button-huge-font-size);--x-button-font-weight: var(--x-button-huge-font-weight);--x-button-padding: var(--x-button-huge-padding);--x-button-border-radius: var(--x-button-huge-border-radius)}.x-button-plain{--x-button-font-weight: 500}.x-button-plain.x-button-success.x-button--success{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-success.x-button--success:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-success.x-button--success:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-success-1);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-warning:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-warning:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-strong:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-strong:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger)}.x-button-plain.x-button-danger:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-plain.x-button-danger:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button-round{--x-button-border-radius: var(--x-button-height);height:var(--x-button-height)}.x-button-circle{--x-button-padding: 0;--x-button-border-radius: 100%;width:var(--x-button-height);height:var(--x-button-height)}.x-button-text{--x-button-background-color: transparent}.x-button-text.x-button-default{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-default:not(.is-disabled):hover{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-default:not(.is-disabled):active{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info:not(.is-disabled):hover{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info:not(.is-disabled):active{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-hide-border{--x-button-font-weight: 500}.x-button-hide-border.x-button-primary{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-primary:not(.is-disabled):hover{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: var(--x-primary-6)}.x-button-hide-border.x-button-primary:not(.is-disabled):active{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: var(--x-primary-1)}.x-button-hide-border.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger-6)}.x-button-hide-border.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger-1)}.x-button-hide-border.x-button-success{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success-6)}.x-button-hide-border.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success-1)}.x-button-hide-border.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning-6)}.x-button-hide-border.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning-1)}.x-button-hide-border.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong-6)}.x-button-hide-border.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong-1)}.x-button-success{--x-button-default-modifier-text-color: var(--x-success);--x-button-default-modifier-bg-color: rgb(36 195 65 / 10%)}.x-button-success{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger{--x-button-default-modifier-text-color: var(--x-danger);--x-button-default-modifier-bg-color: rgb(241 37 37 / 10%)}.x-button-danger{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong{--x-button-default-modifier-text-color: var(--x-strong);--x-button-default-modifier-bg-color: rgb(255 113 37 / 10%)}.x-button-strong{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning{--x-button-default-modifier-text-color: var(--x-warning);--x-button-default-modifier-bg-color: rgb(255 199 0 / 10%)}.x-button-warning{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info{--x-button-default-modifier-text-color: rgb(25 25 25 / 80%);--x-button-default-modifier-bg-color: rgb(241 241 241 / 60%)}.x-button-info{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-primary.x-button-primary{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button-primary.x-button-primary:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary-3);--x-button-border-color: var(--x-primary-3)}.x-button-primary.x-button-primary:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary-1);--x-button-border-color: var(--x-primary-1)}.x-button-primary.x-button-success{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-success:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-success:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-danger{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-primary.x-button-danger:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-3);--x-button-border-color: var(--x-danger-3)}.x-button-primary.x-button-danger:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button-primary.x-button-strong{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-strong:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-strong:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-warning{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-warning:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-warning:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-info{--x-button-text-color: rgb(25 25 25);--x-button-background-color: #f1f1f1;--x-button-border-color: transparent}.x-button--loading{display:flex;transition:all .2s ease}.x-button--content{display:flex}.x-button-group{display:flex;width:min-content}.x-button-group>.x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group>.x-button:last-child{margin-left:-1px;border-left-color:#ffffff80;border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group>.x-button:not(:first-child,:last-child){margin-left:-1px;border-right-color:#ffffff80;border-left-color:#ffffff80;border-radius:0}.x-drawer{--x-drawer-mask-background-color: rgb(29 33 41 / 60%);--x-drawer-icon-color: rgb(88 88 88);--x-drawer-icon-color-dark: #363636;--x-drawer-border-color: #eeeeee;position:fixed;top:0;right:0;bottom:0;left:0}.x-drawer--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-drawer-mask-background-color)}.x-drawer--container{position:absolute;overflow:auto;background-color:#fff;box-shadow:-10px 0 40px #646b7a26}.x-drawer--container.is-right{top:0;right:0;bottom:0}.x-drawer--container.is-left{top:0;bottom:0;left:0}.x-drawer--container.is-top{top:0;right:0;left:0}.x-drawer--container.is-bottom{right:0;bottom:0;left:0}.x-drawer--close-icon{position:absolute;top:18px;right:20px;width:18px;height:18px;color:var(--x-drawer-icon-color);cursor:pointer;transition:transform .3s ease}.x-drawer--close-icon:hover{color:var(--x-drawer-icon-color-dark);transform:rotate(90deg)}.x-drawer--header{border-bottom:1px solid var(--x-drawer-border-color);padding-left:20px;height:55px;box-sizing:border-box;line-height:55px}.x-drawer--title{font-size:16px;font-weight:500;color:#242934;line-height:1}.x-drawer--footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding:0 20px;height:55px;background:#fff;border-top:1px solid var(--x-drawer-border-color);box-sizing:border-box}.x-dialog{--x-mask-background-color: rgb(29 33 41 / 60%);--x-dialog-radius: 6px}.x-dialog{position:fixed;top:0;right:0;bottom:0;left:0}.x-dialog--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-dialog--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.x-dialog--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-dialog--container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--x-dialog-radius);background-color:#fff;transition:all .15s}.x-dialog--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-dialog--container.is-fullscreen .x-dialog--footer{margin-top:auto}.x-dialog--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-dialog--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-dialog--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-dialog--body{padding:15px 25px;box-sizing:border-box;text-align:left}.x-dialog--content{line-height:1.5;color:#363636}.x-dialog--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-dialog--close-icon{position:absolute;top:18px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-dialog--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-dialog--close-icon:hover:before,.x-dialog--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-dialog--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dialog--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-image{position:relative;display:inline-block;border-radius:8px}.x-image--img{vertical-align:middle;border-radius:inherit}.x-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.x-image--footer{display:flex;width:100%;max-width:100%}.x-image--footer-caption{flex:1 1 auto}.x-image--footer-caption-title{font-weight:600;font-size:18px}.x-image--footer-caption-description{font-size:14px}.x-image--footer-extra{flex:0 0 auto;padding-left:12px}.x-image--with-footer-inner .x-image-footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:10px 12px;color:#fff;background:#00000080;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.x-image--with-footer-inner .x-image-footer-caption-title{color:#ddd}.x-image--with-footer-inner .x-image-footer-caption-description{color:#aaa}.x-image--with-footer-outer .x-image-footer{margin-top:20px;color:#222}.x-image--with-footer-outer .x-image-footer-caption-title{color:#444}.x-image--with-footer-outer .x-image-footer-caption-description{color:#666}.x-image--error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:#fff;background-color:#f44336}.x-image--error-icon{width:24px;max-width:100%;height:24px;max-height:100%}.x-image--error-icon>svg{width:100%;height:100%}.x-image--error-alt{padding:8px 16px;font-size:12px;line-height:1.5;text-align:center}.x-image--loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.x-image--loader-spin{position:absolute;top:50%;left:50%;color:#fff;font-size:16px;text-align:center;transform:translate(-50%,-50%)}.x-image--loader-spin-text{color:#fff;font-size:12px}.x-image--simple.x-image-with-footer-inner .x-image-footer{padding:12px 16px}.x-image--loading .x-image-img,.x-image--loading-error .x-image-img{visibility:hidden}.x-image-preview{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}.x-image-preview-hide{display:none}.x-image-preview .x-image-preview--mask,.x-image-preview .x-image-preview--wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.x-image-preview--mask{background-color:#000000b3}.x-image-preview--img-container{width:100%;height:100%;text-align:center}.x-image-preview--img-container:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.x-image-preview--img-container .x-image-preview--img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;-webkit-user-select:none;user-select:none}.x-image-preview--img-container .x-image-preview--img.x-image-preview-img-moving{cursor:grabbing}.x-image-preview--scale-value{box-sizing:border-box;padding:10px 12px;color:#fff;font-size:14px;line-height:initial;background-color:#00000080;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-image-preview--toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:flex-start;padding:4px 16px;background-color:#fff;border-radius:5px;transform:translate(-50%)}.x-image-preview--toolbar-action{display:flex;align-items:center;color:#4e5969;font-size:14px;background-color:transparent;border-radius:2px;cursor:pointer}.x-image-preview--toolbar-action:not(:last-of-type){margin-right:10px}.x-image-preview--toolbar-action:hover{color:#f1f1f1;background-color:#555}.x-image-preview--toolbar-action-disabled,.x-image-preview--toolbar-action-disabled:hover{color:#aaa;background-color:#222;cursor:not-allowed}.x-image-preview--toolbar-action-name{padding-right:8px;font-size:12px}.x-image-preview--toolbar-action--content{padding:13px;line-height:1}.x-image-preview--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:8px;color:#fff;font-size:16px;background-color:#666;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-image-preview--close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;font-size:18px;line-height:30px;text-align:center;background:#000000b3;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left,.x-image-preview--arrow--right{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;background-color:#00000080;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left>svg,.x-image-preview--arrow--right>svg{color:#fff;font-size:20px}.x-image-preview--arrow--left:hover,.x-image-preview--arrow--right:hover{background-color:#000000b3}.x-image-preview--arrow--left{top:50%;left:15px;transform:translateY(-50%)}.x-image-preview--arrow--right{top:50%;right:15px;transform:translateY(-50%)}.x-image-preview--arrow-disabled{color:#aaa;background-color:#0000004d;cursor:not-allowed}.x-image-preview--arrow-disabled>svg{color:#aaa}.x-image-preview--arrow-disabled:hover{background-color:#0000004d}.x-image-fade-enter-from,.x-image-fade-leave-to{opacity:0}.x-image-fade-enter-to,.x-image-fade-leave-from{opacity:1}.x-image-fade-enter-active,.x-image-fade-leave-active{transition:opacity .4s cubic-bezier(.3,1.3,.3,1)}.x-image-trigger{padding:6px 4px;background:red;border:1px solid #666666;border-radius:4px}.x-image-trigger--arrow{background-color:#999;border:1px solid #888}.x-message{--x-message-height: 36px;--x-message-width: 360px;--x-border-radius: 4px;--x-border-color: var(--x-info-border-color);--x-success-background-color: #f2f9ec;--x-success-color: #7ebf50;--x-warning-background-color: #fdf6ec;--x-warning-color: #e6a23c;--x-strong-background-color: #fff5f0;--x-strong-color: #ff7125;--x-error-background-color: #fef0f0;--x-error-color: #f56c6c;--x-info-background-color: #f4f4f5;--x-info-color: var(--x-primary);position:fixed;left:50%;display:flex;align-items:center;border-radius:var(--x-border-radius);padding:12px 16px 12px 12px;background-color:#fff;font-weight:500;color:#000000e0;transition:all .3s ease;box-sizing:border-box;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.x-message--icon{margin-right:6px;font-size:18px}.x-message--show-close{justify-content:space-between}.x-message--close-icon{position:relative;display:inline-block;border-radius:100%;width:16px;height:16px;cursor:pointer}.x-message--close-icon:hover{background-color:#c5c9d4}.x-message--close-icon:hover:before,.x-message--close-icon:hover:after{height:70%;background-color:#fff}.x-message--close-icon:before{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(45deg)}.x-message--close-icon:after{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(-45deg)}.x-message-icon-success{color:var(--x-success-color)}.x-message-icon-warning{color:var(--x-warning-color)}.x-message-icon-strong{color:var(--x-strong-color)}.x-message-icon-error{color:var(--x-error-color)}.x-message-icon-info{color:var(--x-info-color)}.x-message-center{justify-content:center}.x-message-slide-top-enter-from,.x-message-slide-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-message-slide-top-enter-to{opacity:1;transform:translate(-50%)}.x-message-box--header{padding:25px 0 10px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:15px 0 20px;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box--title{font-size:18px;font-weight:600;color:#242934;line-height:1}.x-message-box--content{font-size:15px;font-weight:400;color:#363636;line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}.x-notification{position:relative;border-radius:8px;padding:15px;width:338px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box}.x-notification-top{transition:top .2s,transform .2s ease,opacity .2s}.x-notification-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.x-notification--icon{font-size:22px;margin-right:8px}.x-notification-icon-info{color:var(--x-primary)}.x-notification-icon-success{color:var(--x-success)}.x-notification-icon-warning{color:var(--x-warning)}.x-notification-icon-strong{color:var(--x-strong)}.x-notification-icon-error{color:var(--x-danger)}.x-notification--header{display:inline-flex}.x-notification--title{font-size:18px;font-weight:600;color:#242934;line-height:22px;height:22px}.x-notification--message{box-sizing:border-box;margin-top:6px;font-size:14px;font-weight:400;color:#565656;line-height:1.6}.x-notification--close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.x-notification--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-notification--close-icon:hover:before,.x-notification--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-notification--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification-slide-right-enter-from{transform:translate(100%)}.x-notification-slide-right-enter-to{transform:translate(0)}.x-notification-slide-left-enter-from{transform:translate(-100%)}.x-notification-slide-left-enter-to{transform:translate(0)}.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1}.x-notification-slide-right-leave-to,.x-notification-slide-left-leave-to{opacity:0}.x-popconfirm{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:12px 10px;background-color:#fff;box-shadow:0 5px 12px 3px #2c303733;box-sizing:border-box;flex-direction:column;--x-popconfirm-icon-color: var(--x-danger)}.x-popconfirm--content{display:flex;align-items:center;width:100%;line-height:1}.x-popconfirm--title{flex-grow:1;margin-left:4px;font-size:13px;color:var(--x-color-1)}.x-popconfirm--footer{margin-top:10px}.x-popconfirm--icon{color:var(--x-popconfirm-icon-color)}.x-popconfirm-warning{--x-popconfirm-icon-color: var(--x-warning)}.x-popconfirm-success{--x-popconfirm-icon-color: var(--x-success)}.x-popconfirm-primary{--x-popconfirm-icon-color: var(--x-primary)}.x-popconfirm-strong{--x-popconfirm-icon-color: var(--x-strong)}.x-popconfirm-danger{--x-popconfirm-icon-color: var(--x-danger)}.x-popup{--x-mask-background-color: rgb(29 33 41 / 60%);--x-popup-radius: 6px}.x-popup{position:fixed;top:0;right:0;bottom:0;left:0}.x-popup--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-popup--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.x-popup--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-popup--container{position:relative;left:50%;display:inline-block;overflow:hidden;border-radius:var(--x-popup-radius);background-color:#fff;transform:translate(-50%);transition:all .15s}.x-popup--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-popup--container.is-fullscreen .x-popup--footer{margin-top:auto}.x-popup--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-popup--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-popup--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-popup--body{padding:15px 25px;box-sizing:border-box;text-align:left}.x-popup--content{line-height:1.5;color:#363636}.x-popup--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-popup--close-icon{position:absolute;top:20px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-popup--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-popup--close-icon:hover:before,.x-popup--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-popup--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-popup--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-scrollbar{--x-scrollbar-track-size: 9px;--x-scrollbar-track-background-color: transparent;--x-scrollbar-thumb-color: #c9cdd4;--x-scrollbar-thumb-color-hover: #9fa4ad;--x-scrollbar-right: 4px;--x-scrollbar-bottom: 4px;--x-scrollbar-radius: 5px;position:relative;height:100%}.x-scrollbar--container{overflow:auto;height:100%;scrollbar-width:none}.x-scrollbar--container::-webkit-scrollbar{display:none}.x-scrollbar:hover .x-scrollbar-thumb{opacity:1}.x-scrollbar--track{--x-scrollbar-track-background-color: #ccc}.x-scrollbar-track{background-color:var(--x-scrollbar-track-background-color)}.x-scrollbar-track--horizontal{position:absolute;bottom:var(--x-scrollbar-bottom);left:0;box-sizing:border-box;z-index:100;width:100%;height:var(--x-scrollbar-track-size)}.x-scrollbar-track--vertical{position:absolute;top:0;right:var(--x-scrollbar-right);box-sizing:border-box;z-index:100;width:var(--x-scrollbar-track-size);height:100%}.x-scrollbar-thumb{opacity:0;transition:opacity .5s ease}.x-scrollbar-thumb.is-dragging{opacity:1}.x-scrollbar-thumb--horizontal{position:absolute;top:50%;border-radius:var(--x-scrollbar-radius);height:calc(100% + -0px);background-color:var(--x-scrollbar-thumb-color);transform:translateY(-50%);transition:background-color .5s ease}.x-scrollbar-thumb--horizontal:hover{background-color:var(--x-scrollbar-thumb-color-hover)}.x-scrollbar-thumb--vertical{position:absolute;left:50%;border-radius:var(--x-scrollbar-radius);width:calc(100% - 1px);background-color:var(--x-scrollbar-thumb-color);transform:translate(-50%);transition:background-color .5s ease}.x-scrollbar-thumb--vertical:hover{background-color:var(--x-scrollbar-thumb-color-hover)}.x-space{display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--vertical{flex-direction:column}.x-space--split{color:var(--bn-color-5)}.x-space-is-fill{display:flex}.x-tabs .x-tabs-icon-hover{color:#999;font-size:16px;-webkit-user-select:none;user-select:none}.x-tabs-dropdown-icon{margin-left:10px;font-size:16px;-webkit-user-select:none;user-select:none}.x-tabs-tab-close-btn{margin-left:5px;-webkit-user-select:none;user-select:none}.x-tabs-nav-add-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-size:16px;-webkit-user-select:none;user-select:none}.x-tabs-add{position:relative}.x-tabs-nav-button-left{margin-right:10px;margin-left:12px}.x-tabs-nav-button-right{margin-right:12px;margin-left:10px}.x-tabs-nav-button-up{margin-bottom:12px}.x-tabs-nav-button-down{margin-top:12px}.x-tabs-nav-button-disabled{color:#ccc;cursor:not-allowed}.x-tabs{position:relative;overflow:hidden}.x-tabs--nav{position:relative;flex-shrink:0}.x-tabs--nav:before{position:absolute;right:0;bottom:0;left:0;display:block;clear:both;height:2px;background-color:#e1e1e1;content:""}.x-tabs--nav--tab{display:flex;flex:1;overflow:hidden}.x-tabs--nav--tab--list{position:relative;display:inline-block;white-space:nowrap;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.x-tabs-nav-extra{display:flex;align-items:center;width:auto;line-height:40px}.x-tabs-nav-extra .x-tabs-nav-add-btn{padding-left:0}.x-tabs--tab{display:inline-flex;align-items:center;box-sizing:border-box;padding:2px 0;color:#333;font-size:14px;line-height:1.5715;outline:none;cursor:pointer;transition:color .3s linear}.x-tabs--tab--title{display:inline-block}.x-tabs--tab:hover{color:#666;font-weight:400}.x-tabs--tab-disabled,.x-tabs--tab-disabled:hover{color:#aaa;cursor:not-allowed}.x-tabs--tab-active,.x-tabs--tab-active:hover{color:#007aff;font-weight:500}.x-tabs--tab-active.x-tabs-tab-disabled,.x-tabs--tab-active:hover.x-tabs-tab-disabled{color:red}.x-tabs--nav--ink{position:absolute;top:initial;right:initial;bottom:0;height:2px;background-color:#007aff;transition:left .3s cubic-bezier(.25,.8,.25,1),width .3s cubic-bezier(.25,.8,.25,1)}.x-tabs--nav--ink.x-tabs-header-ink-no-animation{transition:none}.x-tabs--nav--ink-disabled{background-color:#ccc}.x-tabs-nav-type-line .x-tabs-nav-extra{line-height:35px}.x-tabs--nav-type-line .x-tabs--tab{margin:0 16px;padding:7px 0;line-height:1.5715}.x-tabs--nav-type-line .x-tabs--tab--title{position:relative;display:inline-block;padding:1px 0}.x-tabs--nav-type-line .x-tabs--tab--title:before{position:absolute;top:0;right:-8px;bottom:0;left:-8px;z-index:-1;background-color:transparent;border-radius:5px;opacity:1;transition:background-color .3s linear,opacity .3s linear;content:""}.x-tabs--nav-type-line .x-tabs--tab:hover .x-tabs-tab-title:before{background-color:#e0e0e0}.x-tabs--nav-type-line .x-tabs--tab-active .x-tabs-tab-title:before,.x-tabs--nav-type-line .x-tabs--tab-active:hover .x-tabs-tab-title:before{background-color:silver}.x-tabs--nav-type-line .x-tabs--tab-disabled .x-tabs-tab-title:before,.x-tabs--nav-type-line .x-tabs--tab-disabled:hover .x-tabs-tab-title:before{opacity:0}.x-tabs--nav-type-line .x-tabs--tab:focus-visible .x-tabs-tab-title:before{border:2px solid #1a73e8}.x-tabs--nav-type-line .x-tabs--nav-horizontal>.x-tabs--tab:first-of-type{margin-left:16px}.x-tabs--nav-type-line .x-tabs--nav-horizontal .x-tabs--nav--tab--list-no-padding>.x-tabs--tab:first-of-type,.x-tabs--nav-text .x-tabs--nav-horizontal .x-tabs--nav--tab--list-no-padding>.x-tabs--tab:first-of-type{margin-left:0}.x-tabs--nav-type-card .x-tabs-tab,.x-tabs--nav-type-card-gutter .x-tabs-tab{position:relative;padding:8px [] 10px;font-size:14px;border:2px solid #ccc;transition:padding .3s linear,color .3s linear}.x-tabs--nav-type-card .x-tabs-tab-closable,.x-tabs--nav-type-card-gutter .x-tabs-tab-closable{padding-right:12px}.x-tabs--nav-type-card .x-tabs-tab-closable:not(.x-tabs-tab-active):hover .x-icon-hover:hover:before,.x-tabs--nav-type-card-gutter .x-tabs-tab-closable:not(.x-tabs-tab-active):hover .x-icon-hover:hover:before{background-color:#adff2f}.x-tabs--nav-type-card .x-tabs-tab:focus-visible:before,.x-tabs--nav-type-card-gutter .x-tabs-tab:focus-visible:before{position:absolute;top:-1px;right:0;bottom:-1px;left:-1px;border:2px solid #1a73e8;content:""}.x-tabs--nav-type-card .x-tabs-tab:last-child:focus-visible:before,.x-tabs--nav-type-card-gutter .x-tabs-tab:last-child:focus-visible:before{right:-1px}.x-tabs--nav-type-card .x-tabs-nav-add-btn,.x-tabs--nav-type-card-gutter .x-tabs-nav-add-btn{height:40px}.x-tabs--nav-type-card .x-tabs-tab{background-color:#fff;border-right:none}.x-tabs--nav-type-card .x-tabs-tab:last-child{border-right:2px solid #ccc;border-top-right-radius:5px}.x-tabs--nav-type-card .x-tabs-tab:first-child{border-top-left-radius:5px}.x-tabs--nav-type-card .x-tabs-tab:hover{background-color:#f0f0f0}.x-tabs--nav-type-card .x-tabs-tab-disabled,.x-tabs--nav-type-card .x-tabs-tab-disabled:hover{background-color:#dcdcdc}.x-tabs--nav-type-card .x-tabs-tab-active,.x-tabs--nav-type-card .x-tabs-tab-active:hover{background-color:#e0e0e0;border-bottom-color:red}.x-tabs--nav-type-card-gutter .x-tabs-tab{margin-left:4px;background-color:#fafafa;border-right:2px solid #ccc;border-radius:5px 5px 0 0}.x-tabs--nav-type-card-gutter .x-tabs-tab:hover{background-color:#f5f5f5}.x-tabs--nav-type-card-gutter .x-tabs-tab-disabled,.x-tabs--nav-type-card-gutter .x-tabs-tab-disabled:hover{background-color:#f0f0f0}.x-tabs--nav-type-card-gutter .x-tabs-tab-active,.x-tabs--nav-type-card-gutter .x-tabs-tab-active:hover{background-color:#d0d0d0;border-bottom-color:green}.x-tabs--nav-type-card-gutter .x-tabs-tab:first-child{margin-left:0}.x-tabs--nav-type-text:before{display:none}.x-tabs--nav-type-text .x--tabs--tab{position:relative;margin:0 16px;padding:8px [] 0;font-size:14px;line-height:1.5715}.x-tabs--nav-type-text .x--tabs--tab:not(:first-of-type):before{position:absolute;top:50%;left:-16px;display:block;width:2px;height:6px;background-color:#bbb;transform:translateY(-50%);content:""}.x-tabs--nav-type-text .x--tabs--tab--title{padding-right:15px;padding-left:15px;background-color:#fff}.x-tabs--nav-type-text .x--tabs--tab--title:hover{background-color:#f5f5f5}.x-tabs--nav-type-text .x--tabs--tab-active .x-tabs-tab-title,.x-tabs--nav-type-text .x--tabs--tab-active .x-tabs-tab-title:hover{background-color:#e0e0e0}.x-tabs--nav-type-text .x--tabs--tab-disabled .x-tabs-tab-title,.x-tabs--nav-type-text .x--tabs--tab-disabled .x-tabs-tab-title:hover{background-color:#dcdcdc}.x-tabs--nav-type-text .x--tabs--tab-active .x-tabs--nav-type-text .x--tabs--tab-disabled .x-tabs-tab-title,.x-tabs--nav-type-text .x--tabs--tab-active .x-tabs--nav-type-text .x--tabs--tab-disabled .x-tabs-tab-title:hover{background-color:#b5b5b5}.x-tabs--nav-type-text .x--tabs--tab:focus-visible .x-tabs-tab-title{margin:-2px;border:2px solid #1a73e8}.x-tabs--nav-type-rounded:before{display:none}.x-tabs--nav-type-rounded .x--tabs--tab{margin:0 10px;padding:6px 14px;font-size:14px;background-color:#eaeaea;border-radius:32px}.x-tabs--nav-type-rounded .x--tabs--tab:hover{background-color:#dcdcdc}.x-tabs--nav-type-rounded .x--tabs--tab-disabled:hover{background-color:#f5f5f5}.x-tabs--nav-type-rounded .x--tabs--tab-active,.x-tabs--nav-type-rounded .x--tabs--tab-active:hover{background-color:#c8c8c8}.x-tabs--nav-type-rounded .x--tabs--tab:focus-visible{border-color:#1a73e8}.x-tabs--nav-type-capsule:before{display:none}.x-tabs--nav-type-capsule .x--tabs--nav--tab:not(.x-tabs-nav-tab-scroll){justify-content:flex-end}.x-tabs--nav-type-capsule .x--tabs--nav--tab--list{padding:10px 15px;line-height:1;background-color:#fff;border-radius:20px}.x-tabs--nav-type-capsule .x--tabs--tab{position:relative;padding:0 12px;font-size:14px;line-height:12px;background-color:#fafafa}.x-tabs--nav-type-capsule .x--tabs--tab:hover{background-color:#f5f5f5}.x-tabs--nav-type-capsule .x--tabs--tab-disabled:hover{background-color:unset}.x-tabs--nav-type-capsule .x--tabs--tab-active,.x-tabs--nav-type-capsule .x--tabs--tab-active:hover{background-color:#e0e0e0}.x-tabs--nav-type-capsule .x--tabs--tab-active:before,.x-tabs--nav-type-capsule .x--tabs--tab-active+.x-tabs-tab:before,.x-tabs--nav-type-capsule .x--tabs--tab-active:hover:before,.x-tabs--nav-type-capsule .x--tabs--tab-active:hover+.x-tabs-tab:before{opacity:0}.x-tabs--nav-type-capsule .x--tabs--tab:focus-visible{border-color:#1a73e8}.x-tabs--nav-type-capsule.x--tabs--nav-horizontal .x--tabs--tab:not(:first-of-type){margin-left:10px}.x-tabs--nav-type-capsule.x--tabs--nav-horizontal .x--tabs--tab:not(:first-of-type):before{position:absolute;top:50%;left:-8px;display:block;width:2px;height:6px;background-color:#ddd;transform:translateY(-50%);transition:all .3s linear;content:""}.x-tabs--nav{position:relative;display:flex;align-items:center;overflow:hidden}.x-tabs--content{box-sizing:border-box;width:100%;padding-top:16px;overflow:hidden}.x-tabs--content-hide{display:none}.x-tabs--content--list{display:flex;width:100%}.x-tabs--content--item{flex-shrink:0;width:100%;height:0;overflow:hidden}.x-tabs--content--item-active{height:auto}.x-tabs-type-card>.x-tabs--content,.x-tabs-type-card-gutter>.x-tabs--content{border:1px solid #000000;border-top:none}.x-tabs--content-animation{transition:all .2s cubic-bezier(.34,.69,.1,1)}.x-tabs-horizontal,.x-tabs-justify{display:flex;flex-direction:column;height:100%}.x-tabs-horizontal .x-tabs--content,.x-tabs-horizontal .x-tabs--content-list,.x-tabs-horizontal .x-tabs--pane,.x-tabs-justify .x-tabs--content,.x-tabs-justify .x-tabs--content-list,.x-tabs-justify .x-tabs--pane{height:100%}.x-tabs-nav-size-mini.x-tabs-nav-type-line .x-tabs-tab{padding-top:10px;padding-bottom:10px;font-size:tab-size-mini-font-size}.x-tabs-nav-size-mini.x-tabs-nav-type-line .x-tabs-nav-extra{font-size:tab-size-mini-font-size;line-height:tab-size-mini-header-height_line}.x-tabs-nav-size-mini.x-tabs-nav-type-card .x-tabs-tab,.x-tabs-nav-size-mini.x-tabs-nav-type-card-gutter .x-tabs-tab{padding-top:max(0,round(tab-size-mini-header-height-4px / 2 - 1.4 * tab-size-mini-font-size_card / 2 - 1px));padding-bottom:5px;font-size:tab-size-mini-font-size_card}.x-tabs-nav-size-mini.x-tabs-nav-type-card .x-tabs-nav-extra,.x-tabs-nav-size-mini.x-tabs-nav-type-card-gutter .x-tabs-nav-extra{font-size:tab-size-mini-font-size_card;line-height:tab-size-mini-header-height}.x-tabs-nav-size-mini.x-tabs-nav-type-card .x-tabs-nav-add-btn,.x-tabs-nav-size-mini.x-tabs-nav-type-card-gutter .x-tabs-nav-add-btn{height:tab-size-mini-header-height}.x-tabs-nav-size-mini.x-tabs-nav-type-capsule .x-tabs-tab{font-size:tab-size-mini-font-size_capsule;line-height:tab-size-mini-header-height_capsule-8px}.x-tabs-nav-size-mini.x-tabs-nav-type-capsule .x-tabs-nav-extra{font-size:tab-size-mini-font-size_capsule;line-height:tab-size-mini-header-height_capsule}.x-tabs-nav-size-mini.x-tabs-nav-type-rounded .x-tabs-tab{padding-top:max(0,round(tab-size-mini-header-height_rounded / 2 - 1.4 * tab-size-mini-font-size_rounded / 2 - 0));padding-bottom:5px;font-size:tab-size-mini-font-size_rounded}.x-tabs-nav-size-mini.x-tabs-nav-type-rounded .x-tabs-nav-extra{font-size:tab-size-mini-font-size_rounded;line-height:tab-size-mini-header-height_rounded}.x-tabs-nav-size-small.x-tabs-nav-type-line .x-tabs-tab{padding-top:10px;padding-bottom:10px;font-size:tab-size-small-font-size}.x-tabs-nav-size-small.x-tabs-nav-type-line .x-tabs-nav-extra{font-size:tab-size-small-font-size;line-height:tab-size-small-header-height_line}.x-tabs-nav-size-small.x-tabs-nav-type-card .x-tabs-tab,.x-tabs-nav-size-small.x-tabs-nav-type-card-gutter .x-tabs-tab{padding-top:max(0,round(tab-size-small-header-height-4px / 2 - 1.4 * tab-size-small-font-size_card / 2 - 1px));padding-bottom:5px;font-size:tab-size-small-font-size_card}.x-tabs-nav-size-small.x-tabs-nav-type-card .x-tabs-nav-extra,.x-tabs-nav-size-small.x-tabs-nav-type-card-gutter .x-tabs-nav-extra{font-size:tab-size-small-font-size_card;line-height:tab-size-small-header-height}.x-tabs-nav-size-small.x-tabs-nav-type-card .x-tabs-nav-add-btn,.x-tabs-nav-size-small.x-tabs-nav-type-card-gutter .x-tabs-nav-add-btn{height:tab-size-small-header-height}.x-tabs-nav-size-small.x-tabs-nav-type-capsule .x-tabs-tab{font-size:tab-size-small-font-size_capsule;line-height:tab-size-small-header-height_capsule-8px}.x-tabs-nav-size-small.x-tabs-nav-type-capsule .x-tabs-nav-extra{font-size:tab-size-small-font-size_capsule;line-height:tab-size-small-header-height_capsule}.x-tabs-nav-size-small.x-tabs-nav-type-rounded .x-tabs-tab{padding-top:max(0,round(tab-size-small-header-height_rounded / 2 - 1.4 * tab-size-small-font-size_rounded / 2 - 0));padding-bottom:5px;font-size:tab-size-small-font-size_rounded}.x-tabs-nav-size-small.x-tabs-nav-type-rounded .x-tabs-nav-extra{font-size:tab-size-small-font-size_rounded;line-height:tab-size-small-header-height_rounded}.x-tabs-nav-size-large.x-tabs-nav-type-line .x-tabs-tab{padding-top:10px;padding-bottom:10px;font-size:tab-size-large-font-size}.x-tabs-nav-size-large.x-tabs-nav-type-line .x-tabs-nav-extra{font-size:tab-size-large-font-size;line-height:tab-size-large-header-height_line}.x-tabs-nav-size-large.x-tabs-nav-type-card .x-tabs-tab,.x-tabs-nav-size-large.x-tabs-nav-type-card-gutter .x-tabs-tab{padding-top:max(0,round(tab-size-large-header-height-4px / 2 - 1.4 * tab-size-large-font-size_card / 2 - 1px));padding-bottom:5px;font-size:tab-size-large-font-size_card}.x-tabs-nav-size-large.x-tabs-nav-type-card .x-tabs-nav-extra,.x-tabs-nav-size-large.x-tabs-nav-type-card-gutter .x-tabs-nav-extra{font-size:tab-size-large-font-size_card;line-height:tab-size-large-header-height}.x-tabs-nav-size-large.x-tabs-nav-type-card .x-tabs-nav-add-btn,.x-tabs-nav-size-large.x-tabs-nav-type-card-gutter .x-tabs-nav-add-btn{height:tab-size-large-header-height}.x-tabs-nav-size-large.x-tabs-nav-type-capsule .x-tabs-tab{font-size:tab-size-large-font-size_capsule;line-height:tab-size-large-header-height_capsule-8px}.x-tabs-nav-size-large.x-tabs-nav-type-capsule .x-tabs-nav-extra{font-size:tab-size-large-font-size_capsule;line-height:tab-size-large-header-height_capsule}.x-tabs-nav-size-large.x-tabs-nav-type-rounded .x-tabs-tab{padding-top:max(0,round(tab-size-large-header-height_rounded / 2 - 1.4 * tab-size-large-font-size_rounded / 2 - 0));padding-bottom:5px;font-size:tab-size-large-font-size_rounded}.x-tabs-nav-size-large.x-tabs-nav-type-rounded .x-tabs-nav-extra{font-size:tab-size-large-font-size_rounded;line-height:tab-size-large-header-height_rounded}.x-tag{--x-tag-color-red-text: rgb(245, 63, 63);--x-tag-color-red-bg: rgb(255, 236, 232);--x-tag-color-red-border: transparent;--x-tag-color-red-border-hover: rgb(255, 236, 232)}.x-tag{--x-tag-color-orangered-text: rgb(247, 114, 52);--x-tag-color-orangered-bg: rgb(255, 243, 232);--x-tag-color-orangered-border: transparent;--x-tag-color-orangered-border-hover: rgb(255, 243, 232)}.x-tag{--x-tag-color-orange-text: rgb(255, 125, 0);--x-tag-color-orange-bg: rgb(255, 247, 232);--x-tag-color-orange-border: transparent;--x-tag-color-orange-border-hover: rgb(255, 247, 232)}.x-tag{--x-tag-color-gold-text: rgb(247, 186, 30);--x-tag-color-gold-bg: rgb(255, 252, 232);--x-tag-color-gold-border: transparent;--x-tag-color-gold-border-hover: rgb(255, 252, 232)}.x-tag{--x-tag-color-lime-text: rgb(159, 219, 29);--x-tag-color-lime-bg: rgb(252, 255, 232);--x-tag-color-lime-border: transparent;--x-tag-color-lime-border-hover: rgb(252, 255, 232)}.x-tag{--x-tag-color-green-text: rgb(0, 180, 42);--x-tag-color-green-bg: rgb(232, 255, 234);--x-tag-color-green-border: transparent;--x-tag-color-green-border-hover: rgb(232, 255, 234)}.x-tag{--x-tag-color-cyan-text: rgb(20, 201, 201);--x-tag-color-cyan-bg: rgb(232, 255, 251);--x-tag-color-cyan-border: transparent;--x-tag-color-cyan-border-hover: rgb(232, 255, 251)}.x-tag{--x-tag-color-blue-text: rgb(52, 145, 250);--x-tag-color-blue-bg: rgb(232, 247, 255);--x-tag-color-blue-border: transparent;--x-tag-color-blue-border-hover: rgb(232, 247, 255)}.x-tag{--x-tag-color-better-blue-text: rgb(22, 93, 255);--x-tag-color-better-blue-bg: rgb(232, 243, 255);--x-tag-color-better-blue-border: transparent;--x-tag-color-better-blue-border-hover: rgb(232, 243, 255)}.x-tag{--x-tag-color-purple-text: rgb(114, 46, 209);--x-tag-color-purple-bg: rgb(245, 232, 255);--x-tag-color-purple-border: transparent;--x-tag-color-purple-border-hover: rgb(245, 232, 255)}.x-tag{--x-tag-color-pink-purple-text: rgb(217, 26, 217);--x-tag-color-pink-purple-bg: rgb(255, 232, 251);--x-tag-color-pink-purple-border: transparent;--x-tag-color-pink-purple-border-hover: rgb(255, 232, 251)}.x-tag{--x-tag-color-magenta-text: rgb(245, 49, 157);--x-tag-color-magenta-bg: rgb(255, 232, 241);--x-tag-color-magenta-border: transparent;--x-tag-color-magenta-border-hover: rgb(255, 232, 241)}.x-tag{--x-tag-color-gray-text: rgb(134, 144, 156);--x-tag-color-gray-bg: rgb(242, 243, 245);--x-tag-color-gray-border: transparent;--x-tag-color-gray-border-hover: rgb(242, 243, 245)}.x-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;padding:4px 8px;color:#1d2129;font-weight:500;font-size:12px;line-height:14px;vertical-align:middle;border:1px solid transparent;border-radius:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x-tag .x-icon-hover.x-icon-hover:before{width:16px;height:16px}.x-tag .x-icon-hover.x-icon-hover:hover:before{background-color:silver}.x-tag-selectable{cursor:pointer;transition:all .3s linear}.x-tag-selectable:hover{background-color:silver;border-color:#b0b0b0}.x-tag-checked{background-color:#f2f3f5}.x-tag-size-small{height:20px;font-size:12px;line-height:18px}.x-tag-size-medium{height:24px;font-size:12px;line-height:22px}.x-tag-size-large{height:28px;font-size:14px;line-height:26px}.x-tag-hide{display:none}.x-tag-loading{cursor:default;opacity:.8}.x-tag-icon{margin-right:4px;color:#666}.x-tag-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-tag-color-red{color:var(--x-tag-color-red-text);background-color:var(--x-tag-color-red-bg);border:1px solid var(--x-tag-color-red-border)}.x-tag-color-red .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-red-icon-bg_hover}.x-tag-color-red .x-tag--close-icon:hover{background-color:var(--x-tag-color-red-text);color:var(--x-tag-color-red-bg)}.x-tag-color-orangered{color:var(--x-tag-color-orangered-text);background-color:var(--x-tag-color-orangered-bg);border:1px solid var(--x-tag-color-orangered-border)}.x-tag-color-orangered .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-orangered-icon-bg_hover}.x-tag-color-orangered .x-tag--close-icon:hover{background-color:var(--x-tag-color-orangered-text);color:var(--x-tag-color-orangered-bg)}.x-tag-color-orange{color:var(--x-tag-color-orange-text);background-color:var(--x-tag-color-orange-bg);border:1px solid var(--x-tag-color-orange-border)}.x-tag-color-orange .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-orange-icon-bg_hover}.x-tag-color-orange .x-tag--close-icon:hover{background-color:var(--x-tag-color-orange-text);color:var(--x-tag-color-orange-bg)}.x-tag-color-gold{color:var(--x-tag-color-gold-text);background-color:var(--x-tag-color-gold-bg);border:1px solid var(--x-tag-color-gold-border)}.x-tag-color-gold .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-gold-icon-bg_hover}.x-tag-color-gold .x-tag--close-icon:hover{background-color:var(--x-tag-color-gold-text);color:var(--x-tag-color-gold-bg)}.x-tag-color-lime{color:var(--x-tag-color-lime-text);background-color:var(--x-tag-color-lime-bg);border:1px solid var(--x-tag-color-lime-border)}.x-tag-color-lime .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-lime-icon-bg_hover}.x-tag-color-lime .x-tag--close-icon:hover{background-color:var(--x-tag-color-lime-text);color:var(--x-tag-color-lime-bg)}.x-tag-color-green{color:var(--x-tag-color-green-text);background-color:var(--x-tag-color-green-bg);border:1px solid var(--x-tag-color-green-border)}.x-tag-color-green .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-green-icon-bg_hover}.x-tag-color-green .x-tag--close-icon:hover{background-color:var(--x-tag-color-green-text);color:var(--x-tag-color-green-bg)}.x-tag-color-cyan{color:var(--x-tag-color-cyan-text);background-color:var(--x-tag-color-cyan-bg);border:1px solid var(--x-tag-color-cyan-border)}.x-tag-color-cyan .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-cyan-icon-bg_hover}.x-tag-color-cyan .x-tag--close-icon:hover{background-color:var(--x-tag-color-cyan-text);color:var(--x-tag-color-cyan-bg)}.x-tag-color-better-blue{color:var(--x-tag-color-better-blue-text);background-color:var(--x-tag-color-better-blue-bg);border:1px solid var(--x-tag-color-better-blue-border)}.x-tag-color-better-blue .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-better-blue-icon-bg_hover}.x-tag-color-better-blue .x-tag--close-icon:hover{background-color:var(--x-tag-color-better-blue-text);color:var(--x-tag-color-better-blue-bg)}.x-tag-color-blue{color:var(--x-tag-color-blue-text);background-color:var(--x-tag-color-blue-bg);border:1px solid var(--x-tag-color-blue-border)}.x-tag-color-blue .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-blue-icon-bg_hover}.x-tag-color-blue .x-tag--close-icon:hover{background-color:var(--x-tag-color-blue-text);color:var(--x-tag-color-blue-bg)}.x-tag-color-purple{color:var(--x-tag-color-purple-text);background-color:var(--x-tag-color-purple-bg);border:1px solid var(--x-tag-color-purple-border)}.x-tag-color-purple .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-purple-icon-bg_hover}.x-tag-color-purple .x-tag--close-icon:hover{background-color:var(--x-tag-color-purple-text);color:var(--x-tag-color-purple-bg)}.x-tag-color-pink-purple{color:var(--x-tag-color-pink-purple-text);background-color:var(--x-tag-color-pink-purple-bg);border:1px solid var(--x-tag-color-pink-purple-border)}.x-tag-color-pink-purple .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-pink-purple-icon-bg_hover}.x-tag-color-pink-purple .x-tag--close-icon:hover{background-color:var(--x-tag-color-pink-purple-text);color:var(--x-tag-color-pink-purple-bg)}.x-tag-color-magenta{color:var(--x-tag-color-magenta-text);background-color:var(--x-tag-color-magenta-bg);border:1px solid var(--x-tag-color-magenta-border)}.x-tag-color-magenta .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-magenta-icon-bg_hover}.x-tag-color-magenta .x-tag--close-icon:hover{background-color:var(--x-tag-color-magenta-text);color:var(--x-tag-color-magenta-bg)}.x-tag-color-gray{color:var(--x-tag-color-gray-text);background-color:var(--x-tag-color-gray-bg);border:1px solid var(--x-tag-color-gray-border)}.x-tag-color-gray .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-gray-icon-bg_hover}.x-tag-color-gray .x-tag--close-icon:hover{background-color:var(--x-tag-color-gray-text);color:var(--x-tag-color-gray-bg)}.x-tag-custom-color{color:#fff}.x-tag-custom-color .x-icon-hover.x-icon-hover:hover:before{background-color:#ff634733}.x-tag--close-icon{margin-left:4px;font-size:12px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.x-tag--close-icon:hover{background-color:#fff6}.x-tag--close-icon>svg{position:relative}.x-tag--loading-icon{margin-left:4px;font-size:12px}.x-trigger--wrapper{display:inline-block}.x-trigger--popup{position:absolute;z-index:1000}.x-trigger--arrow{position:absolute;z-index:-1;display:block;box-sizing:border-box;width:8px;height:8px;background-color:#000;content:""}.x-trigger--popup[trigger-placement=top] .x-trigger--arrow,.x-trigger--popup[trigger-placement=tl] .x-trigger--arrow,.x-trigger--popup[trigger-placement=tr] .x-trigger--arrow{border-top:none;border-left:none;border-bottom-right-radius:2px}.x-trigger--popup[trigger-placement=bottom] .x-trigger--arrow,.x-trigger--popup[trigger-placement=bl] .x-trigger--arrow,.x-trigger--popup[trigger-placement=br] .x-trigger--arrow{border-right:none;border-bottom:none;border-top-left-radius:2px}.x-trigger--popup[trigger-placement=left] .x-trigger--arrow,.x-trigger--popup[trigger-placement=lt] .x-trigger--arrow,.x-trigger--popup[trigger-placement=lb] .x-trigger--arrow{border-bottom:none;border-left:none;border-top-right-radius:2px}.x-trigger--popup[trigger-placement=right] .x-trigger--arrow,.x-trigger--popup[trigger-placement=rt] .x-trigger--arrow,.x-trigger--popup[trigger-placement=rb] .x-trigger--arrow{border-top:none;border-right:none;border-bottom-left-radius:2px}.x-tooltip--content{max-width:350px;padding:8px 12px;color:#fff;font-size:14px;line-height:1.5715;text-align:left;word-wrap:break-word;background-color:#000;border-radius:3px}.x-tooltip-mini{padding:4px 12px;font-size:14px}.x-tooltip-popup-arrow{background-color:#000}.x-timeline{display:flex;flex-direction:column}.x-timeline.-reverse{flex-direction:column-reverse}.x-timeline-item{--timeline-item-icon-background-color: var(--x-color-2);--timeline-item-icon-line-color: var(--x-color-4);--timeline-item-content-description-background-color: var(--x-color-6)}.x-timeline-item{position:relative}.x-timeline-item.-last .x-timeline-item__dot .x-timeline-item__dot__line{display:none}.x-timeline-item--dot{position:absolute;left:0;width:6px;height:100%;text-align:center}.x-timeline-item--dot--line{position:absolute;top:18px;bottom:-12px;left:50%;border-color:var(--timeline-item-icon-line-color);border-left-style:solid;border-left-width:1px;width:1px;box-sizing:border-box;transform:translate(-50%)}.x-timeline-item--dot--icon{position:relative;display:flex;justify-content:center;align-items:center;margin-top:12px;width:6px;height:6px;box-sizing:border-box}.x-timeline-item--dot--icon.-slot-icon>*{background:#fff}.x-timeline-item--dot--icon .icon{position:relative;display:block;border-radius:50%;width:6px;height:6px;background-color:var(--timeline-item-icon-background-color);box-sizing:border-box}.x-timeline-item--content{margin-right:6px;margin-left:20px}.x-timeline-item--content--label{line-height:1;margin-bottom:5px}.x-timeline-item--content--description{margin-bottom:5px;font-size:14px;font-weight:400;color:#646b7a}
package/dist/types.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ declare module 'vue' {
2
+ interface GlobalComponents {
3
+ XButton: (typeof import('x-next'))['XButton'];
4
+ XDialog: (typeof import('x-next'))['XDialog'];
5
+ XMessage: (typeof import('x-next'))['XMessage'];
6
+ XMessageBox: (typeof import('x-next'))['XMessageBox'];
7
+ XNotification: (typeof import('x-next'))['XNotification'];
8
+ XSpace: (typeof import('x-next'))['XSpace'];
9
+ XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
10
+ XTrendChart: (typeof import('x-next'))['XTrendChart'];
11
+ XTimeline: (typeof import('x-next'))['XTimeline'];
12
+ XTimelineItem: (typeof import('x-next'))['XTimelineItem'];
13
+ XPopup: (typeof import('x-next'))['XPopup'];
14
+ XScrollbar: (typeof import('x-next'))['XScrollbar'];
15
+ XDrawer: (typeof import('x-next'))['XDrawer'];
16
+ XTag: (typeof import('x-next'))['XTag'];
17
+ XTooltip: (typeof import('x-next'))['XTooltip'];
18
+ XImage: (typeof import('x-next'))['XImage'];
19
+ XImagePreview: (typeof import('x-next'))['XImagePreview'];
20
+ XImagePreviewGroup: (typeof import('x-next'))['XImagePreviewGroup'];
21
+ XImagePreviewAction: (typeof import('x-next'))['XImagePreviewAction'];
22
+ XTabPane: (typeof import('x-next'))['XTabPane'];
23
+ XTabs: (typeof import('x-next'))['XTabs'];
24
+ }
25
+ }
26
+ export {};
package/package.json CHANGED
@@ -1,17 +1,19 @@
1
1
  {
2
2
  "name": "x-next",
3
3
  "private": false,
4
- "version": "0.0.0-alpha.5",
4
+ "version": "0.0.0-alpha.51",
5
5
  "description": "An amazing Vue3 UI library.",
6
6
  "type": "module",
7
7
  "main": "dist/index.umd.js",
8
8
  "module": "dist/index.es.js",
9
- "types": "dist/ui.d.ts",
9
+ "types": "dist/index.d.ts",
10
10
  "scripts": {
11
11
  "dev": "vite",
12
12
  "build": "vue-tsc && vite build",
13
13
  "preview": "vite preview",
14
- "publish": "npm publish --access=public"
14
+ "publish": "npm publish --access=public",
15
+ "gen-volar-dts": "esbuild script/gen-component-declaration.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node",
16
+ "gen-volar-dts-old": "esbuild script/gen-component-declaration.old.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node"
15
17
  },
16
18
  "repository": {
17
19
  "type": "git",
@@ -21,18 +23,29 @@
21
23
  "url": "https://github.com/ztes/x-next/issues"
22
24
  },
23
25
  "dependencies": {
24
- "dayjs": "^1.11.11",
25
- "vue": "^3.5.12"
26
+ "async-validator": "^4.2.5",
27
+ "dayjs": "^1.11.13",
28
+ "resize-observer-polyfill": "^1.5.1"
26
29
  },
27
30
  "devDependencies": {
28
- "@types/node": "^20.12.7",
29
- "@vitejs/plugin-vue": "^5.0.4",
31
+ "@types/node": "^20.16.15",
32
+ "@vitejs/plugin-vue": "^5.1.4",
30
33
  "@vitejs/plugin-vue-jsx": "^4.0.1",
34
+ "esbuild": "^0.24.0",
35
+ "fast-glob": "^3.3.3",
36
+ "fs-extra": "^11.3.0",
37
+ "i": "^0.3.7",
38
+ "npm": "^10.9.0",
39
+ "prettier": "^3.3.3",
40
+ "prettier-plugin-packagejson": "^2.5.3",
31
41
  "sass": "^1.80.3",
32
- "typescript": "^5.2.2",
33
- "vite": "^5.2.0",
42
+ "typescript": "^5.6.3",
43
+ "vite": "^5.4.10",
34
44
  "vite-plugin-dts": "^4.3.0",
35
- "vue-tsc": "^2.0.6"
45
+ "vue": "^3.5.12",
46
+ "vue-docgen-api": "^4.79.2",
47
+ "vue-docgen-cli": "^4.79.0",
48
+ "vue-tsc": "^2.1.6"
36
49
  },
37
50
  "publishConfig": {
38
51
  "access": "public"
@@ -48,6 +61,7 @@
48
61
  },
49
62
  "license": "MIT",
50
63
  "files": [
51
- "dist"
64
+ "dist",
65
+ "volar.d.ts"
52
66
  ]
53
67
  }
package/volar.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ // Auto generated component declarations
2
+ declare module 'vue' {
3
+ export interface GlobalComponents {
4
+ XButton: (typeof import('x-next'))['XButton'];
5
+ XDialog: (typeof import('x-next'))['XDialog'];
6
+ XMessage: (typeof import('x-next'))['XMessage'];
7
+ XMessageBox: (typeof import('x-next'))['XMessageBox'];
8
+ XNotification: (typeof import('x-next'))['XNotification'];
9
+ XSpace: (typeof import('x-next'))['XSpace'];
10
+ XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
11
+ XTrendChart: (typeof import('x-next'))['XTrendChart'];
12
+ XTimeline: (typeof import('x-next'))['XTimeline'];
13
+ XTimelineItem: (typeof import('x-next'))['XTimelineItem'];
14
+ XPopup: (typeof import('x-next'))['XPopup'];
15
+ XScrollbar: (typeof import('x-next'))['XScrollbar'];
16
+ XDrawer: (typeof import('x-next'))['XDrawer'];
17
+ XTag: (typeof import('x-next'))['XTag'];
18
+ XTooltip: (typeof import('x-next'))['XTooltip'];
19
+ XImage: (typeof import('x-next'))['XImage'];
20
+ XImagePreview: (typeof import('x-next'))['XImagePreview'];
21
+ XImagePreviewGroup: (typeof import('x-next'))['XImagePreviewGroup'];
22
+ XImagePreviewAction: (typeof import('x-next'))['XImagePreviewAction'];
23
+ XTabPane: (typeof import('x-next'))['XTabPane'];
24
+ XTabs: (typeof import('x-next'))['XTabs'];
25
+ }
26
+ }
27
+ export {};
package/dist/_utils/icon.d.ts DELETED
@@ -1,59 +0,0 @@
1
- /**
2
- * 首字母大写及-符号仅跟的字母大写
3
- * @param str
4
- */
5
- export declare const toPascalCase: (str: string) => string;
6
- export declare function createIconComponent(name: string): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
7
- size: {
8
- type: (StringConstructor | NumberConstructor)[];
9
- default: undefined;
10
- };
11
- rotate: {
12
- type: NumberConstructor;
13
- default: undefined;
14
- };
15
- spin: {
16
- type: BooleanConstructor;
17
- default: boolean;
18
- };
19
- color: {
20
- type: StringConstructor;
21
- default: undefined;
22
- };
23
- fillColor: {
24
- type: ArrayConstructor;
25
- default: undefined;
26
- };
27
- }>, {
28
- cls: import('vue').ComputedRef<(string | {
29
- "x-icon-loading": boolean;
30
- })[]>;
31
- styles: import('vue').ComputedRef<import('vue').CSSProperties>;
32
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
33
- size: {
34
- type: (StringConstructor | NumberConstructor)[];
35
- default: undefined;
36
- };
37
- rotate: {
38
- type: NumberConstructor;
39
- default: undefined;
40
- };
41
- spin: {
42
- type: BooleanConstructor;
43
- default: boolean;
44
- };
45
- color: {
46
- type: StringConstructor;
47
- default: undefined;
48
- };
49
- fillColor: {
50
- type: ArrayConstructor;
51
- default: undefined;
52
- };
53
- }>> & Readonly<{}>, {
54
- size: string | number;
55
- color: string;
56
- rotate: number;
57
- spin: boolean;
58
- fillColor: unknown[];
59
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
package/dist/componets/button/index.vue.d.ts DELETED
@@ -1,162 +0,0 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- disabled: BooleanConstructor;
3
- block: BooleanConstructor;
4
- loading: BooleanConstructor;
5
- loadingFill: {
6
- type: BooleanConstructor;
7
- default: boolean;
8
- };
9
- debounce: {
10
- type: NumberConstructor;
11
- default: number;
12
- };
13
- shape: {
14
- type: import('vue').PropType<import('./props').ButtonShape>;
15
- default: undefined;
16
- };
17
- link: {
18
- type: BooleanConstructor;
19
- default: boolean;
20
- };
21
- type: {
22
- type: import('vue').PropType<import('./props').ButtonType>;
23
- default: undefined;
24
- };
25
- status: {
26
- type: import('vue').PropType<import('./props').ButtonStatus>;
27
- default: undefined;
28
- };
29
- plain: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- size: {
34
- type: import('vue').PropType<import('./props').ButtonSize>;
35
- default: string;
36
- };
37
- border: {
38
- type: BooleanConstructor;
39
- default: boolean;
40
- };
41
- }>, {
42
- cn: {
43
- block: string;
44
- element: (className: string) => string;
45
- modifier: (className: string) => string;
46
- is: (className: string) => string;
47
- };
48
- cls: import('vue').ComputedRef<(string | false | undefined)[]>;
49
- handleClick: (event: MouseEvent) => Promise<void>;
50
- isLoading: import('vue').ComputedRef<boolean>;
51
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
52
- disabled: BooleanConstructor;
53
- block: BooleanConstructor;
54
- loading: BooleanConstructor;
55
- loadingFill: {
56
- type: BooleanConstructor;
57
- default: boolean;
58
- };
59
- debounce: {
60
- type: NumberConstructor;
61
- default: number;
62
- };
63
- shape: {
64
- type: import('vue').PropType<import('./props').ButtonShape>;
65
- default: undefined;
66
- };
67
- link: {
68
- type: BooleanConstructor;
69
- default: boolean;
70
- };
71
- type: {
72
- type: import('vue').PropType<import('./props').ButtonType>;
73
- default: undefined;
74
- };
75
- status: {
76
- type: import('vue').PropType<import('./props').ButtonStatus>;
77
- default: undefined;
78
- };
79
- plain: {
80
- type: BooleanConstructor;
81
- default: boolean;
82
- };
83
- size: {
84
- type: import('vue').PropType<import('./props').ButtonSize>;
85
- default: string;
86
- };
87
- border: {
88
- type: BooleanConstructor;
89
- default: boolean;
90
- };
91
- }>> & Readonly<{
92
- onClick?: ((...args: any[]) => any) | undefined;
93
- }>, {
94
- size: import('./props').ButtonSize;
95
- border: boolean;
96
- link: boolean;
97
- block: boolean;
98
- disabled: boolean;
99
- type: import('./props').ButtonType;
100
- loading: boolean;
101
- loadingFill: boolean;
102
- debounce: number;
103
- shape: import('./props').ButtonShape;
104
- status: import('./props').ButtonStatus;
105
- plain: boolean;
106
- }, {}, {
107
- AnimationLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
108
- size: {
109
- type: (StringConstructor | NumberConstructor)[];
110
- default: undefined;
111
- };
112
- rotate: {
113
- type: NumberConstructor;
114
- default: undefined;
115
- };
116
- spin: {
117
- type: BooleanConstructor;
118
- default: boolean;
119
- };
120
- color: {
121
- type: StringConstructor;
122
- default: undefined;
123
- };
124
- fillColor: {
125
- type: ArrayConstructor;
126
- default: undefined;
127
- };
128
- }>, {
129
- cls: import('vue').ComputedRef<(string | {
130
- "x-icon-loading": boolean;
131
- })[]>;
132
- styles: import('vue').ComputedRef<import('vue').CSSProperties>;
133
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
134
- size: {
135
- type: (StringConstructor | NumberConstructor)[];
136
- default: undefined;
137
- };
138
- rotate: {
139
- type: NumberConstructor;
140
- default: undefined;
141
- };
142
- spin: {
143
- type: BooleanConstructor;
144
- default: boolean;
145
- };
146
- color: {
147
- type: StringConstructor;
148
- default: undefined;
149
- };
150
- fillColor: {
151
- type: ArrayConstructor;
152
- default: undefined;
153
- };
154
- }>> & Readonly<{}>, {
155
- size: string | number;
156
- color: string;
157
- rotate: number;
158
- spin: boolean;
159
- fillColor: unknown[];
160
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
161
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
162
- export default _default;
package/dist/componets/message-box/warp.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import { default as MessageBox } from './';
2
- export default MessageBox;