vxe-pc-ui 4.16.20 → 4.16.22

package/es/cascader/style.css

@@ -184,6 +184,7 @@
 }
 .vxe-cascader--checkbox-option .vxe-checkbox--icon {
   font-size: 1.22em;
+  transition: all 0.2s ease-in-out;
 }
 .vxe-cascader--checkbox-option .vxe-checkbox--icon {
   color: var(--vxe-ui-input-border-color);
@@ -228,6 +229,7 @@
 }
 .vxe-cascader--radio-option .vxe-radio--icon {
   font-size: 1.26em;
+  transition: all 0.2s ease-in-out;
 }
 .vxe-cascader--radio-option .vxe-radio--icon {
   color: var(--vxe-ui-input-border-color);

package/es/cascader/style.min.css

@@ -1 +1 @@
-.vxe-cascader,.vxe-cascader--panel{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-mini)}.vxe-cascader{position:relative;display:inline-block;width:180px;font-size:var(--vxe-ui-cascader-current-font-size);color:var(--vxe-ui-font-color);text-align:left;--vxe-ui-cascader-chunk-size:1}.vxe-cascader>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper{padding-top:0}.vxe-cascader.is--filterable .vxe-cascader--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-cascader.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-cascader>.vxe-input{width:100%}.vxe-cascader>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-cascader--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-cascader--panel{font-size:var(--vxe-ui-cascader-current-font-size);pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader--panel:not(.is--transfer){min-width:var(--vxe-ui-cascader-node-width)}.vxe-cascader--panel.is--transfer{position:fixed}.vxe-cascader--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-cascader--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-cascader--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-cascader--panel.ani--enter>div::after{display:none}.vxe-cascader--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-cascader--panel-search{display:block;padding:var(--vxe-ui-cascader-current-padding);width:100%}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--footer-button,.vxe-cascader--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-cascader--total-btns{padding-left:var(--vxe-ui-cascader-current-padding);flex-grow:1}.vxe-cascader--oper-btns,.vxe-cascader--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-cascader--oper-btns{flex-shrink:0}.vxe-cascader--expand-btns,.vxe-cascader--footer-button,.vxe-cascader--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-cascader--selected-btns+.vxe-cascader--expand-btns{padding-left:2.2em}.vxe-cascader--panel-wrapper{display:flex;flex-direction:column;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);pointer-events:auto}.vxe-cascader--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer,.vxe-cascader--panel-header{padding:4px 0}.vxe-cascader--checkbox-option{padding-right:.4em}.vxe-cascader--checkbox-option{cursor:pointer}.vxe-cascader--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-cascader--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-cascader--checkbox-option.is--checked,.vxe-cascader--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--hidden{cursor:default}.vxe-cascader--checkbox-option.is--readonly{cursor:auto}.vxe-cascader--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-cascader--radio-option{padding-right:.4em}.vxe-cascader--radio-option{cursor:pointer}.vxe-cascader--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-cascader--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-cascader--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--readonly{cursor:auto}.vxe-cascader--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-cascader-chunk--wrapper{position:relative;display:flex;flex-direction:row;outline:0}.vxe-cascader-chunk--item-wrapper{flex-shrink:0;border-left:1px solid var(--vxe-ui-base-popup-border-color);padding:var(--vxe-ui-cascader-current-padding) 0}.vxe-cascader-chunk--item-wrapper:first-child{border-left:0}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper{height:var(--vxe-ui-cascader-chunk-height);width:var(--vxe-ui-cascader-node-width);overflow-x:hidden;overflow-y:hidden}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover{overflow-y:auto}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body{width:var(--vxe-ui-cascader-node-width)}.vxe-cascader-chunk--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-cascader-node-height);line-height:var(--vxe-ui-cascader-node-height);padding:0 calc(var(--vxe-ui-cascader-current-padding) + 18px) 0 var(--vxe-ui-cascader-current-padding);cursor:pointer}.vxe-cascader-chunk--node-item:hover{background-color:var(--vxe-ui-cascader-node-hover-background-color)}.vxe-cascader-chunk--node-item.is--current,.vxe-cascader-chunk--node-item.is--expand{font-weight:700}.vxe-cascader-chunk--node-item.is--current{background-color:var(--vxe-ui-cascader-node-current-background-color)}.vxe-cascader-chunk--node-item.is-checkbox--indeterminate{color:var(--vxe-ui-cascader-node-checkbox-indeterminate-color)}.vxe-cascader-chunk--node-item.is-checkbox--checked,.vxe-cascader-chunk--node-item.is-radio--checked{color:var(--vxe-ui-cascader-node-checkbox-checked-color)}.vxe-cascader-chunk--node-item-inner{display:flex;flex-direction:row;overflow:hidden;flex-grow:1}.vxe-cascader-chunk--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-cascader-chunk--node-item-switcher{-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;width:1em;position:relative}.vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon>i{display:inline-block;transition:transform .2s ease-in-out}
+.vxe-cascader,.vxe-cascader--panel{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-mini)}.vxe-cascader{position:relative;display:inline-block;width:180px;font-size:var(--vxe-ui-cascader-current-font-size);color:var(--vxe-ui-font-color);text-align:left;--vxe-ui-cascader-chunk-size:1}.vxe-cascader>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper{padding-top:0}.vxe-cascader.is--filterable .vxe-cascader--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-cascader.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-cascader>.vxe-input{width:100%}.vxe-cascader>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-cascader--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-cascader--panel{font-size:var(--vxe-ui-cascader-current-font-size);pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader--panel:not(.is--transfer){min-width:var(--vxe-ui-cascader-node-width)}.vxe-cascader--panel.is--transfer{position:fixed}.vxe-cascader--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-cascader--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-cascader--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-cascader--panel.ani--enter>div::after{display:none}.vxe-cascader--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-cascader--panel-search{display:block;padding:var(--vxe-ui-cascader-current-padding);width:100%}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--footer-button,.vxe-cascader--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-cascader--total-btns{padding-left:var(--vxe-ui-cascader-current-padding);flex-grow:1}.vxe-cascader--oper-btns,.vxe-cascader--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-cascader--oper-btns{flex-shrink:0}.vxe-cascader--expand-btns,.vxe-cascader--footer-button,.vxe-cascader--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-cascader--selected-btns+.vxe-cascader--expand-btns{padding-left:2.2em}.vxe-cascader--panel-wrapper{display:flex;flex-direction:column;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);pointer-events:auto}.vxe-cascader--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer,.vxe-cascader--panel-header{padding:4px 0}.vxe-cascader--checkbox-option{padding-right:.4em}.vxe-cascader--checkbox-option{cursor:pointer}.vxe-cascader--checkbox-option .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-cascader--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-cascader--checkbox-option.is--checked,.vxe-cascader--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--hidden{cursor:default}.vxe-cascader--checkbox-option.is--readonly{cursor:auto}.vxe-cascader--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-cascader--radio-option{padding-right:.4em}.vxe-cascader--radio-option{cursor:pointer}.vxe-cascader--radio-option .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-cascader--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-cascader--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--readonly{cursor:auto}.vxe-cascader--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-cascader-chunk--wrapper{position:relative;display:flex;flex-direction:row;outline:0}.vxe-cascader-chunk--item-wrapper{flex-shrink:0;border-left:1px solid var(--vxe-ui-base-popup-border-color);padding:var(--vxe-ui-cascader-current-padding) 0}.vxe-cascader-chunk--item-wrapper:first-child{border-left:0}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper{height:var(--vxe-ui-cascader-chunk-height);width:var(--vxe-ui-cascader-node-width);overflow-x:hidden;overflow-y:hidden}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover{overflow-y:auto}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body{width:var(--vxe-ui-cascader-node-width)}.vxe-cascader-chunk--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-cascader-node-height);line-height:var(--vxe-ui-cascader-node-height);padding:0 calc(var(--vxe-ui-cascader-current-padding) + 18px) 0 var(--vxe-ui-cascader-current-padding);cursor:pointer}.vxe-cascader-chunk--node-item:hover{background-color:var(--vxe-ui-cascader-node-hover-background-color)}.vxe-cascader-chunk--node-item.is--current,.vxe-cascader-chunk--node-item.is--expand{font-weight:700}.vxe-cascader-chunk--node-item.is--current{background-color:var(--vxe-ui-cascader-node-current-background-color)}.vxe-cascader-chunk--node-item.is-checkbox--indeterminate{color:var(--vxe-ui-cascader-node-checkbox-indeterminate-color)}.vxe-cascader-chunk--node-item.is-checkbox--checked,.vxe-cascader-chunk--node-item.is-radio--checked{color:var(--vxe-ui-cascader-node-checkbox-checked-color)}.vxe-cascader-chunk--node-item-inner{display:flex;flex-direction:row;overflow:hidden;flex-grow:1}.vxe-cascader-chunk--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-cascader-chunk--node-item-switcher{-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;width:1em;position:relative}.vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon>i{display:inline-block;transition:transform .2s ease-in-out}

