vxe-pc-ui 3.3.43 → 3.3.45

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 (154) hide show
  1. package/es/button/style.css +1 -1
  2. package/es/button/style.min.css +1 -1
  3. package/es/color-picker/src/color-picker.js +1044 -7
  4. package/es/color-picker/src/util.js +190 -0
  5. package/es/color-picker/style.css +381 -0
  6. package/es/color-picker/style.min.css +1 -0
  7. package/es/form/render/index.js +26 -1
  8. package/es/icon/style.css +1 -1
  9. package/es/input/src/input.js +19 -8
  10. package/es/language/ar-EG.js +9 -0
  11. package/es/language/de-DE.js +9 -0
  12. package/es/language/en-US.js +9 -0
  13. package/es/language/es-ES.js +9 -0
  14. package/es/language/fr-FR.js +9 -0
  15. package/es/language/hu-HU.js +9 -0
  16. package/es/language/hy-AM.js +9 -0
  17. package/es/language/ja-JP.js +9 -0
  18. package/es/language/ko-KR.js +9 -0
  19. package/es/language/nb-NO.js +9 -0
  20. package/es/language/pt-BR.js +9 -0
  21. package/es/language/ru-RU.js +9 -0
  22. package/es/language/ug-CN.js +9 -0
  23. package/es/language/uk-UA.js +9 -0
  24. package/es/language/vi-VN.js +9 -0
  25. package/es/language/zh-CHT.js +9 -0
  26. package/es/language/zh-CN.js +9 -0
  27. package/es/number-input/src/number-input.js +3 -1
  28. package/es/slider/src/slider.js +2 -4
  29. package/es/style.css +1 -1
  30. package/es/style.min.css +1 -1
  31. package/es/ui/index.js +12 -3
  32. package/es/ui/src/log.js +1 -1
  33. package/es/vxe-button/style.css +1 -1
  34. package/es/vxe-button/style.min.css +1 -1
  35. package/es/vxe-color-picker/style.css +381 -0
  36. package/es/vxe-color-picker/style.min.css +1 -0
  37. package/helper/vetur/attributes.json +1 -1
  38. package/helper/vetur/tags.json +1 -1
  39. package/lib/button/style/style.css +1 -1
  40. package/lib/button/style/style.min.css +1 -1
  41. package/lib/color-picker/src/color-picker.js +1004 -7
  42. package/lib/color-picker/src/color-picker.min.js +1 -1
  43. package/lib/color-picker/src/util.js +215 -0
  44. package/lib/color-picker/src/util.min.js +1 -0
  45. package/lib/color-picker/style/style.css +381 -0
  46. package/lib/color-picker/style/style.min.css +1 -0
  47. package/lib/form/render/index.js +28 -1
  48. package/lib/form/render/index.min.js +1 -1
  49. package/lib/icon/style/style.css +1 -1
  50. package/lib/icon/style/style.min.css +1 -1
  51. package/lib/index.umd.js +10025 -8762
  52. package/lib/index.umd.min.js +1 -1
  53. package/lib/input/src/input.js +17 -7
  54. package/lib/input/src/input.min.js +1 -1
  55. package/lib/language/ar-EG.js +9 -0
  56. package/lib/language/ar-EG.min.js +1 -1
  57. package/lib/language/de-DE.js +9 -0
  58. package/lib/language/de-DE.min.js +1 -1
  59. package/lib/language/en-US.js +9 -0
  60. package/lib/language/en-US.min.js +1 -1
  61. package/lib/language/en-US.umd.js +9 -0
  62. package/lib/language/es-ES.js +9 -0
  63. package/lib/language/es-ES.min.js +1 -1
  64. package/lib/language/es-ES.umd.js +9 -0
  65. package/lib/language/fr-FR.js +9 -0
  66. package/lib/language/fr-FR.min.js +1 -1
  67. package/lib/language/hu-HU.js +9 -0
  68. package/lib/language/hu-HU.min.js +1 -1
  69. package/lib/language/hu-HU.umd.js +9 -0
  70. package/lib/language/hy-AM.js +9 -0
  71. package/lib/language/hy-AM.min.js +1 -1
  72. package/lib/language/ja-JP.js +9 -0
  73. package/lib/language/ja-JP.min.js +1 -1
  74. package/lib/language/ja-JP.umd.js +9 -0
  75. package/lib/language/ko-KR.js +9 -0
  76. package/lib/language/ko-KR.min.js +1 -1
  77. package/lib/language/ko-KR.umd.js +9 -0
  78. package/lib/language/nb-NO.js +9 -0
  79. package/lib/language/nb-NO.min.js +1 -1
  80. package/lib/language/pt-BR.js +9 -0
  81. package/lib/language/pt-BR.min.js +1 -1
  82. package/lib/language/pt-BR.umd.js +9 -0
  83. package/lib/language/ru-RU.js +9 -0
  84. package/lib/language/ru-RU.min.js +1 -1
  85. package/lib/language/ru-RU.umd.js +9 -0
  86. package/lib/language/ug-CN.js +9 -0
  87. package/lib/language/ug-CN.min.js +1 -1
  88. package/lib/language/uk-UA.js +9 -0
  89. package/lib/language/uk-UA.min.js +1 -1
  90. package/lib/language/uk-UA.umd.js +9 -0
  91. package/lib/language/vi-VN.js +9 -0
  92. package/lib/language/vi-VN.min.js +1 -1
  93. package/lib/language/zh-CHT.js +9 -0
  94. package/lib/language/zh-CHT.min.js +1 -1
  95. package/lib/language/zh-CHT.umd.js +9 -0
  96. package/lib/language/zh-CN.js +9 -0
  97. package/lib/language/zh-CN.min.js +1 -1
  98. package/lib/language/zh-CN.umd.js +9 -0
  99. package/lib/number-input/src/number-input.js +3 -1
  100. package/lib/number-input/src/number-input.min.js +1 -1
  101. package/lib/slider/src/slider.js +2 -4
  102. package/lib/slider/src/slider.min.js +1 -1
  103. package/lib/style.css +1 -1
  104. package/lib/style.min.css +1 -1
  105. package/lib/ui/index.js +12 -3
  106. package/lib/ui/index.min.js +1 -1
  107. package/lib/ui/src/log.js +1 -1
  108. package/lib/ui/src/log.min.js +1 -1
  109. package/lib/vxe-button/style/style.css +1 -1
  110. package/lib/vxe-button/style/style.min.css +1 -1
  111. package/lib/vxe-color-picker/style/style.css +381 -0
  112. package/lib/vxe-color-picker/style/style.min.css +1 -0
  113. package/package.json +2 -2
  114. package/packages/color-picker/src/color-picker.ts +1091 -9
  115. package/packages/color-picker/src/util.ts +198 -0
  116. package/packages/form/render/index.ts +26 -1
  117. package/packages/input/src/input.ts +18 -8
  118. package/packages/language/ar-EG.ts +9 -0
  119. package/packages/language/de-DE.ts +9 -0
  120. package/packages/language/en-US.ts +9 -0
  121. package/packages/language/es-ES.ts +9 -0
  122. package/packages/language/fr-FR.ts +9 -0
  123. package/packages/language/hu-HU.ts +9 -0
  124. package/packages/language/hy-AM.ts +9 -0
  125. package/packages/language/ja-JP.ts +9 -0
  126. package/packages/language/ko-KR.ts +9 -0
  127. package/packages/language/nb-NO.ts +9 -0
  128. package/packages/language/pt-BR.ts +9 -0
  129. package/packages/language/ru-RU.ts +9 -0
  130. package/packages/language/ug-CN.ts +9 -0
  131. package/packages/language/uk-UA.ts +9 -0
  132. package/packages/language/vi-VN.ts +9 -0
  133. package/packages/language/zh-CHT.ts +9 -0
  134. package/packages/language/zh-CN.ts +9 -0
  135. package/packages/number-input/src/number-input.ts +3 -1
  136. package/packages/slider/src/slider.ts +2 -4
  137. package/packages/ui/index.ts +12 -2
  138. package/styles/components/button.scss +1 -1
  139. package/styles/components/color-picker.scss +365 -0
  140. package/types/components/color-picker.d.ts +21 -0
  141. package/types/components/table.d.ts +4 -2
  142. package/types/ui/global-icon.d.ts +3 -0
  143. /package/es/icon/{iconfont.1734680304044.ttf → iconfont.1734966316353.ttf} +0 -0
  144. /package/es/icon/{iconfont.1734680304044.woff → iconfont.1734966316353.woff} +0 -0
  145. /package/es/icon/{iconfont.1734680304044.woff2 → iconfont.1734966316353.woff2} +0 -0
  146. /package/es/{iconfont.1734680304044.ttf → iconfont.1734966316353.ttf} +0 -0
  147. /package/es/{iconfont.1734680304044.woff → iconfont.1734966316353.woff} +0 -0
  148. /package/es/{iconfont.1734680304044.woff2 → iconfont.1734966316353.woff2} +0 -0
  149. /package/lib/icon/style/{iconfont.1734680304044.ttf → iconfont.1734966316353.ttf} +0 -0
  150. /package/lib/icon/style/{iconfont.1734680304044.woff → iconfont.1734966316353.woff} +0 -0
  151. /package/lib/icon/style/{iconfont.1734680304044.woff2 → iconfont.1734966316353.woff2} +0 -0
  152. /package/lib/{iconfont.1734680304044.ttf → iconfont.1734966316353.ttf} +0 -0
  153. /package/lib/{iconfont.1734680304044.woff → iconfont.1734966316353.woff} +0 -0
  154. /package/lib/{iconfont.1734680304044.woff2 → iconfont.1734966316353.woff2} +0 -0
