vxe-pc-ui 4.10.49 → 4.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/language/ar-EG.js +2 -1
  3. package/es/language/de-DE.js +2 -1
  4. package/es/language/en-US.js +2 -1
  5. package/es/language/es-ES.js +2 -1
  6. package/es/language/fr-FR.js +2 -1
  7. package/es/language/hu-HU.js +2 -1
  8. package/es/language/hy-AM.js +2 -1
  9. package/es/language/id-ID.js +2 -1
  10. package/es/language/it-IT.js +2 -1
  11. package/es/language/ja-JP.js +2 -1
  12. package/es/language/ko-KR.js +2 -1
  13. package/es/language/ms-MY.js +2 -1
  14. package/es/language/nb-NO.js +2 -1
  15. package/es/language/pt-BR.js +2 -1
  16. package/es/language/ru-RU.js +2 -1
  17. package/es/language/th-TH.js +2 -1
  18. package/es/language/ug-CN.js +2 -1
  19. package/es/language/uk-UA.js +2 -1
  20. package/es/language/uz-UZ.js +2 -1
  21. package/es/language/vi-VN.js +2 -1
  22. package/es/language/zh-CHT.js +2 -1
  23. package/es/language/zh-CN.js +2 -1
  24. package/es/select/src/select.js +23 -2
  25. package/es/select/style.css +13 -4
  26. package/es/select/style.min.css +1 -1
  27. package/es/style.css +1 -1
  28. package/es/style.min.css +1 -1
  29. package/es/tree/src/tree.js +640 -25
  30. package/es/tree/style.css +119 -0
  31. package/es/tree/style.min.css +1 -1
  32. package/es/ui/index.js +11 -1
  33. package/es/ui/src/anime.js +46 -0
  34. package/es/ui/src/log.js +1 -1
  35. package/es/vxe-select/style.css +13 -4
  36. package/es/vxe-select/style.min.css +1 -1
  37. package/es/vxe-tree/style.css +119 -0
  38. package/es/vxe-tree/style.min.css +1 -1
  39. package/lib/icon/style/style.css +1 -1
  40. package/lib/icon/style/style.min.css +1 -1
  41. package/lib/index.umd.js +807 -37
  42. package/lib/index.umd.min.js +1 -1
  43. package/lib/language/ar-EG.js +2 -1
  44. package/lib/language/ar-EG.min.js +1 -1
  45. package/lib/language/ar-EG.umd.js +2 -1
  46. package/lib/language/de-DE.js +2 -1
  47. package/lib/language/de-DE.min.js +1 -1
  48. package/lib/language/de-DE.umd.js +2 -1
  49. package/lib/language/en-US.js +2 -1
  50. package/lib/language/en-US.min.js +1 -1
  51. package/lib/language/en-US.umd.js +2 -1
  52. package/lib/language/es-ES.js +2 -1
  53. package/lib/language/es-ES.min.js +1 -1
  54. package/lib/language/es-ES.umd.js +2 -1
  55. package/lib/language/fr-FR.js +2 -1
  56. package/lib/language/fr-FR.min.js +1 -1
  57. package/lib/language/fr-FR.umd.js +2 -1
  58. package/lib/language/hu-HU.js +2 -1
  59. package/lib/language/hu-HU.min.js +1 -1
  60. package/lib/language/hu-HU.umd.js +2 -1
  61. package/lib/language/hy-AM.js +2 -1
  62. package/lib/language/hy-AM.min.js +1 -1
  63. package/lib/language/hy-AM.umd.js +2 -1
  64. package/lib/language/id-ID.js +2 -1
  65. package/lib/language/id-ID.min.js +1 -1
  66. package/lib/language/id-ID.umd.js +2 -1
  67. package/lib/language/it-IT.js +2 -1
  68. package/lib/language/it-IT.min.js +1 -1
  69. package/lib/language/it-IT.umd.js +2 -1
  70. package/lib/language/ja-JP.js +2 -1
  71. package/lib/language/ja-JP.min.js +1 -1
  72. package/lib/language/ja-JP.umd.js +2 -1
  73. package/lib/language/ko-KR.js +2 -1
  74. package/lib/language/ko-KR.min.js +1 -1
  75. package/lib/language/ko-KR.umd.js +2 -1
  76. package/lib/language/ms-MY.js +2 -1
  77. package/lib/language/ms-MY.min.js +1 -1
  78. package/lib/language/ms-MY.umd.js +2 -1
  79. package/lib/language/nb-NO.js +2 -1
  80. package/lib/language/nb-NO.min.js +1 -1
  81. package/lib/language/nb-NO.umd.js +2 -1
  82. package/lib/language/pt-BR.js +2 -1
  83. package/lib/language/pt-BR.min.js +1 -1
  84. package/lib/language/pt-BR.umd.js +2 -1
  85. package/lib/language/ru-RU.js +2 -1
  86. package/lib/language/ru-RU.min.js +1 -1
  87. package/lib/language/ru-RU.umd.js +2 -1
  88. package/lib/language/th-TH.js +2 -1
  89. package/lib/language/th-TH.min.js +1 -1
  90. package/lib/language/th-TH.umd.js +2 -1
  91. package/lib/language/ug-CN.js +2 -1
  92. package/lib/language/ug-CN.min.js +1 -1
  93. package/lib/language/ug-CN.umd.js +2 -1
  94. package/lib/language/uk-UA.js +2 -1
  95. package/lib/language/uk-UA.min.js +1 -1
  96. package/lib/language/uk-UA.umd.js +2 -1
  97. package/lib/language/uz-UZ.js +2 -1
  98. package/lib/language/uz-UZ.min.js +1 -1
  99. package/lib/language/uz-UZ.umd.js +2 -1
  100. package/lib/language/vi-VN.js +2 -1
  101. package/lib/language/vi-VN.min.js +1 -1
  102. package/lib/language/vi-VN.umd.js +2 -1
  103. package/lib/language/zh-CHT.js +2 -1
  104. package/lib/language/zh-CHT.min.js +1 -1
  105. package/lib/language/zh-CHT.umd.js +2 -1
  106. package/lib/language/zh-CN.js +2 -1
  107. package/lib/language/zh-CN.min.js +1 -1
  108. package/lib/language/zh-CN.umd.js +2 -1
  109. package/lib/select/src/select.js +25 -2
  110. package/lib/select/src/select.min.js +1 -1
  111. package/lib/select/style/style.css +13 -4
  112. package/lib/select/style/style.min.css +1 -1
  113. package/lib/style.css +1 -1
  114. package/lib/style.min.css +1 -1
  115. package/lib/tree/src/tree.js +704 -20
  116. package/lib/tree/src/tree.min.js +1 -1
  117. package/lib/tree/style/style.css +119 -0
  118. package/lib/tree/style/style.min.css +1 -1
  119. package/lib/ui/index.js +11 -1
  120. package/lib/ui/index.min.js +1 -1
  121. package/lib/ui/src/anime.js +56 -0
  122. package/lib/ui/src/anime.min.js +1 -0
  123. package/lib/ui/src/log.js +1 -1
  124. package/lib/ui/src/log.min.js +1 -1
  125. package/lib/vxe-select/style/style.css +13 -4
  126. package/lib/vxe-select/style/style.min.css +1 -1
  127. package/lib/vxe-tree/style/style.css +119 -0
  128. package/lib/vxe-tree/style/style.min.css +1 -1
  129. package/package.json +1 -1
  130. package/packages/language/ar-EG.ts +2 -1
  131. package/packages/language/de-DE.ts +2 -1
  132. package/packages/language/en-US.ts +2 -1
  133. package/packages/language/es-ES.ts +2 -1
  134. package/packages/language/fr-FR.ts +2 -1
  135. package/packages/language/hu-HU.ts +2 -1
  136. package/packages/language/hy-AM.ts +2 -1
  137. package/packages/language/id-ID.ts +2 -1
  138. package/packages/language/it-IT.ts +2 -1
  139. package/packages/language/ja-JP.ts +2 -1
  140. package/packages/language/ko-KR.ts +2 -1
  141. package/packages/language/ms-MY.ts +2 -1
  142. package/packages/language/nb-NO.ts +2 -1
  143. package/packages/language/pt-BR.ts +2 -1
  144. package/packages/language/ru-RU.ts +2 -1
  145. package/packages/language/th-TH.ts +2 -1
  146. package/packages/language/ug-CN.ts +2 -1
  147. package/packages/language/uk-UA.ts +2 -1
  148. package/packages/language/uz-UZ.ts +2 -1
  149. package/packages/language/vi-VN.ts +2 -1
  150. package/packages/language/zh-CHT.ts +2 -1
  151. package/packages/language/zh-CN.ts +2 -1
  152. package/packages/select/src/select.ts +26 -3
  153. package/packages/tree/src/tree.ts +683 -20
  154. package/packages/ui/index.ts +10 -0
  155. package/packages/ui/src/anime.ts +52 -0
  156. package/styles/components/select.scss +13 -3
  157. package/styles/components/tree.scss +116 -0
  158. package/styles/theme/dark.scss +1 -0
  159. package/styles/theme/light.scss +1 -0
  160. package/styles/variable.scss +1 -0
  161. package/types/components/select.d.ts +6 -0
  162. package/types/components/tree.d.ts +173 -10
  163. package/types/ui/global-icon.d.ts +4 -0
  164. /package/es/icon/{iconfont.1765265204333.ttf → iconfont.1765418463677.ttf} +0 -0
  165. /package/es/icon/{iconfont.1765265204333.woff → iconfont.1765418463677.woff} +0 -0
  166. /package/es/icon/{iconfont.1765265204333.woff2 → iconfont.1765418463677.woff2} +0 -0
  167. /package/es/{iconfont.1765265204333.ttf → iconfont.1765418463677.ttf} +0 -0
  168. /package/es/{iconfont.1765265204333.woff → iconfont.1765418463677.woff} +0 -0
  169. /package/es/{iconfont.1765265204333.woff2 → iconfont.1765418463677.woff2} +0 -0
  170. /package/lib/icon/style/{iconfont.1765265204333.ttf → iconfont.1765418463677.ttf} +0 -0
  171. /package/lib/icon/style/{iconfont.1765265204333.woff → iconfont.1765418463677.woff} +0 -0
  172. /package/lib/icon/style/{iconfont.1765265204333.woff2 → iconfont.1765418463677.woff2} +0 -0
  173. /package/lib/{iconfont.1765265204333.ttf → iconfont.1765418463677.ttf} +0 -0
  174. /package/lib/{iconfont.1765265204333.woff → iconfont.1765418463677.woff} +0 -0
  175. /package/lib/{iconfont.1765265204333.woff2 → iconfont.1765418463677.woff2} +0 -0
