vxe-pc-ui 4.15.13 → 4.15.15

package/lib/cascader/style/style.css

@@ -1,7 +1,29 @@
+.vxe-cascader,
+.vxe-cascader--panel {
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-default);
+}
+.vxe-cascader.size--medium,
+.vxe-cascader--panel.size--medium {
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-medium);
+}
+.vxe-cascader.size--small,
+.vxe-cascader--panel.size--small {
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-small);
+}
+.vxe-cascader.size--mini,
+.vxe-cascader--panel.size--mini {
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-cascader-current-font-size: 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;
@@ -38,6 +60,7 @@
 }
 
 .vxe-cascader--panel {
+  font-size: var(--vxe-ui-cascader-current-font-size);
   pointer-events: none;
   display: none;
   position: absolute;
@@ -85,7 +108,7 @@
 
 .vxe-cascader--panel-search {
   display: block;
-  padding: var(--vxe-ui-current-padding);
+  padding: var(--vxe-ui-cascader-current-font-size);
   width: calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size));
 }
 .vxe-cascader--panel-search .vxe-cascader-search--input {
@@ -102,7 +125,7 @@
 }
 
 .vxe-cascader--total-btns {
-  padding-left: var(--vxe-ui-current-padding);
+  padding-left: var(--vxe-ui-cascader-current-font-size);
   flex-grow: 1;
 }
 
@@ -193,7 +216,7 @@
   color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-cascader--checkbox-option .vxe-checkbox--label {
-  padding-left: 0.5em;
+  padding-left: 0.4em;
   vertical-align: middle;
 }
 
@@ -235,7 +258,7 @@
   color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-cascader--radio-option .vxe-radio--label {
-  padding-left: 0.5em;
+  padding-left: 0.4em;
   vertical-align: middle;
 }
 
@@ -249,7 +272,7 @@
 .vxe-cascader-chunk--item-wrapper {
   flex-shrink: 0;
   border-left: 1px solid var(--vxe-ui-base-popup-border-color);
-  padding: var(--vxe-ui-current-padding) 0;
+  padding: var(--vxe-ui-cascader-current-font-size) 0;
 }
 .vxe-cascader-chunk--item-wrapper:first-child {
   border-left: 0;
@@ -272,7 +295,7 @@
   flex-direction: row;
   height: var(--vxe-ui-cascader-node-height);
   line-height: var(--vxe-ui-cascader-node-height);
-  padding: 0 calc(var(--vxe-ui-current-padding) + 18px) 0 var(--vxe-ui-current-padding);
+  padding: 0 calc(var(--vxe-ui-cascader-current-font-size) + 18px) 0 var(--vxe-ui-cascader-current-font-size);
   cursor: pointer;
 }
 .vxe-cascader-chunk--node-item:hover {
@@ -316,31 +339,4 @@
 .vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon > i {
   display: inline-block;
   transition: transform 0.2s ease-in-out;
-}
-
-.vxe-cascader,
-.vxe-cascader--panel {
-  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
-}
-.vxe-cascader.size--small, .vxe-cascader.size--mini,
-.vxe-cascader--panel.size--small,
-.vxe-cascader--panel.size--mini {
-  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
-}
-
-.vxe-cascader,
-.vxe-cascader--panel {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-cascader.size--medium,
-.vxe-cascader--panel.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-cascader.size--small,
-.vxe-cascader--panel.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-cascader.size--mini,
-.vxe-cascader--panel.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
 }

package/lib/cascader/style/style.min.css

@@ -1 +1 @@
-.vxe-cascader{position:relative;display:inline-block;width:180px;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{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-current-padding);width:calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size))}.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-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:.5em;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:.5em;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-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-current-padding) + 18px) 0 var(--vxe-ui-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-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel.size--mini,.vxe-cascader--panel.size--small,.vxe-cascader.size--mini,.vxe-cascader.size--small{--vxe-ui-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-cascader,.vxe-cascader--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-cascader,.vxe-cascader--panel{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-cascader-current-font-size: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-font-size: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-font-size: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-font-size: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-font-size);width:calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size))}.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-font-size);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-font-size) 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-font-size) + 18px) 0 var(--vxe-ui-cascader-current-font-size);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/lib/checkbox/src/button.js