package/es/checkbox/style.css

@@ -58,6 +58,7 @@
 }
 .vxe-checkbox .vxe-checkbox--icon {
   font-size: 1.22em;
+  transition: all 0.2s ease-in-out;
 }
 .vxe-checkbox .vxe-checkbox--icon {
   color: var(--vxe-ui-input-border-color);

package/es/checkbox/style.min.css

@@ -1 +1 @@
-.vxe-checkbox{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox.size--xlarge{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-xlarge)}.vxe-checkbox.size--large{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-large)}.vxe-checkbox.size--medium{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox.size--small{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox.size--mini{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-group.type--button{border-radius:var(--vxe-ui-base-border-radius)}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;flex-direction:row;align-items:center;vertical-align:middle;white-space:nowrap;line-height:1;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-checkbox-current-font-size)}.vxe-checkbox{cursor:pointer}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .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-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-checkbox-current-margin-right)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}
+.vxe-checkbox{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox.size--xlarge{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-xlarge)}.vxe-checkbox.size--large{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-large)}.vxe-checkbox.size--medium{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox.size--small{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox.size--mini{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-group.type--button{border-radius:var(--vxe-ui-base-border-radius)}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;flex-direction:row;align-items:center;vertical-align:middle;white-space:nowrap;line-height:1;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-checkbox-current-font-size)}.vxe-checkbox{cursor:pointer}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-checkbox .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-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-checkbox-current-margin-right)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}