package/es/tree/style.css CHANGED
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  .vxe-tree {
2
3
  position: relative;
3
4
  color: var(--vxe-ui-font-color);
@@ -40,6 +41,124 @@
40
41
  z-index: 5;
41
42
  }
42
43
 
44
+ .vxe-tree--drag-handle {
45
+ flex-shrink: 0;
46
+ padding-right: 0.2em;
47
+ }
48
+ .vxe-tree--drag-handle:not(.is--disabled) {
49
+ cursor: grab;
50
+ }
51
+ .vxe-tree--drag-handle:not(.is--disabled):active {
52
+ cursor: grabbing;
53
+ }
54
+ .vxe-tree--drag-handle:not(.is--disabled):hover {
55
+ color: var(--vxe-ui-font-primary-color);
56
+ }
57
+ .vxe-tree--drag-handle.is--disabled {
58
+ color: var(--vxe-ui-input-disabled-color);
59
+ cursor: not-allowed;
60
+ }
61
+
62
+ .vxe-tree--node-wrapper.row--drag-move {
63
+ transition: transform 0.5s ease;
64
+ }
65
+ .vxe-tree--node-wrapper.node--drag-origin {
66
+ opacity: 0.3;
67
+ }
68
+
69
+ /*拖拽行与列*/
70
+ .vxe-tree--drag-node-line {
71
+ display: none;
72
+ position: absolute;
73
+ top: 0;
74
+ left: 0;
75
+ z-index: 11;
76
+ pointer-events: none;
77
+ }
78
+
79
+ .vxe-tree--drag-node-line {
80
+ width: 100%;
81
+ height: 1px;
82
+ border: 2px solid transparent;
83
+ }
84
+ .vxe-tree--drag-node-line[drag-pos=top] {
85
+ border-top-color: var(--vxe-ui-font-primary-color);
86
+ }
87
+ .vxe-tree--drag-node-line[drag-pos=bottom] {
88
+ border-bottom-color: var(--vxe-ui-font-primary-color);
89
+ }
90
+ .vxe-tree--drag-node-line[drag-to-child=y] {
91
+ border-top-color: transparent;
92
+ border-bottom-color: transparent;
93
+ border-left-color: var(--vxe-ui-status-success-color);
94
+ }
95
+ .vxe-tree--drag-node-line.is--guides {
96
+ background-color: var(--vxe-ui-tree-drag-over-background-color);
97
+ }
98
+
99
+ .vxe-body--row-list-move {
100
+ transition-property: transform;
101
+ transition-duration: 0.35s;
102
+ }
103
+
104
+ .vxe-tree--drag-sort-tip {
105
+ display: none;
106
+ position: absolute;
107
+ top: 0;
108
+ left: 0;
109
+ padding: 0.6em 1.4em;
110
+ max-width: 50%;
111
+ min-width: 100px;
112
+ border-radius: var(--vxe-ui-border-radius);
113
+ overflow: hidden;
114
+ text-overflow: ellipsis;
115
+ white-space: nowrap;
116
+ -webkit-user-select: none;
117
+ -moz-user-select: none;
118
+ user-select: none;
119
+ pointer-events: none;
120
+ background-color: var(--vxe-ui-layout-background-color);
121
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
122
+ z-index: 33;
123
+ }
124
+ .vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status {
125
+ display: block;
126
+ }
127
+ .vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status {
128
+ display: block;
129
+ }
130
+ .vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status {
131
+ display: block;
132
+ }
133
+
134
+ .vxe-tree--drag-sort-tip-wrapper {
135
+ display: flex;
136
+ flex-direction: row;
137
+ align-items: center;
138
+ }
139
+
140
+ .vxe-tree--drag-sort-tip-status {
141
+ padding-right: 0.4em;
142
+ }
143
+
144
+ .vxe-tree--drag-sort-tip-disabled-status {
145
+ display: none;
146
+ flex-shrink: 0;
147
+ color: var(--vxe-ui-status-error-color);
148
+ }
149
+
150
+ .vxe-tree--drag-sort-tip-normal-status,
151
+ .vxe-tree--drag-sort-tip-sub-status {
152
+ display: none;
153
+ }
154
+
155
+ .vxe-tree--drag-sort-tip-content {
156
+ flex-grow: 1;
157
+ overflow: hidden;
158
+ text-overflow: ellipsis;
159
+ white-space: nowrap;
160
+ }
161
+
43
162
  .vxe-tree--node-line-wrapper {
44
163
  position: relative;
45
164
  display: block;
@@ -1 +1 @@
1
- .vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em;cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled){cursor:pointer}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ @charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em;cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled){cursor:pointer}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}
package/es/ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { warnLog } from './src/log';
4
- export const version = "4.10.49";
4
+ export const version = "4.11.0";
5
5
  VxeUI.uiVersion = version;