package/es/ui/index.js CHANGED
@@ -2,7 +2,7 @@ import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { getFuncText } from './src/utils';
4
4
  import { warnLog } from './src/log';
5
- export const version = "3.3.43";
5
+ export const version = "3.3.45";
6
6
  VxeUI.version = version;
7
7
  VxeUI.uiVersion = version;
8
8
  VxeUI.tableVersion = '';
@@ -70,7 +70,14 @@ setConfig({
70
70
  },
71
71
  collapsePane: {},
72
72
  countdown: {},
73
- colorPicker: {},
73
+ colorPicker: {
74
+ type: 'hex',
75
+ clearable: true,
76
+ showAlpha: true,
77
+ clickToCopy: true,
78
+ showColorExtractor: true,
79
+ showQuick: true
80
+ },
74
81
  datePicker: {
75
82
  // size: null,
76
83
  // transfer: false
@@ -494,7 +501,9 @@ setIcon({
494
501
  RESULT_LOADING: iconPrefix + 'spinner roll',
495
502
  // rate
496
503
  RATE_CHECKED: iconPrefix + 'star-fill',
497
- RATE_UNCHECKED: iconPrefix + 'star'
504
+ RATE_UNCHECKED: iconPrefix + 'star',
505
+ // color-picker
506
+ COLOR_COPY: iconPrefix + 'copy'
498
507
  });
499
508
  export * from '@vxe-ui/core';
500
509
  export default VxeUI;
package/es/ui/src/log.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { log } from '@vxe-ui/core';
2
- const version = `ui v${"3.3.43"}`;
2
+ const version = `ui v${"3.3.45"}`;
3
3
  export const warnLog = log.create('warn', version);
4
4
  export const errLog = log.create('error', version);
@@ -441,7 +441,7 @@
441
441
  .vxe-button-wrapper + .vxe-button-wrapper,
442
442
  .vxe-button-wrapper + .vxe-button.type--button,
443
443
  .vxe-button-wrapper + .vxe-button--dropdown {
444
- margin-left: 12px;
444
+ margin-left: 0.72em;
445
445
  }
446
446
 
447
447
  .vxe-button--loading-icon,
@@ -1 +1 @@
1
- .vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-font-size-default);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-default)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:.25em}.vxe-button--tooltip-prefix-icon+.vxe-button--content,.vxe-button--tooltip-prefix-icon+.vxe-button--icon,.vxe-button--tooltip-prefix-icon+.vxe-button--loading-icon{padding-left:.25em}.vxe-button--content+.vxe-button--tooltip-suffix-icon{margin-left:.25em}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
1
+ .vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-font-size-default);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:.72em}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-default)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:.25em}.vxe-button--tooltip-prefix-icon+.vxe-button--content,.vxe-button--tooltip-prefix-icon+.vxe-button--icon,.vxe-button--tooltip-prefix-icon+.vxe-button--loading-icon{padding-left:.25em}.vxe-button--content+.vxe-button--tooltip-suffix-icon{margin-left:.25em}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
@@ -0,0 +1,381 @@
1
+ .vxe-color-picker.is--selected .vxe-color-picker--inner-color {
2
+ color: #fff;
3
+ }
4
+ .vxe-color-picker.is--active {
5
+ border-color: var(--vxe-ui-font-primary-color);
6
+ }
7
+
8
+ .vxe-color-picker,
9
+ .vxe-color-picker--readonly {
10
+ position: relative;
11
+ display: inline-block;
12
+ width: 2.4em;
13
+ padding: 0.25em;
14
+ border: 1px solid var(--vxe-ui-input-border-color);
15
+ border-radius: var(--vxe-ui-base-border-radius);
16
+ background-color: var(--vxe-ui-layout-background-color);
17
+ }
18
+
19
+ .vxe-color-picker--inner,
20
+ .vxe-color-picker--preview-btn,
21
+ .vxe-color-picker--bar-alpha-slider {
22
+ background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);
23
+ }
24
+
25
+ .vxe-color-picker--inner,
26
+ .vxe-color-picker--readonly-color {
27
+ width: 100%;
28
+ height: 100%;
29
+ background-size: 1em 1em;
30
+ border-radius: var(--vxe-ui-base-border-radius);
31
+ }
32
+
33
+ .vxe-color-picker--readonly-color {
34
+ border: 1px solid var(--vxe-ui-input-border-color);
35
+ }
36
+
37
+ .vxe-color-picker--inner {
38
+ cursor: pointer;
39
+ }
40
+
41
+ .vxe-color-picker--input {
42
+ position: absolute;
43
+ z-index: -1;
44
+ width: 1px;
45
+ height: 1px;
46
+ outline: 0;
47
+ border: 0;
48
+ }
49
+
50
+ .vxe-color-picker--inner-color {
51
+ width: 100%;
52
+ height: 100%;
53
+ display: flex;
54
+ flex-direction: row;
55
+ align-items: center;
56
+ justify-content: center;
57
+ border: 1px solid var(--vxe-ui-input-border-color);
58
+ border-radius: var(--vxe-ui-base-border-radius);
59
+ }
60
+
61
+ .vxe-color-picker--panel-wrapper {
62
+ position: relative;
63
+ width: 23.4em;
64
+ border-radius: var(--vxe-ui-base-border-radius);
65
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
66
+ box-shadow: var(--vxe-ui-base-popup-box-shadow);
67
+ background-color: var(--vxe-ui-layout-background-color);
68
+ }
69
+
70
+ .vxe-color-picker--panel {
71
+ display: none;
72
+ position: absolute;
73
+ left: 0;
74
+ padding: 4px 0;
75
+ color: var(--vxe-ui-font-color);
76
+ text-align: left;
77
+ }
78
+ .vxe-color-picker--panel:not(.is--transfer) {
79
+ min-width: 100%;
80
+ }
81
+ .vxe-color-picker--panel.is--transfer {
82
+ position: fixed;
83
+ }
84
+ .vxe-color-picker--panel.ani--leave {
85
+ display: block;
86
+ opacity: 0;
87
+ transform: scaleY(0.5);
88
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
89
+ transform-origin: center top;
90
+ backface-visibility: hidden;
91
+ }
92
+ .vxe-color-picker--panel.ani--leave[placement=top] {
93
+ transform-origin: center bottom;
94
+ }
95
+ .vxe-color-picker--panel.ani--enter {
96
+ opacity: 1;
97
+ transform: scaleY(1);
98
+ }
99
+
100
+ .vxe-color-picker--color-wrapper {
101
+ position: relative;
102
+ height: 130px;
103
+ overflow: hidden;
104
+ }
105
+
106
+ .vxe-color-picker--white-bg,
107
+ .vxe-color-picker--black-bg,
108
+ .vxe-color-picker--color-bg {
109
+ position: absolute;
110
+ top: 0;
111
+ left: 0;
112
+ width: 100%;
113
+ height: 100%;
114
+ }
115
+
116
+ .vxe-color-picker--white-bg {
117
+ background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
118
+ }
119
+
120
+ .vxe-color-picker--black-bg {
121
+ background: linear-gradient(to top, #000, rgba(255, 255, 255, 0));
122
+ }
123
+
124
+ .vxe-color-picker--color-active {
125
+ position: absolute;
126
+ left: 0;
127
+ top: 0;
128
+ width: 0.8em;
129
+ height: 0.8em;
130
+ border-radius: 50%;
131
+ border: 1px solid #ffffff;
132
+ background-color: transparent;
133
+ box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
134
+ transform: translate(-0.4em, -0.4em);
135
+ }
136
+
137
+ .vxe-color-picker--quick-wrapper {
138
+ display: flex;
139
+ flex-direction: row;
140
+ flex-wrap: wrap;
141
+ align-content: flex-start;
142
+ overflow-x: hidden;
143
+ overflow-y: auto;
144
+ max-height: 9.2em;
145
+ }
146
+
147
+ .vxe-color-picker--quick-item {
148
+ width: 1.5em;
149
+ height: 1.5em;
150
+ margin: 0.4em;
151
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
152
+ border-radius: var(--vxe-ui-base-border-radius);
153
+ cursor: pointer;
154
+ transition: transform 0.1s ease-in-out;
155
+ }
156
+ .vxe-color-picker--quick-item:hover {
157
+ transform: scale(1.2);
158
+ border-color: var(--vxe-ui-font-primary-lighten-color);
159
+ }
160
+ .vxe-color-picker--quick-item:active {
161
+ transform: scale(0.8);
162
+ }
163
+
164
+ .vxe-color-picker--bar-wrapper {
165
+ margin-top: 0.4em;
166
+ }
167
+
168
+ .vxe-color-picker--slider-wrapper {
169
+ display: flex;
170
+ flex-direction: row;
171
+ }
172
+
173
+ .vxe-color-picker--slider-preview {
174
+ display: flex;
175
+ flex-direction: row;
176
+ flex-shrink: 0;
177
+ align-items: center;
178
+ justify-content: center;
179
+ width: 60px;
180
+ padding-left: 0.5em;
181
+ }
182
+
183
+ .vxe-color-picker--preview-btn,
184
+ .vxe-color-picker--preview-color {
185
+ width: 2.2em;
186
+ height: 2.2em;
187
+ border-radius: 50%;
188
+ }
189
+
190
+ .vxe-color-picker--preview-btn {
191
+ background-size: 0.8em 0.8em;
192
+ }
193
+
194
+ .vxe-color-picker--preview-color {
195
+ position: relative;
196
+ display: flex;
197
+ flex-direction: row;
198
+ align-items: center;
199
+ justify-content: center;
200
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
201
+ }
202
+ .vxe-color-picker--preview-color:hover::before {
203
+ content: "";
204
+ position: absolute;
205
+ top: 0;
206
+ left: 0;
207
+ width: 100%;
208
+ height: 100%;
209
+ border-radius: 50%;
210
+ background-color: rgba(0, 0, 0, 0.3);
211
+ z-index: 0;
212
+ }
213
+ .vxe-color-picker--preview-color:hover .vxe-color-picker--preview-copy-btn {
214
+ display: block;
215
+ z-index: 1;
216
+ }
217
+ .vxe-color-picker--preview-color:active .vxe-color-picker--preview-copy-btn {
218
+ font-size: 0.8em;
219
+ }
220
+
221
+ .vxe-color-picker--preview-copy-btn {
222
+ display: none;
223
+ color: #ffffff;
224
+ cursor: pointer;
225
+ }
226
+
227
+ .vxe-color-picker--slider-handle {
228
+ display: flex;
229
+ flex-direction: column;
230
+ justify-content: center;
231
+ flex-grow: 1;
232
+ padding: 0 0.6em;
233
+ }
234
+
235
+ .vxe-color-picker--bar-hue-slider,
236
+ .vxe-color-picker--bar-alpha-slider {
237
+ position: relative;
238
+ height: 1em;
239
+ width: 100%;
240
+ margin: 0.4em 0;
241
+ cursor: pointer;
242
+ }
243
+
244
+ .vxe-color-picker--bar-hue-slider,
245
+ .vxe-color-picker--bar-alpha-slider,
246
+ .vxe-color-picker--bar-alpha-bg {
247
+ border-radius: var(--vxe-ui-base-border-radius);
248
+ }
249
+
250
+ .vxe-color-picker--bar-hue-slider {
251
+ background: linear-gradient(to left, red, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red);
252
+ }
253
+
254
+ .vxe-color-picker--bar-hue-btn,
255
+ .vxe-color-picker--bar-alpha-btn {
256
+ position: absolute;
257
+ left: 0;
258
+ top: -4px;
259
+ width: 0.6em;
260
+ height: calc(100% + 8px);
261
+ border-radius: 0.2em;
262
+ background-color: #fff;
263
+ border: 1px solid var(--vxe-ui-base-popup-border-color);
264
+ transform: translateX(-0.3em);
265
+ cursor: grab;
266
+ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
267
+ transition: transform 0.1s ease-in-out;
268
+ }
269
+ .vxe-color-picker--bar-hue-btn:hover,
270
+ .vxe-color-picker--bar-alpha-btn:hover {
271
+ transform: translateX(-0.3em) scale(1.1);
272
+ }
273
+ .vxe-color-picker--bar-hue-btn:active,
274
+ .vxe-color-picker--bar-alpha-btn:active {
275
+ transform: translateX(-0.3em) scale(1.2);
276
+ cursor: grabbing;
277
+ }
278
+
279
+ .vxe-color-picker--bar-alpha-slider {
280
+ background-size: 1em 1em;
281
+ }
282
+ .vxe-color-picker--bar-alpha-slider .vxe-color-picker--bar-alpha-bg {
283
+ position: absolute;
284
+ top: 0;
285
+ left: 0;
286
+ width: 100%;
287
+ height: 100%;
288
+ }
289
+
290
+ .vxe-color-picker--hex-wrapper,
291
+ .vxe-color-picker--rgb-wrapper {
292
+ text-align: center;
293
+ margin-top: 0.4em;
294
+ }
295
+
296
+ .vxe-color-picker--hex-wrapper {
297
+ display: flex;
298
+ flex-direction: row;
299
+ padding: 0 1.8em;
300
+ }
301
+ .vxe-color-picker--hex-wrapper .vxe-color-picker--input-wrapper > .vxe-input {
302
+ width: 12em;
303
+ }
304
+ .vxe-color-picker--hex-wrapper .vxe-color-picker--input-title {
305
+ padding: 0 0.6em;
306
+ }
307
+
308
+ .vxe-color-picker--input-title {
309
+ color: var(--vxe-ui-input-placeholder-color);
310
+ }
311
+
312
+ .vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper {
313
+ display: flex;
314
+ flex-direction: row;
315
+ align-items: center;
316
+ justify-content: center;
317
+ }
318
+ .vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper > .vxe-input {
319
+ width: 5.4em;
320
+ margin: 0 0.4em;
321
+ }
322
+ .vxe-color-picker--rgb-wrapper .vxe-color-picker--input-title {
323
+ display: flex;
324
+ flex-direction: row;
325
+ align-items: center;
326
+ justify-content: center;
327
+ line-height: 1.4em;
328
+ }
329
+ .vxe-color-picker--rgb-wrapper .vxe-color-picker--input-title > span {
330
+ display: block;
331
+ width: 50px;
332
+ margin: 0 0.4em;
333
+ }
334
+
335
+ .vxe-color-picker--footer-wrapper {
336
+ text-align: right;
337
+ margin-top: 0.4em;
338
+ padding: 0 0.4em 0.4em 0.4em;
339
+ }
340
+
341
+ .vxe-color-picker,
342
+ .vxe-color-picker--readonly {
343
+ height: var(--vxe-ui-input-height-default);
344
+ line-height: var(--vxe-ui-input-height-default);
345
+ }
346
+ .vxe-color-picker.size--medium,
347
+ .vxe-color-picker--readonly.size--medium {
348
+ height: var(--vxe-ui-input-height-medium);
349
+ line-height: var(--vxe-ui-input-height-medium);
350
+ }
351
+ .vxe-color-picker.size--small,
352
+ .vxe-color-picker--readonly.size--small {
353
+ height: var(--vxe-ui-input-height-small);
354
+ line-height: var(--vxe-ui-input-height-small);
355
+ }
356
+ .vxe-color-picker.size--mini,
357
+ .vxe-color-picker--readonly.size--mini {
358
+ height: var(--vxe-ui-input-height-mini);
359
+ line-height: var(--vxe-ui-input-height-mini);
360
+ }
361
+
362
+ .vxe-color-picker,
363
+ .vxe-color-picker--readonly,
364
+ .vxe-color-picker--panel {
365
+ font-size: var(--vxe-ui-font-size-default);
366
+ }
367
+ .vxe-color-picker.size--medium,
368
+ .vxe-color-picker--readonly.size--medium,
369
+ .vxe-color-picker--panel.size--medium {
370
+ font-size: var(--vxe-ui-font-size-medium);
371
+ }
372
+ .vxe-color-picker.size--small,
373
+ .vxe-color-picker--readonly.size--small,
374
+ .vxe-color-picker--panel.size--small {
375
+ font-size: var(--vxe-ui-font-size-small);
376
+ }
377
+ .vxe-color-picker.size--mini,
378
+ .vxe-color-picker--readonly.size--mini,
379
+ .vxe-color-picker--panel.size--mini {
380
+ font-size: var(--vxe-ui-font-size-mini);
381
+ }
@@ -0,0 +1 @@
1
+ .vxe-color-picker.is--selected .vxe-color-picker--inner-color{color:#fff}.vxe-color-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-color-picker,.vxe-color-picker--readonly{position:relative;display:inline-block;width:2.4em;padding:.25em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--inner,.vxe-color-picker--preview-btn{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==)}.vxe-color-picker--inner,.vxe-color-picker--readonly-color{width:100%;height:100%;background-size:1em 1em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--readonly-color{border:1px solid var(--vxe-ui-input-border-color)}.vxe-color-picker--inner{cursor:pointer}.vxe-color-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-color-picker--inner-color{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--panel-wrapper{position:relative;width:23.4em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-color-picker--panel:not(.is--transfer){min-width:100%}.vxe-color-picker--panel.is--transfer{position:fixed}.vxe-color-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-color-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-color-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-color-picker--color-wrapper{position:relative;height:130px;overflow:hidden}.vxe-color-picker--black-bg,.vxe-color-picker--color-bg,.vxe-color-picker--white-bg{position:absolute;top:0;left:0;width:100%;height:100%}.vxe-color-picker--white-bg{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.vxe-color-picker--black-bg{background:linear-gradient(to top,#000,rgba(255,255,255,0))}.vxe-color-picker--color-active{position:absolute;left:0;top:0;width:.8em;height:.8em;border-radius:50%;border:1px solid #fff;background-color:transparent;box-shadow:0 0 4px 1px rgba(0,0,0,.3);transform:translate(-.4em,-.4em)}.vxe-color-picker--quick-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto;max-height:9.2em}.vxe-color-picker--quick-item{width:1.5em;height:1.5em;margin:.4em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;transition:transform .1s ease-in-out}.vxe-color-picker--quick-item:hover{transform:scale(1.2);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-color-picker--quick-item:active{transform:scale(.8)}.vxe-color-picker--bar-wrapper{margin-top:.4em}.vxe-color-picker--slider-wrapper{display:flex;flex-direction:row}.vxe-color-picker--slider-preview{display:flex;flex-direction:row;flex-shrink:0;align-items:center;justify-content:center;width:60px;padding-left:.5em}.vxe-color-picker--preview-btn,.vxe-color-picker--preview-color{width:2.2em;height:2.2em;border-radius:50%}.vxe-color-picker--preview-btn{background-size:.8em .8em}.vxe-color-picker--preview-color{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-color-picker--preview-color:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.3);z-index:0}.vxe-color-picker--preview-color:hover .vxe-color-picker--preview-copy-btn{display:block;z-index:1}.vxe-color-picker--preview-color:active .vxe-color-picker--preview-copy-btn{font-size:.8em}.vxe-color-picker--preview-copy-btn{display:none;color:#fff;cursor:pointer}.vxe-color-picker--slider-handle{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding:0 .6em}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--bar-hue-slider{position:relative;height:1em;width:100%;margin:.4em 0;cursor:pointer}.vxe-color-picker--bar-alpha-bg,.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--bar-hue-slider{border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--bar-hue-slider{background:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.vxe-color-picker--bar-alpha-btn,.vxe-color-picker--bar-hue-btn{position:absolute;left:0;top:-4px;width:.6em;height:calc(100% + 8px);border-radius:.2em;background-color:#fff;border:1px solid var(--vxe-ui-base-popup-border-color);transform:translateX(-.3em);cursor:grab;box-shadow:0 0 8px 0 rgba(0,0,0,.3);transition:transform .1s ease-in-out}.vxe-color-picker--bar-alpha-btn:hover,.vxe-color-picker--bar-hue-btn:hover{transform:translateX(-.3em) scale(1.1)}.vxe-color-picker--bar-alpha-btn:active,.vxe-color-picker--bar-hue-btn:active{transform:translateX(-.3em) scale(1.2);cursor:grabbing}.vxe-color-picker--bar-alpha-slider{background-size:1em 1em}.vxe-color-picker--bar-alpha-slider .vxe-color-picker--bar-alpha-bg{position:absolute;top:0;left:0;width:100%;height:100%}.vxe-color-picker--hex-wrapper,.vxe-color-picker--rgb-wrapper{text-align:center;margin-top:.4em}.vxe-color-picker--hex-wrapper{display:flex;flex-direction:row;padding:0 1.8em}.vxe-color-picker--hex-wrapper .vxe-color-picker--input-wrapper>.vxe-input{width:12em}.vxe-color-picker--hex-wrapper .vxe-color-picker--input-title{padding:0 .6em}.vxe-color-picker--input-title{color:var(--vxe-ui-input-placeholder-color)}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper>.vxe-input{width:5.4em;margin:0 .4em}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-title{display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1.4em}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-title>span{display:block;width:50px;margin:0 .4em}.vxe-color-picker--footer-wrapper{text-align:right;margin-top:.4em;padding:0 .4em .4em .4em}.vxe-color-picker,.vxe-color-picker--readonly{height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-color-picker--readonly.size--medium,.vxe-color-picker.size--medium{height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-color-picker--readonly.size--small,.vxe-color-picker.size--small{height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-color-picker--readonly.size--mini,.vxe-color-picker.size--mini{height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-color-picker,.vxe-color-picker--panel,.vxe-color-picker--readonly{font-size:var(--vxe-ui-font-size-default)}.vxe-color-picker--panel.size--medium,.vxe-color-picker--readonly.size--medium,.vxe-color-picker.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-color-picker--panel.size--small,.vxe-color-picker--readonly.size--small,.vxe-color-picker.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-color-picker--panel.size--mini,.vxe-color-picker--readonly.size--mini,.vxe-color-picker.size--mini{font-size:var(--vxe-ui-font-size-mini)}