@@ -160,7 +160,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         checked: isChecked,
         onChange: changeEvent
       }), (0, _vue.h)('span', {
-        class: 'vxe-checkbox--label'
+        class: ['vxe-checkbox--label', {
+          'is--disabled': isDisabled
+        }]
       }, slots.default ? slots.default({}) : (0, _utils.getFuncText)(content))]);
     };
     $xeCheckboxButton.renderVN = renderVN;

package/lib/checkbox/src/button.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxButton",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxButton.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(c,e){let{slots:o,emit:a}=e,i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null),r=(0,_vue.inject)("$xeCheckboxGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});let s=(0,_ui.useSize)(c).computeSize,d={xID:t,props:c,context:e,reactData:u},v=(0,_vue.computed)(()=>r?_xeUtils.default.includes(r.props.modelValue,c.label):c.modelValue===c.checkedValue),p=(0,_vue.computed)(()=>{var e,t,u,l=c.disabled,a=v.value;if(null===l&&r)return{computeIsDisabled:e,computeIsReadonly:t,computeIsMaximize:u}=r.getComputeMaps(),e=e.value,t=t.value,u=u.value,e||t||u&&!a;return l}),b=e=>{var t,{checkedValue:u,uncheckedValue:l}=c;p.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:c.label},r?r.handleChecked(u,e):(a("update:modelValue",t),d.dispatchEvent("change",u,e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,t)))};Object.assign(d,{dispatchEvent(e,t,u){a(e,(0,_ui.createEvent)(u,{$checkboxButton:d},t))}},{});t=()=>{var{label:e,content:t}=c,u=s.value,l=p.value,a=v.value,i=o.default;if(r){var n=r.getComputeMaps().computeIsReadonly,n=n.value;if(n)return a?(0,_vue.h)("label",{class:["vxe-checkbox vxe-checkbox--button-view",{["size--"+u]:u,"is--readonly":n}]},[(0,_vue.h)("span",{class:"vxe-checkbox--label"},i?i({}):(0,_utils.getFuncText)(t))]):(0,_ui.renderEmptyElement)(d)}return(0,_vue.h)("label",{key:e,class:["vxe-checkbox vxe-checkbox--button",{["size--"+u]:u,"is--disabled":l}],title:c.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:l,checked:a,onChange:b}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},o.default?o.default({}):(0,_utils.getFuncText)(t))])};return d.renderVN=t}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxButton",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxButton.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(c,e){let{slots:o,emit:a}=e,i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null),r=(0,_vue.inject)("$xeCheckboxGroup",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.reactive)({});let s=(0,_ui.useSize)(c).computeSize,d={xID:t,props:c,context:e,reactData:u},v=(0,_vue.computed)(()=>r?_xeUtils.default.includes(r.props.modelValue,c.label):c.modelValue===c.checkedValue),p=(0,_vue.computed)(()=>{var e,t,u,l=c.disabled,a=v.value;if(null===l&&r)return{computeIsDisabled:e,computeIsReadonly:t,computeIsMaximize:u}=r.getComputeMaps(),e=e.value,t=t.value,u=u.value,e||t||u&&!a;return l}),b=e=>{var t,{checkedValue:u,uncheckedValue:l}=c;p.value||(u={checked:t=e.target.checked,value:t=t?u:l,label:c.label},r?r.handleChecked(u,e):(a("update:modelValue",t),d.dispatchEvent("change",u,e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,t)))};Object.assign(d,{dispatchEvent(e,t,u){a(e,(0,_ui.createEvent)(u,{$checkboxButton:d},t))}},{});t=()=>{var{label:e,content:t}=c,u=s.value,l=p.value,a=v.value,i=o.default;if(r){var n=r.getComputeMaps().computeIsReadonly,n=n.value;if(n)return a?(0,_vue.h)("label",{class:["vxe-checkbox vxe-checkbox--button-view",{["size--"+u]:u,"is--readonly":n}]},[(0,_vue.h)("span",{class:"vxe-checkbox--label"},i?i({}):(0,_utils.getFuncText)(t))]):(0,_ui.renderEmptyElement)(d)}return(0,_vue.h)("label",{key:e,class:["vxe-checkbox vxe-checkbox--button",{["size--"+u]:u,"is--disabled":l}],title:c.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:l,checked:a,onChange:b}),(0,_vue.h)("span",{class:["vxe-checkbox--label",{"is--disabled":l}]},o.default?o.default({}):(0,_utils.getFuncText)(t))])};return d.renderVN=t}});