6
6
  VxeUI.dynamicApp = dynamicApp;
7
7
  export function config(options) {
@@ -369,6 +369,12 @@ setConfig({
369
369
  radioConfig: {
370
370
  strict: true
371
371
  },
372
+ dragConfig: {
373
+ showIcon: true,
374
+ animation: true,
375
+ showGuidesStatus: true,
376
+ showDragTip: true
377
+ },
372
378
  virtualYConfig: {
373
379
  enabled: true,
374
380
  gt: 50,
@@ -552,6 +558,10 @@ setIcon({
552
558
  TREE_NODE_OPEN: iconPrefix + 'caret-right rotate90',
553
559
  TREE_NODE_CLOSE: iconPrefix + 'caret-right',
554
560
  TREE_NODE_LOADED: iconPrefix + 'spinner roll',
561
+ TREE_DRAG: iconPrefix + 'drag-handle',
562
+ TREE_DRAG_STATUS_NODE: iconPrefix + 'sort',
563
+ TREE_DRAG_STATUS_SUB_NODE: iconPrefix + 'add-sub',
564
+ TREE_DRAG_DISABLED: iconPrefix + 'no-drop',
555
565
  // tree-select
556
566
  TREE_SELECT_LOADED: iconPrefix + 'spinner roll',
557
567
  TREE_SELECT_OPEN: iconPrefix + 'caret-down rotate180',
@@ -0,0 +1,46 @@
1
+ import XEUtils from 'xe-utils';
2
+ import { addClass, removeClass } from './dom';
3
+ const rowMoveCls = 'row--drag-move';
4
+ const colMoveClass = 'col--drag-move';
5
+ /**
6
+ * 上下拖拽
7
+ */
8
+ export function moveRowAnimateToTb(elemList, offsetTop) {
9
+ XEUtils.arrayEach(elemList, trEl => {
10
+ trEl.style.transform = `translateY(${offsetTop}px)`;
11
+ });
12
+ requestAnimationFrame(() => {
13
+ XEUtils.arrayEach(elemList, trEl => {
14
+ addClass(trEl, rowMoveCls);
15
+ trEl.style.transform = '';
16
+ });
17
+ });
18
+ }
19
+ export function clearRowAnimate(elem, clss) {
20
+ setTimeout(() => {
21
+ if (elem) {
22
+ XEUtils.arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => removeClass(elem, rowMoveCls));
23
+ }
24
+ }, 500);
25
+ }
26
+ /**
27
+ * 左右拖拽
28
+ */
29
+ export function moveColAnimateToLr(elemList, offsetLeft) {
30
+ XEUtils.arrayEach(elemList, trEl => {
31
+ trEl.style.transform = `translateX(${offsetLeft}px)`;
32
+ });
33
+ requestAnimationFrame(() => {
34
+ XEUtils.arrayEach(elemList, trEl => {
35
+ addClass(trEl, colMoveClass);
36
+ trEl.style.transform = '';
37
+ });
38
+ });
39
+ }
40
+ export function clearColAnimate(elem, clss) {
41
+ setTimeout(() => {
42
+ if (elem) {
43
+ XEUtils.arrayEach(elem.querySelectorAll(clss.map(cls => `${cls}.${rowMoveCls}`).join(',')), elem => removeClass(elem, colMoveClass));
44
+ }
45
+ }, 500);
46
+ }
package/es/ui/src/log.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { log } from '@vxe-ui/core';
2
- const version = `ui v${"4.10.49"}`;
2
+ const version = `ui v${"4.11.0"}`;
3
3
  export const warnLog = log.create('warn', version);
4
4
  export const errLog = log.create('error', version);
@@ -81,6 +81,7 @@
81
81
 
82
82
  .vxe-select--panel-search {
83
83
  display: block;
84
+ flex-shrink: 0;
84
85
  padding: var(--vxe-ui-layout-padding-default);
85
86
  }
86
87
  .vxe-select--panel-search .vxe-select-search--input {
@@ -88,13 +89,23 @@
88
89
  }
89
90
 
90
91
  .vxe-select--panel-wrapper {
92
+ display: flex;
93
+ flex-direction: column;
91
94
  position: relative;
95
+ max-height: 18em;
92
96
  border-radius: var(--vxe-ui-base-border-radius);
93
97
  border: 1px solid var(--vxe-ui-base-popup-border-color);
94
98
  box-shadow: var(--vxe-ui-base-popup-box-shadow);
95
99
  background-color: var(--vxe-ui-layout-background-color);
96
100
  }
97
101
 
102
+ .vxe-select--panel-body {
103
+ display: flex;
104
+ flex-direction: row;
105
+ flex-grow: 1;
106
+ overflow: hidden;
107
+ }
108
+
98
109
  .vxe-select--header-button {
99
110
  display: flex;
100
111
  flex-direction: row;
@@ -126,10 +137,12 @@
126
137
 
127
138
  .vxe-select--panel-header,
128
139
  .vxe-select--panel-footer {
140
+ flex-shrink: 0;
129
141
  padding: 4px 0;
130
142
  }
131
143
 
132
144
  .vxe-select-option--wrapper {
145
+ flex-grow: 1;
133
146
  position: relative;
134
147
  overflow-x: hidden;
135
148
  overflow-y: auto;
@@ -148,10 +161,6 @@
148
161
  outline: 0;
149
162
  }
150
163
 
151
- .vxe-select-option--wrapper {
152
- max-height: 18em;
153
- }
154
-
155
164
  .vxe-select-option {
156
165
  position: relative;
157
166
  padding: 0 0.6em;
@@ -1 +1 @@
1
- .vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;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-select--header-button{display:flex;flex-direction:row}.vxe-select--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-select--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option--wrapper{max-height:18em}.vxe-select-option{position:relative;padding:0 .6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}
1
+ .vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{display:flex;flex-direction:column;position:relative;max-height:18em;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-select--panel-body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--header-total{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;padding-left:.8em}.vxe-select--header-btns{display:flex;flex-direction:row;flex-grow:1;justify-content:right}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{flex-shrink:0;padding:4px 0}.vxe-select-option--wrapper{flex-grow:1;position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option{position:relative;padding:0 .6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  .vxe-tree {
2
3
  position: relative;
3
4
  color: var(--vxe-ui-font-color);
@@ -40,6 +41,124 @@
40
41
  z-index: 5;
41
42
  }
42
43
 
44
+ .vxe-tree--drag-handle {
45
+ flex-shrink: 0;
46
+ padding-right: 0.2em;
47
+ }
48
+ .vxe-tree--drag-handle:not(.is--disabled) {
49
+ cursor: grab;
50
+ }
51
+ .vxe-tree--drag-handle:not(.is--disabled):active {
52
+ cursor: grabbing;
53
+ }
54
+ .vxe-tree--drag-handle:not(.is--disabled):hover {
55
+ color: var(--vxe-ui-font-primary-color);
56
+ }
57
+ .vxe-tree--drag-handle.is--disabled {
58
+ color: var(--vxe-ui-input-disabled-color);
59
+ cursor: not-allowed;
60
+ }
61
+
62
+ .vxe-tree--node-wrapper.row--drag-move {
63
+ transition: transform 0.5s ease;
64
+ }
65
+ .vxe-tree--node-wrapper.node--drag-origin {
66
+ opacity: 0.3;
67
+ }
68
+
69
+ /*拖拽行与列*/
70
+ .vxe-tree--drag-node-line {
71
+ display: none;
72
+ position: absolute;
73
+ top: 0;
74
+ left: 0;
75
+ z-index: 11;
76
+ pointer-events: none;
77
+ }
78
+
79
+ .vxe-tree--drag-node-line {
80
+ width: 100%;
81
+ height: 1px;
82
+ border: 2px solid transparent;
83
+ }
84
+ .vxe-tree--drag-node-line[drag-pos=top] {
85
+ border-top-color: var(--vxe-ui-font-primary-color);
86
+ }
87
+ .vxe-tree--drag-node-line[drag-pos=bottom] {
88
+ border-bottom-color: var(--vxe-ui-font-primary-color);
89
+ }
90
+ .vxe-tree--drag-node-line[drag-to-child=y] {
91
+ border-top-color: transparent;
92
+ border-bottom-color: transparent;
93
+ border-left-color: var(--vxe-ui-status-success-color);
94
+ }
95
+ .vxe-tree--drag-node-line.is--guides {
96
+ background-color: var(--vxe-ui-tree-drag-over-background-color);
97
+ }
98
+
99
+ .vxe-body--row-list-move {
100
+ transition-property: transform;
101
+ transition-duration: 0.35s;
102
+ }
103
+
104
+ .vxe-tree--drag-sort-tip {
105
+ display: none;
106
+ position: absolute;
107
+ top: 0;
108
+ left: 0;
109
+ padding: 0.6em 1.4em;
110
+ max-width: 50%;
111
+ min-width: 100px;
112
+ border-radius: var(--vxe-ui-border-radius);
113
+ overflow: hidden;
114
+ text-overflow: ellipsis;
115
+ white-space: nowrap;
116
+ -webkit-user-select: none;
117
+ -moz-user-select: none;
118
+ user-select: none;
119
+ pointer-events: none;
120
+ background-color: var(--vxe-ui-layout-background-color);
121
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
122
+ z-index: 33;
123
+ }
124
+ .vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status {
125
+ display: block;
126
+ }
127
+ .vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status {
128
+ display: block;
129
+ }
130
+ .vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status {
131
+ display: block;
132
+ }
133
+
134
+ .vxe-tree--drag-sort-tip-wrapper {
135
+ display: flex;
136
+ flex-direction: row;
137
+ align-items: center;
138
+ }
139
+
140
+ .vxe-tree--drag-sort-tip-status {
141
+ padding-right: 0.4em;
142
+ }
143
+
144
+ .vxe-tree--drag-sort-tip-disabled-status {
145
+ display: none;
146
+ flex-shrink: 0;
147
+ color: var(--vxe-ui-status-error-color);
148
+ }
149
+
150
+ .vxe-tree--drag-sort-tip-normal-status,
151
+ .vxe-tree--drag-sort-tip-sub-status {
152
+ display: none;
153
+ }
154
+
155
+ .vxe-tree--drag-sort-tip-content {
156
+ flex-grow: 1;
157
+ overflow: hidden;
158
+ text-overflow: ellipsis;
159
+ white-space: nowrap;
160
+ }
161
+
43
162
  .vxe-tree--node-line-wrapper {
44
163
  position: relative;
45
164
  display: block;
@@ -1 +1 @@
1
- .vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em;cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled){cursor:pointer}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ @charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em;cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled){cursor:pointer}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}