package/es/checkbox-button/style.css

@@ -38,6 +38,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  transition: all 0.2s ease-in-out;
 }
 
 .vxe-checkbox--button > input:checked + .vxe-checkbox--label {

package/es/checkbox-button/style.min.css

@@ -1 +1 @@
-.vxe-checkbox--button{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--button.size--xlarge{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-xlarge)}.vxe-checkbox--button.size--large{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-large)}.vxe-checkbox--button.size--medium{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--button.size--small{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--button.size--mini{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button-icon+.vxe-checkbox--button-content{margin-left:var(--vxe-ui-checkbox--button-current-margin-left)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}
+.vxe-checkbox--button{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--button.size--xlarge{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-xlarge)}.vxe-checkbox--button.size--large{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-large)}.vxe-checkbox--button.size--medium{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--button.size--small{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--button.size--mini{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease-in-out}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button-icon+.vxe-checkbox--button-content{margin-left:var(--vxe-ui-checkbox--button-current-margin-left)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}

package/es/color-picker/index.js

@@ -1,6 +1,7 @@
 import { VxeUI } from '@vxe-ui/core';
 import VxeColorPickerComponent from './src/color-picker';
 import { dynamicApp } from '../dynamics';
+import { parseColor, hasRgb, hasHex, toRgb, toHex, toHsl, toHsv, toRgbString, toHexString, lighten, darken } from './src/util';
 export const VxeColorPicker = Object.assign({}, VxeColorPickerComponent, {
     install(app) {
         app.component(VxeColorPickerComponent.name, VxeColorPickerComponent);
@@ -8,5 +9,18 @@ export const VxeColorPicker = Object.assign({}, VxeColorPickerComponent, {
 });
 dynamicApp.use(VxeColorPicker);
 VxeUI.component(VxeColorPickerComponent);
+VxeUI.color = {
+    parseColor,
+    hasRgb,
+    hasHex,
+    toRgb,
+    toRgbString,
+    toHex,
+    toHexString,
+    toHsl,
+    toHsv,
+    lighten,
+    darken
+};
 export const ColorPicker = VxeColorPicker;
 export default VxeColorPicker;

package/es/color-picker/src/color-picker.js

@@ -4,7 +4,7 @@ import XEUtils from 'xe-utils';
 import { VxeUI, getIcon, getConfig, getI18n, globalEvents, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getEventTargetNode, getPopupContainer, toCssUnit, updatePanelPlacement } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
-import { parseColor, updateColorAlpha, hexToHsv, rgbToHsv, rgbToHex, hexToRgb, hsvToRgb, toRgb } from './util';
+import { parseValColor, updateColorAlpha, hexToHsv, rgbToHsv, rgbToHexVal, hexToRgb, hsvToRgb, toValRgb } from './util';
 import VxeButtonComponent from '../../button';
 import VxeInputComponent from '../../input';
 import VxeNumberInputComponent from '../../number-input';
@@ -77,6 +77,7 @@ export default defineVxeComponent({
         const $xeModal = inject('$xeModal', null);
         const $xeDrawer = inject('$xeDrawer', null);
         const $xeTable = inject('$xeTable', null);
+        const $xeCard = inject('$xeCard', null);
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const WinEyeDropper = typeof window !== 'undefined' ? window.EyeDropper : null;
@@ -143,7 +144,7 @@ export default defineVxeComponent({
                 if (XEUtils.isBoolean(globalTransfer)) {
                     return globalTransfer;
                 }
-                if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+                if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
                     return true;
                 }
             }
@@ -212,32 +213,43 @@ export default defineVxeComponent({
             const isRgb = computeIsRgb.value;
             const hueSliderEl = refHueSliderElem.value;
             const alphaSliderEl = refAlphaSliderElem.value;
-            const colorRest = parseColor(selectColor);
-            reactData.hexValue = colorRest.hex;
-            reactData.rValue = colorRest.r;
-            reactData.gValue = colorRest.g;
-            reactData.bValue = colorRest.b;
-            reactData.aValue = colorRest.a;
-            if (colorRest.value) {
-                if (isRgb) {
-                    if (colorRest.type === 'hex') {
-                        const rgbRest = hexToRgb(colorRest.hex);
-                        if (rgbRest) {
-                            reactData.rValue = rgbRest.r;
-                            reactData.gValue = rgbRest.g;
-                            reactData.bValue = rgbRest.b;
-                            reactData.aValue = rgbRest.a;
-                        }
-                    }
+            const colorRest = parseValColor(selectColor);
+            reactData.hexValue = '';
+            reactData.rValue = 0;
+            reactData.gValue = 0;
+            reactData.bValue = 0;
+            reactData.aValue = 1;
+            if (colorRest) {
+                if (colorRest.type === 'hex') {
+                    reactData.hexValue = colorRest.hex;
                 }
                 else {
-                    if (colorRest.type !== 'hex') {
-                        reactData.hexValue = rgbToHex(colorRest);
+                    reactData.rValue = colorRest.r;
+                    reactData.gValue = colorRest.g;
+                    reactData.bValue = colorRest.b;
+                    reactData.aValue = colorRest.a;
+                }
+                if (colorRest.value) {
+                    if (isRgb) {
+                        if (colorRest.type === 'hex') {
+                            const rgbRest = hexToRgb(colorRest.hex);
+                            if (rgbRest) {
+                                reactData.rValue = rgbRest.r;
+                                reactData.gValue = rgbRest.g;
+                                reactData.bValue = rgbRest.b;
+                                reactData.aValue = rgbRest.a;
+                            }
+                        }
+                    }
+                    else {
+                        if (colorRest.type !== 'hex') {
+                            reactData.hexValue = rgbToHexVal(colorRest.r, colorRest.g, colorRest.b, colorRest.a);
+                        }
                     }
                 }
             }
             if (isAniVisible) {
-                const hsvRest = colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest);
+                const hsvRest = colorRest ? (colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest)) : null;
                 const colorPanelEl = refColorPanelElem.value;
                 if (hsvRest) {
                     if (colorPanelEl) {
@@ -250,7 +262,7 @@ export default defineVxeComponent({
                     }
                 }
                 if (alphaSliderEl) {
-                    handleAlphaColor(alphaSliderEl.clientWidth * colorRest.a);
+                    handleAlphaColor(alphaSliderEl.clientWidth * reactData.aValue);
                 }
             }
         };
@@ -413,7 +425,7 @@ export default defineVxeComponent({
                         gNum = itemNum - offsetNum;
                         break;
                 }
-                reactData.panelColor = toRgb(rNum, gNum, bNum);
+                reactData.panelColor = toValRgb(rNum, gNum, bNum);
                 hueSliderBtnEl.style.left = toCssUnit(offsetLeft);
             }
         };
@@ -483,7 +495,7 @@ export default defineVxeComponent({
         };
         const handleInputRgbEvent = () => {
             const { rValue, gValue, bValue, aValue } = reactData;
-            reactData.selectColor = toRgb(rValue, gValue, bValue, aValue);
+            reactData.selectColor = toValRgb(rValue, gValue, bValue, aValue);
             updateModelColor();
         };
         const handleInputAlphaEvent = () => {
@@ -534,12 +546,12 @@ export default defineVxeComponent({
                 const colorPanelRect = colorPanelEl.getBoundingClientRect();
                 const offsetTop = Math.min(clientHeight, Math.max(0, clientY - colorPanelRect.y));
                 const offsetLeft = Math.min(clientWidth, Math.max(0, clientX - colorPanelRect.x));
-                const colorRest = parseColor(panelColor);
+                const colorRest = parseValColor(panelColor);
                 if (colorRest) {
                     const hsvRest = colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest);
                     if (hsvRest) {
                         const ragRest = hsvToRgb(hsvRest.h, offsetLeft / clientWidth, (1 - offsetTop / clientHeight));
-                        reactData.selectColor = toRgb(ragRest.r, ragRest.g, ragRest.b, showAlpha ? aValue : null);
+                        reactData.selectColor = toValRgb(ragRest.r, ragRest.g, ragRest.b, showAlpha ? aValue : null);
                         updateModelColor();
                     }
                 }
@@ -875,7 +887,7 @@ export default defineVxeComponent({
                                         reactData.hexValue = val;
                                     },
                                     onChange() {
-                                        const colorRest = parseColor(reactData.hexValue);
+                                        const colorRest = parseValColor(reactData.hexValue);
                                         if (colorRest) {
                                             if (colorRest.value) {
                                                 reactData.selectColor = colorRest.value;

package/es/color-picker/src/util.js

@@ -8,13 +8,142 @@ const hexAlphaNumMaps = {};
 });
 const rgbRE = /^rgb(a?)\((\d{1,3})[,\s]+(\d{1,3})[,\s]+(\d{1,3})([,//\s]+([0-9.]{1,4})(%?))?\)$/;
 export function hasRgb(value) {
-    return value && rgbRE.test(value);
+    return !!(value && rgbRE.test(value));
 }
 const hexRE = /^(#?)([0-9A-Fa-f]{6})([0-9A-Fa-f]{2})?$/;
 export function hasHex(value) {
-    return value && hexRE.test(value);
+    return !!(value && hexRE.test(value));
 }
-export function parseColor(value) {
+export function toRgb(value) {
+    if (value) {
+        if (hexRE.test(value)) {
+            return hexToRgb(value);
+        }
+        return parseRgbVal(value);
+    }
+    return null;
+}
+export function toRgbString(value) {
+    const rgbRest = toRgb(value);
+    if (rgbRest) {
+        return rgbRest.label;
+    }
+    return '';
+}
+export function toHex(value) {
+    if (value) {
+        if (rgbRE.test(value)) {
+            return rgbValToHex(value);
+        }
+        return parseHexVal(value);
+    }
+    return null;
+}
+export function toHexString(value) {
+    const hexRest = toHex(value);
+    if (hexRest) {
+        return hexRest.label;
+    }
+    return '';
+}
+export function toHsl(value) {
+    const rgbRest = toRgb(value);
+    if (rgbRest) {
+        const hslRest = rgbToHsl(rgbRest);
+        if (hslRest) {
+            const rest = Object.assign({ value, type: 'hsl' }, hslRest);
+            return rest;
+        }
+    }
+    return null;
+}
+export function toHsv(value) {
+    const rgbRest = toRgb(value);
+    if (rgbRest) {
+        const hslRest = rgbToHsv(rgbRest);
+        if (hslRest) {
+            const rest = Object.assign({ value, type: 'hsv' }, hslRest);
+            return rest;
+        }
+    }
+    return null;
+}
+export function parseColor(val, format) {
+    if (val) {
+        if (format === 'hex') {
+            return toHex(val);
+        }
+        if (format === 'hsl') {
+            return toHsl(val);
+        }
+        if (format === 'hsv') {
+            return toHsv(val);
+        }
+        return toRgb(val);
+    }
+    return null;
+}
+function handleNumClamp(val) {
+    return Math.min(1, Math.max(0, val));
+}
+function createLightenDarken(isAdd) {
+    return function (val, ratio) {
+        const colorRest = parseColor(val);
+        const hslRest = toHsl(val);
+        if (colorRest && hslRest) {
+            ratio = ratio === 0 ? 0 : ratio || 10;
+            hslRest.l += (isAdd ? ratio : -ratio) / 100;
+            hslRest.l = handleNumClamp(hslRest.l);
+            const rgbRest = hslToRgb(hslRest);
+            if (rgbRest) {
+                if ((colorRest === null || colorRest === void 0 ? void 0 : colorRest.type) === 'hex') {
+                    return rgbToHexVal(rgbRest.r, rgbRest.g, rgbRest.b, hslRest.a);
+                }
+                return toValRgb(rgbRest.r, rgbRest.g, rgbRest.b, hslRest.a);
+            }
+        }
+        return val;
+    };
+}
+export const lighten = createLightenDarken(1);
+export const darken = createLightenDarken(0);
+function parseHexVal(value) {
+    if (value) {
+        const hexRest = value.match(hexRE);
+        if (hexRest) {
+            const rest = {
+                value,
+                label: value,
+                type: 'hex',
+                hex: value,
+                hexV: hexRest[2],
+                hexA: hexRest[3] || '',
+                a: (hexRest[3] ? hexAlphaKeyMaps[hexRest[3].toUpperCase()] : 1) || 1
+            };
+            return rest;
+        }
+    }
+    return null;
+}
+function parseRgbVal(value) {
+    if (value) {
+        const rgbRest = value.match(rgbRE);
+        if (rgbRest) {
+            const rest = {
+                value,
+                label: value,
+                type: (rgbRest[6] ? 'rgba' : 'rgb'),
+                r: parseInt(rgbRest[2]),
+                g: parseInt(rgbRest[3]),
+                b: parseInt(rgbRest[4]),
+                a: rgbRest[7] ? parseInt(rgbRest[6]) / 100 : (rgbRest[6] ? parseFloat(rgbRest[6]) : 1)
+            };
+            return rest;
+        }
+    }
+    return null;
+}
+export function parseValColor(value) {
     const rest = {
         value: '',
         type: '',
@@ -27,49 +156,44 @@ export function parseColor(value) {
         a: 1
     };
     if (value) {
-        const hexRest = value.match(hexRE);
-        if (hexRest) {
-            rest.value = value;
-            rest.type = 'hex';
-            rest.hex = value;
-            rest.hexV = hexRest[2];
-            rest.hexA = hexRest[3] || '';
-            rest.a = (hexRest[3] ? hexAlphaKeyMaps[hexRest[3].toUpperCase()] : 1) || 1;
+        if (hexRE.test(value)) {
+            return Object.assign(rest, parseHexVal(value));
         }
-        const rgbRest = value.match(rgbRE);
-        if (rgbRest) {
-            rest.value = value;
-            rest.type = rgbRest[6] ? 'rgba' : 'rgb';
-            rest.r = parseInt(rgbRest[2]);
-            rest.g = parseInt(rgbRest[3]);
-            rest.b = parseInt(rgbRest[4]);
-            rest.a = rgbRest[7] ? parseInt(rgbRest[6]) / 100 : (rgbRest[6] ? parseFloat(rgbRest[6]) : 1);
+        else if (rgbRE.test(value)) {
+            return Object.assign(rest, parseRgbVal(value));
         }
     }
     return rest;
 }
 export function updateColorAlpha(value, alpha = 1) {
-    const colorRest = parseColor(value);
-    const { type, hexV, r, g, b } = colorRest;
-    if (type === 'rgb' || type === 'rgba') {
-        return toRgb(r, g, b, alpha);
-    }
-    if (type === 'hex') {
-        return `#${hexV}${alpha === 1 ? '' : (hexAlphaNumMaps[alpha] || '')}`;
+    const colorRest = parseValColor(value);
+    if (colorRest) {
+        const { type } = colorRest;
+        if (type === 'hex') {
+            return `#${colorRest.hexV}${alpha === 1 ? '' : (hexAlphaNumMaps[alpha] || '')}`;
+        }
+        return toValRgb(colorRest.r, colorRest.g, colorRest.b, alpha);
     }
     return '';
 }
-export function toRgb(r, g, b, a) {
-    if (XEUtils.eqNull(a)) {
+export function toValRgb(r, g, b, a) {
+    if (XEUtils.eqNull(a) || a === 1) {
         return `rgb(${r},${g},${b})`;
     }
     return `rgba(${r},${g},${b},${a})`;
 }
-export function rgbToHex(rgbRest) {
-    if (!rgbRest) {
-        return '';
+function rgbValToHex(value) {
+    const rgbRest = parseRgbVal(value);
+    if (rgbRest) {
+        const hexVal = rgbToHexVal(rgbRest.r, rgbRest.g, rgbRest.b, rgbRest.a);
+        if (hexVal) {
+            return parseHexVal(hexVal);
+        }
     }
-    const { r, g, b, a = 1 } = rgbRest;
+    return null;
+}
+export function rgbToHexVal(r, g, b, a) {
+    a = XEUtils.isNumber(a) ? a : 1;
     const hexR = r.toString(16).padStart(2, '0');
     const hexG = g.toString(16).padStart(2, '0');
     const hexB = b.toString(16).padStart(2, '0');
@@ -120,6 +244,91 @@ export function rgbToHsv(rgbRest) {
         v: XEUtils.round(val, 2)
     };
 }
+function rgbToHsl(rgbRest) {
+    if (!rgbRest) {
+        return null;
+    }
+    const { r, g, b, a } = rgbRest;
+    const rNorm = r / 255;
+    const gNorm = g / 255;
+    const bNorm = b / 255;
+    const max = Math.max(rNorm, gNorm, bNorm);
+    const min = Math.min(rNorm, gNorm, bNorm);
+    const delta = max - min;
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (delta !== 0) {
+        s = l > 0.5 ? delta / (2 - max - min) : delta / (max + min);
+        if (max === rNorm) {
+            h = ((gNorm - bNorm) / delta) % 6;
+        }
+        else if (max === gNorm) {
+            h = (bNorm - rNorm) / delta + 2;
+        }
+        else {
+            h = (rNorm - gNorm) / delta + 4;
+        }
+        h *= 60;
+        if (h < 0) {
+            h += 360;
+        }
+    }
+    return {
+        h,
+        s,
+        l,
+        a: XEUtils.isNumber(a) ? a : 1
+    };
+}
+function hslToRgb(slRest) {
+    if (!slRest) {
+        return null;
+    }
+    let { h, s, l } = slRest;
+    const sNorm = s;
+    const lNorm = l;
+    h = ((h % 360) + 360) % 360;
+    const c = (1 - Math.abs(2 * lNorm - 1)) * sNorm;
+    const x = c * (1 - Math.abs((h / 60) % 2 - 1));
+    const m = lNorm - c / 2;
+    let r, g, b;
+    if (h >= 0 && h < 60) {
+        r = c;
+        g = x;
+        b = 0;
+    }
+    else if (h >= 60 && h < 120) {
+        r = x;
+        g = c;
+        b = 0;
+    }
+    else if (h >= 120 && h < 180) {
+        r = 0;
+        g = c;
+        b = x;
+    }
+    else if (h >= 180 && h < 240) {
+        r = 0;
+        g = x;
+        b = c;
+    }
+    else if (h >= 240 && h < 300) {
+        r = x;
+        g = 0;
+        b = c;
+    }
+    else {
+        r = c;
+        g = 0;
+        b = x;
+    }
+    return {
+        r: Math.round((r + m) * 255),
+        g: Math.round((g + m) * 255),
+        b: Math.round((b + m) * 255)
+    };
+}
 export function hsvToRgb(h, s, v) {
     let r = 0;
     let g = 0;
@@ -178,11 +387,18 @@ export function hexToRgb(str) {
     if (str) {
         const rests = str.match(/^(#?)([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})?$/);
         if (rests) {
+            const r = parseInt(rests[2], 16);
+            const g = parseInt(rests[3], 16);
+            const b = parseInt(rests[4], 16);
+            const a = (rests[5] ? hexAlphaKeyMaps[rests[5].toUpperCase()] : 1) || 1;
             return {
-                r: parseInt(rests[2], 16),
-                g: parseInt(rests[3], 16),
-                b: parseInt(rests[4], 16),
-                a: (rests[5] ? hexAlphaKeyMaps[rests[5].toUpperCase()] : 1) || 1
+                value: str,
+                label: toValRgb(r, g, b, rests[5] ? a : null),
+                type: (rests[5] ? 'rgba' : 'rgb'),
+                r,
+                g,
+                b,
+                a
             };
         }
     }

package/es/date-picker/src/date-picker.js

@@ -167,6 +167,7 @@ export default defineVxeComponent({
         const $xeModal = inject('$xeModal', null);
         const $xeDrawer = inject('$xeDrawer', null);
         const $xeTable = inject('$xeTable', null);
+        const $xeCard = inject('$xeCard', null);
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
@@ -201,7 +202,7 @@ export default defineVxeComponent({
                 if (XEUtils.isBoolean(globalTransfer)) {
                     return globalTransfer;
                 }
-                if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+                if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
                     return true;
                 }
             }