package/lib/checkbox/src/group.js

@@ -32,6 +32,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       type: Boolean,
       default: null
     },
+    status: {
+      type: String,
+      default: () => (0, _ui.getConfig)().checkboxGroup.status
+    },
     max: {
       type: [String, Number],
       default: null
@@ -194,6 +198,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
     const renderVN = () => {
       const {
+        status,
         options
       } = props;
       const defaultSlot = slots.default;
@@ -204,6 +209,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const isDisabled = computeIsDisabled.value;
       return (0, _vue.h)('div', {
         class: ['vxe-checkbox-group', {
+          [`theme--${status}`]: status,
           'is--readonly': isReadonly,
           'is--disabled': isDisabled
         }]

package/lib/checkbox/src/group.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size},defaultConfig:Object},emits:["update:modelValue","change","default-change"],setup(r,e){let{slots:n,emit:a}=e,i=(0,_vue.inject)("$xeForm",null),d=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let u=(0,_vue.reactive)(createReactData()),l=createInternalData(),c=(0,_vue.computed)(()=>{var e=r.readonly;return null===e?!!i&&i.props.readonly:e}),s=(0,_vue.computed)(()=>{var e=r.disabled;return null===e?!!i&&i.props.disabled:e});var o=(0,_vue.computed)(()=>{var{modelValue:e,max:t}=r;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)});let p=(0,_vue.computed)(()=>Object.assign({},r.defaultConfig)),v=(0,_vue.computed)(()=>Object.assign({},r.optionProps)),_=(0,_vue.computed)(()=>v.value.label||"label"),f=(0,_vue.computed)(()=>v.value.value||"value"),m=(0,_vue.computed)(()=>v.value.disabled||"disabled"),x={computeIsMaximize:o,computeIsDisabled:s,computeIsReadonly:c},b={xID:t,props:r,context:e,reactData:u,getComputeMaps:()=>x},g=((0,_ui.useSize)(r),(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$checkboxGroup:b},t))}),h=e=>{a("update:modelValue",e)},k=e=>{h(e),g("default-change",{value:e},null)};o={dispatchEvent:g};let y=t=>{var u=l.isLoaded,e=p.value;let a=f.value;if(!u){u=e.selectMode;if(0<t.length&&_xeUtils.default.eqNull(r.modelValue)){if("all"===u)(0,_vue.nextTick)(()=>{k(t.map(e=>e[a]))});else if("first"===u||"last"===u){let e=_xeUtils.default[u](t);e&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(r.modelValue)&&k([e[a]])})}l.isLoaded=!0}}return(0,_vue.nextTick)()};Object.assign(b,o,{handleChecked(e,t){var{checked:u,label:a}=e,l=r.modelValue||[],o=l.indexOf(a);u?-1===o&&l.push(a):l.splice(o,1),h(l),b.dispatchEvent("change",Object.assign({},e,{checklist:l,value:l}),t),i&&d&&i.triggerItemEvent(t,d.itemConfig.field,l)}});t=()=>{var e=r.options,t=n.default;let u=f.value,a=_.value,l=m.value;var o=c.value,i=s.value;return(0,_vue.h)("div",{class:["vxe-checkbox-group",{"is--readonly":o,"is--disabled":i}]},t?t({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{key:e[u],label:e[u],content:e[a],disabled:e[l]})):[])};return(0,_vue.watch)(()=>r.options,e=>{y(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=r.options;e&&y(e)})}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(u,createReactData()),_xeUtils.default.assign(l,createInternalData())}),(0,_vue.provide)("$xeCheckboxGroup",b),b.renderVN=t}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},status:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.status},max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().checkboxGroup.size||(0,_ui.getConfig)().size},defaultConfig:Object},emits:["update:modelValue","change","default-change"],setup(n,e){let{slots:d,emit:a}=e,i=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let u=(0,_vue.reactive)(createReactData()),l=createInternalData(),s=(0,_vue.computed)(()=>{var e=n.readonly;return null===e?!!i&&i.props.readonly:e}),c=(0,_vue.computed)(()=>{var e=n.disabled;return null===e?!!i&&i.props.disabled:e});var o=(0,_vue.computed)(()=>{var{modelValue:e,max:t}=n;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)});let p=(0,_vue.computed)(()=>Object.assign({},n.defaultConfig)),v=(0,_vue.computed)(()=>Object.assign({},n.optionProps)),_=(0,_vue.computed)(()=>v.value.label||"label"),f=(0,_vue.computed)(()=>v.value.value||"value"),m=(0,_vue.computed)(()=>v.value.disabled||"disabled"),x={computeIsMaximize:o,computeIsDisabled:c,computeIsReadonly:s},b={xID:t,props:n,context:e,reactData:u,getComputeMaps:()=>x},g=((0,_ui.useSize)(n),(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$checkboxGroup:b},t))}),h=e=>{a("update:modelValue",e)},k=e=>{h(e),g("default-change",{value:e},null)};o={dispatchEvent:g};let y=t=>{var u=l.isLoaded,e=p.value;let a=f.value;if(!u){u=e.selectMode;if(0<t.length&&_xeUtils.default.eqNull(n.modelValue)){if("all"===u)(0,_vue.nextTick)(()=>{k(t.map(e=>e[a]))});else if("first"===u||"last"===u){let e=_xeUtils.default[u](t);e&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(n.modelValue)&&k([e[a]])})}l.isLoaded=!0}}return(0,_vue.nextTick)()};Object.assign(b,o,{handleChecked(e,t){var{checked:u,label:a}=e,l=n.modelValue||[],o=l.indexOf(a);u?-1===o&&l.push(a):l.splice(o,1),h(l),b.dispatchEvent("change",Object.assign({},e,{checklist:l,value:l}),t),i&&r&&i.triggerItemEvent(t,r.itemConfig.field,l)}});t=()=>{var{status:e,options:t}=n,u=d.default;let a=f.value,l=_.value,o=m.value;var i=s.value,r=c.value;return(0,_vue.h)("div",{class:["vxe-checkbox-group",{["theme--"+e]:e,"is--readonly":i,"is--disabled":r}]},u?u({}):t?t.map(e=>(0,_vue.h)(_checkbox.default,{key:e[a],label:e[a],content:e[l],disabled:e[o]})):[])};return(0,_vue.watch)(()=>n.options,e=>{y(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=n.options;e&&y(e)})}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(u,createReactData()),_xeUtils.default.assign(l,createInternalData())}),(0,_vue.provide)("$xeCheckboxGroup",b),b.renderVN=t}});

