vxe-pc-ui 3.14.8 → 3.14.9

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

@@ -1 +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--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.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;-ms-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;-ms-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{cursor:pointer}.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;-ms-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):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.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}.vxe-tree--radio-option{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;-ms-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):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.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--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.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;-ms-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.is-checkbox--indeterminate>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-indeterminate-color)}.vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-checked-color)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-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{cursor:pointer}.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;-ms-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):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.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}.vxe-tree--radio-option{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;-ms-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):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.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": "3.14.8",
+  "version": "3.14.9",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/table-select/src/table-select.ts

@@ -551,6 +551,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
     clearEvent (params: any, evnt: Event) {
       const $xeTableSelect = this
 
+      const $grid = $xeTableSelect.$refs.refGrid as VxeGridInstance
+      if ($grid) {
+        $grid.clearRadioRow()
+        $grid.clearCheckboxRow()
+      }
       $xeTableSelect.clearValueEvent(evnt, null)
       $xeTableSelect.hideOptionPanel()
     },

package/packages/tree/src/tree.ts

@@ -803,6 +803,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
 
       const { indent } = props
       const { customHeight, customMinHeight, customMaxHeight } = reactData
+      const checkboxOpts = $xeTree.computeCheckboxOpts
+      const { nodeStyle } = checkboxOpts
       const stys: Record<string, string> = {}
       if (customHeight) {
         stys.height = toCssUnit(customHeight)
@@ -816,6 +818,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
       if (indent) {
         stys['--vxe-ui-tree-node-indent'] = toCssUnit(indent)
       }
+      if (nodeStyle) {
+        const { indeterminateColor, checkedColor } = nodeStyle
+        if (indeterminateColor) {
+          stys['--vxe-ui-tree-node-checkbox-indeterminate-color'] = indeterminateColor
+        }
+        if (checkedColor) {
+          stys['--vxe-ui-tree-node-checkbox-checked-color'] = checkedColor
+        }
+      }
       return stys
     },
     computeFilterOpts () {
@@ -2654,14 +2665,13 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
       return renderEmptyElement($xeTree)
     },
-    renderCheckbox  (h: CreateElement, node: any, nodeid: string, isChecked: boolean) {
+    renderCheckbox  (h: CreateElement, node: any, nodeid: string, isChecked: boolean, isIndeterminate: boolean) {
       const $xeTree = this
       const props = $xeTree
 
       const { showCheckbox } = props
       const checkboxOpts = $xeTree.computeCheckboxOpts
       const { showIcon, checkMethod, visibleMethod } = checkboxOpts
-      const isIndeterminate = $xeTree.isIndeterminateByCheckboxNodeid(nodeid)
       const isVisible = !visibleMethod || visibleMethod({ $tree: $xeTree, node })
       let isDisabled = !!checkMethod
       if (showCheckbox && showIcon && isVisible) {
@@ -2718,8 +2728,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
 
       let isCheckboxChecked = false
+      let isIndeterminate = false
       if (showCheckbox) {
         isCheckboxChecked = $xeTree.isCheckedByCheckboxNodeId(nodeid)
+        isIndeterminate = $xeTree.isIndeterminateByCheckboxNodeid(nodeid)
       }
 
       let hasLazyChilds = false
@@ -2775,7 +2787,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
           class: ['vxe-tree--node-item', {
             'is--current': currentNode && nodeid === $xeTree.getNodeId(currentNode),
             'is-radio--checked': isRadioChecked,
-            'is-checkbox--checked': isCheckboxChecked
+            'is-checkbox--checked': isCheckboxChecked,
+            'is-checkbox--indeterminate': isIndeterminate
           }]
         }, [
           showLine
@@ -2812,7 +2825,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             : []),
           $xeTree.renderDragIcon(h, node, nodeid),
           $xeTree.renderRadio(h, node, nodeid, isRadioChecked),
-          $xeTree.renderCheckbox(h, node, nodeid, isCheckboxChecked),
+          $xeTree.renderCheckbox(h, node, nodeid, isCheckboxChecked, isIndeterminate),
           h('div', {
             class: 'vxe-tree--node-item-inner'
           }, [

package/styles/components/tree.scss

@@ -224,6 +224,16 @@
   flex-direction: row;
   height: var(--vxe-ui-tree-node-height);
   line-height: var(--vxe-ui-tree-node-height);
+  &.is-checkbox--indeterminate {
+    & > .vxe-tree--node-item-inner {
+      color: var(--vxe-ui-tree-node-checkbox-indeterminate-color);
+    }
+  }
+  &.is-checkbox--checked {
+    & > .vxe-tree--node-item-inner {
+      color: var(--vxe-ui-tree-node-checkbox-checked-color);
+    }
+  }
 }
 .vxe-tree--node-item-switcher {
   position: relative;

package/styles/theme/base.scss

@@ -181,6 +181,8 @@
   --vxe-ui-tree-node-line-color:#909399;
   --vxe-ui-tree-node-line-style: dotted;
   --vxe-ui-tree-node-line-width: 1px;
+  --vxe-ui-tree-node-checkbox-indeterminate-color: inherit;
+  --vxe-ui-tree-node-checkbox-checked-color: inherit;
 
   /*tabs*/
   --vxe-ui-tabs-header-height-default: 40px;

package/types/components/tree.d.ts

@@ -92,6 +92,10 @@ export namespace VxeTreePropTypes {
     }) => boolean
     showIcon?: boolean
     trigger?: '' | 'default' | 'node'
+    nodeStyle?: {
+      indeterminateColor?: string
+      checkedColor?: string
+    }
   }
   export interface NodeConfig<D = any> {
     isHover?: boolean