vxe-pc-ui 4.10.49 → 4.11.0

package/lib/vxe-tree/style/style.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 .vxe-tree {
   position: relative;
   color: var(--vxe-ui-font-color);
@@ -40,6 +41,124 @@
   z-index: 5;
 }
 
+.vxe-tree--drag-handle {
+  flex-shrink: 0;
+  padding-right: 0.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 0.5s ease;
+}
+.vxe-tree--node-wrapper.node--drag-origin {
+  opacity: 0.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: 0.35s;
+}
+
+.vxe-tree--drag-sort-tip {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0.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, 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: 0.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;

package/lib/vxe-tree/style/style.min.css

@@ -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)}
+@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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.10.49",
+  "version": "4.11.0",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/language/ar-EG.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/de-DE.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: 'Keine Daten entspricht!'
     },
     tree: {
-      searchEmpty: 'Keine Daten entspricht!'
+      searchEmpty: 'Keine Daten entspricht!',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: 'Klar',

package/packages/language/en-US.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: 'No matching data found!'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: 'Move: {0}'
     },
     treeSelect: {
       clearChecked: 'Clear',

package/packages/language/es-ES.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '¡No hay datos coincidentes!'
     },
     tree: {
-      searchEmpty: '¡No hay datos coincidentes!'
+      searchEmpty: '¡No hay datos coincidentes!',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: 'Claro',

package/packages/language/fr-FR.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/hu-HU.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/hy-AM.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/id-ID.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/it-IT.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/ja-JP.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '一致するデータはありません！'
     },
     tree: {
-      searchEmpty: '一致するデータはありません！'
+      searchEmpty: '一致するデータはありません！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: 'クリア',

package/packages/language/ko-KR.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '데이터가 일치하지 않습니다!'
     },
     tree: {
-      searchEmpty: '데이터가 일치하지 않습니다!'
+      searchEmpty: '데이터가 일치하지 않습니다!',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '분명한',

package/packages/language/ms-MY.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/nb-NO.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/pt-BR.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/ru-RU.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: 'Нет данных!'
     },
     tree: {
-      searchEmpty: 'Нет данных!'
+      searchEmpty: 'Нет данных!',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: 'Прозрачный',

package/packages/language/th-TH.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/ug-CN.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/uk-UA.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/uz-UZ.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/vi-VN.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: 'Không có dữ liệu phù hợp!'
     },
     tree: {
-      searchEmpty: 'Không có dữ liệu phù hợp!'
+      searchEmpty: 'Không có dữ liệu phù hợp!',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: 'Thông thoáng',

package/packages/language/zh-CHT.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到數據！'
     },
     tree: {
-      searchEmpty: '未匹配到數據！'
+      searchEmpty: '未匹配到數據！',
+      dragTip: '移動：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/language/zh-CN.ts

@@ -113,7 +113,8 @@ export default {
       searchEmpty: '未匹配到数据！'
     },
     tree: {
-      searchEmpty: '未匹配到数据！'
+      searchEmpty: '未匹配到数据！',
+      dragTip: '移动：{0}'
     },
     treeSelect: {
       clearChecked: '清除',

package/packages/select/src/select.ts

@@ -9,7 +9,7 @@ import { errLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input/src/input'
 import VxeButtonComponent from '../../button/src/button'
 
-import type { VxeSelectPropTypes, VxeSelectConstructor, SelectInternalData, SelectReactData, VxeSelectDefines, VxeButtonEvents, ValueOf, VxeSelectEmits, VxeComponentSlotType, VxeInputConstructor, SelectMethods, SelectPrivateRef, VxeSelectMethods, VxeOptionProps, VxeDrawerConstructor, VxeDrawerMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeInputEvents } from '../../../types'
+import type { VxeSelectPropTypes, VxeSelectConstructor, SelectInternalData, SelectReactData, VxeSelectDefines, VxeButtonEvents, ValueOf, VxeSelectEmits, VxeComponentSlotType, VxeInputConstructor, SelectMethods, SelectPrivateRef, VxeSelectMethods, VxeOptionProps, VxeDrawerConstructor, VxeDrawerMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeInputEvents, VxeComponentStyleType } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
 function isOptionVisible (option: any) {
@@ -111,6 +111,7 @@ export default defineVxeComponent({
       type: Boolean as PropType<VxeSelectPropTypes.Transfer>,
       default: null
     },
+    popupConfig: Object as PropType<VxeSelectPropTypes.PopupConfig>,
     virtualYConfig: Object as PropType<VxeSelectPropTypes.VirtualYConfig>,
     scrollY: Object as PropType<VxeSelectPropTypes.ScrollY>,
 
@@ -286,6 +287,10 @@ export default defineVxeComponent({
       return checkMaxLimit(selectVals)
     })
 
+    const computePopupOpts = computed(() => {
+      return Object.assign({}, getConfig().treeSelect.popupConfig, props.popupConfig)
+    })
+
     const computeVirtualYOpts = computed(() => {
       return Object.assign({} as { gt: number }, getConfig().select.virtualYConfig || getConfig().select.scrollY, props.virtualYConfig || props.scrollY)
     })
@@ -302,6 +307,20 @@ export default defineVxeComponent({
       return XEUtils.toNumber(props.multiCharOverflow)
     })
 
+    const computePopupWrapperStyle = computed(() => {
+      const popupOpts = computePopupOpts.value
+      const { height, width } = popupOpts
+      const stys: VxeComponentStyleType = {}
+      if (width) {
+        stys.width = toCssUnit(width)
+      }
+      if (height) {
+        stys.height = toCssUnit(height)
+        stys.maxHeight = toCssUnit(height)
+      }
+      return stys
+    })
+
     const computeSelectVals = computed(() => {
       const { modelValue, multiple } = props
       let vals: (string | number | boolean)[] = []
@@ -1383,7 +1402,7 @@ export default defineVxeComponent({
     }
 
     const renderVN = () => {
-      const { className, popupClassName, multiple, loading, filterable, showTotalButoon, showCheckedButoon, showClearButton } = props
+      const { className, multiple, loading, filterable, showTotalButoon, showCheckedButoon, showClearButton } = props
       const { initialized, isActivated, isAniVisible, optList, visiblePanel, bodyHeight, topSpaceHeight } = reactData
       const vSize = computeSize.value
       const isDisabled = computeIsDisabled.value
@@ -1392,6 +1411,9 @@ export default defineVxeComponent({
       const btnTransfer = computeBtnTransfer.value
       const formReadonly = computeFormReadonly.value
       const inpPlaceholder = computeInpPlaceholder.value
+      const popupWrapperStyle = computePopupWrapperStyle.value
+      const popupOpts = computePopupOpts.value
+      const popupClassName = popupOpts.className || props.popupClassName
       const defaultSlot = slots.default
       const headerSlot = slots.header
       const footerSlot = slots.footer
@@ -1466,7 +1488,8 @@ export default defineVxeComponent({
           }, initialized && (visiblePanel || isAniVisible)
             ? [
                 h('div', {
-                  class: 'vxe-select--panel-wrapper'
+                  class: 'vxe-select--panel-wrapper',
+                  style: popupWrapperStyle
                 }, [
                   filterable
                     ? h('div', {