package/lib/checkbox/style/style.css

@@ -1,3 +1,20 @@
+.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--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);
+}
+
 /*checkbox-group*/
 .vxe-checkbox-group {
   display: inline-flex;
@@ -17,9 +34,12 @@
 /*checkbox*/
 .vxe-checkbox {
   display: inline-flex;
+  flex-direction: row;
+  align-items: center;
   vertical-align: middle;
   white-space: nowrap;
   line-height: 1;
+  font-size: var(--vxe-ui-checkbox-current-font-size);
 }
 .vxe-checkbox {
   cursor: pointer;
@@ -58,7 +78,7 @@
   color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-checkbox .vxe-checkbox--label {
-  padding-left: 0.5em;
+  padding-left: 0.4em;
   vertical-align: middle;
 }
 .vxe-checkbox > input[type=checkbox] {
@@ -74,7 +94,6 @@
   color: var(--vxe-ui-font-primary-darken-color);
 }
 .vxe-checkbox .vxe-checkbox--label {
-  padding-left: 0.5em;
   vertical-align: middle;
   display: inline-block;
   max-width: 50em;
@@ -83,34 +102,9 @@
   white-space: nowrap;
 }
 
-.vxe-checkbox {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-checkbox.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-checkbox.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-checkbox.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}
-
 .vxe-checkbox--default,
 .vxe-checkbox-group {
-  margin-right: var(--vxe-ui-base-margin-gap-default);
-}
-.vxe-checkbox--default.size--medium,
-.vxe-checkbox-group.size--medium {
-  margin-right: var(--vxe-ui-base-margin-gap-medium);
-}
-.vxe-checkbox--default.size--small,
-.vxe-checkbox-group.size--small {
-  margin-right: var(--vxe-ui-base-margin-gap-small);
-}
-.vxe-checkbox--default.size--mini,
-.vxe-checkbox-group.size--mini {
-  margin-right: var(--vxe-ui-base-margin-gap-mini);
+  margin-right: var(--vxe-ui-checkbox-current-margin-right);
 }
 .vxe-checkbox--default:last-of-type,
 .vxe-checkbox-group:last-of-type {

package/lib/checkbox/style/style.min.css

@@ -1 +1 @@
-.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;vertical-align:middle;white-space:nowrap;line-height:1}.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:.5em;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{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size-default)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--default.size--medium,.vxe-checkbox-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--default.size--small,.vxe-checkbox-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--default.size--mini,.vxe-checkbox-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.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--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-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;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}

package/lib/checkbox-button/style/style.css

@@ -1,6 +1,3 @@
-.vxe-checkbox--button .vxe-checkbox--label {
-  background-color: var(--vxe-ui-layout-background-color);
-}
 .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);
@@ -8,10 +5,6 @@
 .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 > input:checked + .vxe-checkbox--label {
-  color: #fff;
-  background-color: var(--vxe-ui-font-primary-color);
-}
 .vxe-checkbox--button .vxe-checkbox--label {
   padding: 0 1em;
   line-height: calc(var(--vxe-ui-button-height-default) - 2px);
@@ -27,9 +20,159 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.vxe-checkbox--button > input:focus + .vxe-checkbox--label {
+
+.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.size--medium .vxe-checkbox--label {
   line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
 }

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

@@ -1 +1 @@
-.vxe-checkbox--button .vxe-checkbox--label{background-color:var(--vxe-ui-layout-background-color)}.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>input:checked+.vxe-checkbox--label{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.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:focus+.vxe-checkbox--label{border-color:var(--vxe-ui-font-primary-color)}.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: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.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/lib/context-menu/style/style.css

@@ -1,3 +1,16 @@
+.vxe-context-menu {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-context-menu.size--medium {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-context-menu.size--small {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-context-menu.size--mini {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-mini);
+}
+
 .vxe-context-menu {
   display: none;
   top: 0;
@@ -26,6 +39,7 @@
 .vxe-context-menu--wrapper,
 .vxe-context-menu--children-wrapper {
   padding: 0;
+  font-size: var(--vxe-ui-context-menu-current-font-size);
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   border: 1px solid var(--vxe-ui-base-popup-border-color);
@@ -90,17 +104,4 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-}
-
-.vxe-context-menu {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-context-menu.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-context-menu.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-context-menu.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
 }

package/lib/context-menu/style/style.min.css

@@ -1 +1 @@
-.vxe-context-menu{display:none;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu.is--visible{display:block}.vxe-context-menu.is--fixed{position:fixed}.vxe-context-menu.is--absolute{position:absolute}.vxe-context-menu--group-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-context-menu--group-wrapper:first-child{border:0}.vxe-context-menu--children-wrapper,.vxe-context-menu--wrapper{padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);border:1px solid var(--vxe-ui-base-popup-border-color);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);box-shadow:0 0 12px 0 rgba(0,0,0,.3)}.vxe-context-menu--children-wrapper{display:none;position:absolute;transform:translate(0,-5px)}.vxe-context-menu--item-wrapper{position:relative;min-width:12em;max-width:20em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu--item-wrapper.is--active{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-context-menu--first-item.is--subactive .vxe-context-menu--children-wrapper{display:block}.vxe-context-menu--item-inner{height:var(--vxe-ui-context-menu-option-height);display:flex;align-items:center;padding:0 .8em;cursor:pointer}.vxe-context-menu--item-inner.is--loading{opacity:.5;cursor:progress}.vxe-context-menu--item-inner.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-context-menu--item-prefix{min-width:1em;text-align:center}.vxe-context-menu--item-prefix,.vxe-context-menu--item-suffix{flex-shrink:0;font-size:.9em}.vxe-context-menu--item-label{font-size:.9em;padding:0 .5em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-context-menu{font-size:var(--vxe-ui-font-size-default)}.vxe-context-menu.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-context-menu.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-context-menu.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-context-menu{--vxe-ui-context-menu-current-font-size:var(--vxe-ui-font-size-default)}.vxe-context-menu.size--medium{--vxe-ui-context-menu-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-context-menu.size--small{--vxe-ui-context-menu-current-font-size:var(--vxe-ui-font-size-small)}.vxe-context-menu.size--mini{--vxe-ui-context-menu-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-context-menu{display:none;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu.is--visible{display:block}.vxe-context-menu.is--fixed{position:fixed}.vxe-context-menu.is--absolute{position:absolute}.vxe-context-menu--group-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-context-menu--group-wrapper:first-child{border:0}.vxe-context-menu--children-wrapper,.vxe-context-menu--wrapper{padding:0;font-size:var(--vxe-ui-context-menu-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);border:1px solid var(--vxe-ui-base-popup-border-color);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);box-shadow:0 0 12px 0 rgba(0,0,0,.3)}.vxe-context-menu--children-wrapper{display:none;position:absolute;transform:translate(0,-5px)}.vxe-context-menu--item-wrapper{position:relative;min-width:12em;max-width:20em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu--item-wrapper.is--active{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-context-menu--first-item.is--subactive .vxe-context-menu--children-wrapper{display:block}.vxe-context-menu--item-inner{height:var(--vxe-ui-context-menu-option-height);display:flex;align-items:center;padding:0 .8em;cursor:pointer}.vxe-context-menu--item-inner.is--loading{opacity:.5;cursor:progress}.vxe-context-menu--item-inner.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-context-menu--item-prefix{min-width:1em;text-align:center}.vxe-context-menu--item-prefix,.vxe-context-menu--item-suffix{flex-shrink:0;font-size:.9em}.vxe-context-menu--item-label{font-size:.9em;padding:0 .5em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

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

@@ -21,7 +21,7 @@ const {
   warnLog,
   errLog
 } = (0, _log.createComponentLog)('date-picker');
-const defaultMaskPlaceholder = '*';
+const defaultMaskPlaceholder = '_';
 const maskedTypes = ['year', 'month', 'date', 'datetime', 'time'];
 const inputMaskedKeys = ['y', 'M', 'd', 'H', 'm', 'n', 's'];
 const parseInputKayMaps = {};