vxe-pc-ui 1.9.13 → 1.9.15

package/es/form/style.css

@@ -213,7 +213,7 @@
   padding: 0.5em 0.8em 0.5em 0;
 }
 .vxe-form .vxe-form--item.is--vertical {
-  padding: 0.25em 0 0.25em 0;
+  padding: 0.4em 0 0.4em 0;
 }
 .vxe-form .vxe-form--item.is--active:not(.is--hidden) {
   display: inline-flex;
@@ -252,12 +252,18 @@
 .vxe-form--item.is--span .vxe-default-textarea,
 .vxe-form--item.is--span .vxe-default-select,
 .vxe-form--item.is--span .vxe-input,
+.vxe-form--item.is--span .vxe-number-input,
+.vxe-form--item.is--span .vxe-date-input,
 .vxe-form--item.is--span .vxe-textarea,
 .vxe-form--item.is--span .vxe-select {
   width: 100%;
 }
 .vxe-form--item.is--error .vxe-input > .vxe-input--inner,
+.vxe-form--item.is--error .vxe-number-input > .vxe-number-input--inner,
+.vxe-form--item.is--error .vxe-date-input > .vxe-date-input--inner,
 .vxe-form--item.is--error .vxe-textarea > .vxe-textarea--inner,
+.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box,
+.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn > .vxe-button,
 .vxe-form--item.is--error .vxe-select,
 .vxe-form--item.is--error .vxe-select.is--active > .vxe-input .vxe-input--inner,
 .vxe-form--item.is--error .vxe-default-input,
@@ -266,6 +272,8 @@
   border-color: var(--vxe-ui-form-validate-error-color);
 }
 .vxe-form--item.is--error .vxe-input > .vxe-input--inner:focus,
+.vxe-form--item.is--error .vxe-number-input > .vxe-number-input--inner:focus,
+.vxe-form--item.is--error .vxe-date-input > .vxe-date-input--inner:focus,
 .vxe-form--item.is--error .vxe-textarea > .vxe-textarea--inner:focus,
 .vxe-form--item.is--error .vxe-default-input[type=text]:focus,
 .vxe-form--item.is--error .vxe-default-input[type=search]:focus,

package/es/form/style.min.css

@@ -1 +1 @@
-.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-content,.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form--item-content>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-content>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-content>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-content>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-content>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-content>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-content>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-content>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-content>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-content>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-content>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-content>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-content>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-content>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-content>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-content>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-content>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-content>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-content>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-content>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-content>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-content>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-content>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-form--item-content>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--vertical{padding:.25em 0 .25em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item.is--bold>.vxe-form--item-inner>.vxe-form--item-title{font-weight:700}.vxe-form--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--vertical .vxe-form--item-inner{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea{width:100%}.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-input>.vxe-input--inner,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form--item-valid{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:flex;flex-direction:row;align-items:center;flex-grow:1}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;flex-grow:1;word-break:break-all}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-default) * 2);padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item-inner>.align--center{text-align:center}.vxe-form .vxe-form--item-inner>.align--left{text-align:left}.vxe-form .vxe-form--item-inner>.align--right{text-align:right}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}
+.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-content,.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form--item-content>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-content>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-content>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-content>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-content>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-content>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-content>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-content>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-content>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-content>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-content>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-content>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-content>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-content>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-content>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-content>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-content>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-content>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-content>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-content>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-content>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-content>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-content>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-form--item-content>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--vertical{padding:.4em 0 .4em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item.is--bold>.vxe-form--item-inner>.vxe-form--item-title{font-weight:700}.vxe-form--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--vertical .vxe-form--item-inner{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-date-input,.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-number-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea{width:100%}.vxe-form--item.is--error .vxe-date-input>.vxe-date-input--inner,.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-input>.vxe-input--inner,.vxe-form--item.is--error .vxe-number-input>.vxe-number-input--inner,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn>.vxe-button,.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-date-input>.vxe-date-input--inner:focus,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus,.vxe-form--item.is--error .vxe-number-input>.vxe-number-input--inner:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form--item-valid{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:flex;flex-direction:row;align-items:center;flex-grow:1}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;flex-grow:1;word-break:break-all}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-default) * 2);padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item-inner>.align--center{text-align:center}.vxe-form .vxe-form--item-inner>.align--left{text-align:left}.vxe-form .vxe-form--item-inner>.align--right{text-align:right}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}

package/es/form-design/render/index.js

@@ -2,10 +2,13 @@ import { h } from 'vue';
 import { renderer } from '@vxe-ui/core';
 import { getWidgetTextConfig, WidgetTextViewComponent, WidgetTextFormComponent } from '../widget-text';
 import { getWidgetRowConfig, WidgetRowEditComponent, WidgetRowViewComponent, WidgetRowFormComponent } from '../widget-row';
+// import { getWidgetSublistConfig, WidgetSublistEditComponent, WidgetSublistViewComponent, WidgetSublistFormComponent } from '../widget-sublist'
 import { getWidgetInputConfig, WidgetInputViewComponent, WidgetInputFormComponent } from '../widget-input';
 import { getWidgetTextareaConfig, WidgetTextareaViewComponent, WidgetTextareaFormComponent } from '../widget-textarea';
 import { getWidgetSelectConfig, WidgetSelectViewComponent, WidgetSelectFormComponent } from '../widget-select';
 import { getWidgetVxeInputConfig, WidgetVxeInputViewComponent, WidgetVxeInputFormComponent } from '../widget-vxe-input';
+import { getWidgetVxeNumberInputConfig, WidgetVxeNumberInputViewComponent, WidgetVxeNumberInputFormComponent } from '../widget-vxe-number-input';
+import { getWidgetVxeDateInputConfig, WidgetVxeDateInputViewComponent, WidgetVxeDateInputFormComponent } from '../widget-vxe-date-input';
 import { getWidgetVxeTextareaConfig, WidgetVxeTextareaViewComponent, WidgetVxeTextareaFormComponent } from '../widget-vxe-textarea';
 import { getWidgetVxeSwitchConfig, WidgetVxeSwitchViewComponent, WidgetVxeSwitchFormComponent } from '../widget-vxe-switch';
 import { getWidgetVxeSelectConfig, WidgetVxeSelectViewComponent, WidgetVxeSelectFormComponent } from '../widget-vxe-select';
@@ -38,6 +41,18 @@ renderer.mixin({
             return h(WidgetRowFormComponent, { renderOpts, renderParams });
         }
     },
+    // sublist: {
+    //   createFormDesignWidgetConfig: getWidgetSublistConfig,
+    //   renderFormDesignWidgetEdit (renderOpts, renderParams) {
+    //     return h(WidgetSublistEditComponent, { renderOpts, renderParams })
+    //   },
+    //   renderFormDesignWidgetView (renderOpts, renderParams) {
+    //     return h(WidgetSublistViewComponent, { renderOpts, renderParams })
+    //   },
+    //   renderFormDesignWidgetFormView (renderOpts, renderParams) {
+    //     return h(WidgetSublistFormComponent, { renderOpts, renderParams })
+    //   }
+    // },
     input: {
         createFormDesignWidgetConfig: getWidgetInputConfig,
         renderFormDesignWidgetView(renderOpts, renderParams) {
@@ -74,13 +89,22 @@ renderer.mixin({
             return h(WidgetVxeInputFormComponent, { renderOpts, renderParams });
         }
     },
-    VxeSwitch: {
-        createFormDesignWidgetConfig: getWidgetVxeSwitchConfig,
+    VxeNumberInput: {
+        createFormDesignWidgetConfig: getWidgetVxeNumberInputConfig,
         renderFormDesignWidgetView(renderOpts, renderParams) {
-            return h(WidgetVxeSwitchViewComponent, { renderOpts, renderParams });
+            return h(WidgetVxeNumberInputViewComponent, { renderOpts, renderParams });
         },
         renderFormDesignWidgetFormView(renderOpts, renderParams) {
-            return h(WidgetVxeSwitchFormComponent, { renderOpts, renderParams });
+            return h(WidgetVxeNumberInputFormComponent, { renderOpts, renderParams });
+        }
+    },
+    VxeDateInput: {
+        createFormDesignWidgetConfig: getWidgetVxeDateInputConfig,
+        renderFormDesignWidgetView(renderOpts, renderParams) {
+            return h(WidgetVxeDateInputViewComponent, { renderOpts, renderParams });
+        },
+        renderFormDesignWidgetFormView(renderOpts, renderParams) {
+            return h(WidgetVxeDateInputFormComponent, { renderOpts, renderParams });
         }
     },
     VxeTextarea: {
@@ -92,6 +116,15 @@ renderer.mixin({
             return h(WidgetVxeTextareaFormComponent, { renderOpts, renderParams });
         }
     },
+    VxeSwitch: {
+        createFormDesignWidgetConfig: getWidgetVxeSwitchConfig,
+        renderFormDesignWidgetView(renderOpts, renderParams) {
+            return h(WidgetVxeSwitchViewComponent, { renderOpts, renderParams });
+        },
+        renderFormDesignWidgetFormView(renderOpts, renderParams) {
+            return h(WidgetVxeSwitchFormComponent, { renderOpts, renderParams });
+        }
+    },
     VxeSelect: {
         createFormDesignWidgetConfig: getWidgetVxeSelectConfig,
         renderFormDesignWidgetView(renderOpts, renderParams) {

package/es/form-design/style.css

@@ -443,6 +443,10 @@
   display: block;
 }
 
+.vxe-form-design--widget-item-icon {
+  padding: 0 0.2em;
+}
+
 .vxe-form-design--widget-item-name {
   padding-left: var(--vxe-ui-layout-padding-half);
 }

package/es/form-design/style.min.css

@@ -1 +1 @@
-.vxe-form-design--widget-row-form-row{border:1px solid var(--vxe-ui-input-border-color);margin-bottom:var(--vxe-ui-layout-padding-default);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-form-design--widget-row-form-row:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-form-design--widget-row-form-row.is--active{border-color:var(--vxe-ui-font-primary-color);color:var(--vxe-ui-layout-background-color)}.vxe-form-design--widget-row-form-row.is--active .vxe-form-design--widget-row-form-col div{background:var(--vxe-ui-font-primary-color)}.vxe-form-design--widget-row-form-col{padding:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-row-form-col>div{line-height:24px;background:var(--vxe-ui-font-tinge-color);text-align:center;border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design--widget-row-view{position:relative;min-height:100%;padding:var(--vxe-ui-layout-padding-default);border:1px solid transparent;cursor:grabbing}.vxe-form-design--widget-row-view::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-form-design--widget-row-view:hover{background-color:var(--vxe-ui-form-design-sub-widget-hover-background-color)}.vxe-form-design--widget-row-view.is--active{border:1px dashed var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-form-design--widget-row-view.is--drag,.vxe-form-design--widget-row-view.is--sort{background-color:var(--vxe-ui-base-drag-background-color)}.vxe-form-design--widget-row-view-empty{text-align:center;height:78px;padding:var(--vxe-ui-layout-padding-default);padding-top:18px;color:var(--vxe-ui-font-placeholder-color);border:2px dashed var(--vxe-ui-input-border-color);font-size:.95em}.vxe-form-design--preview-item.widget-row{padding:var(--vxe-ui-layout-padding-default) 0}.vxe-form-design--preview-item.widget-row::after{display:none}.vxe-form-design .vxe-form-design--widget-form-item-devices{display:flex;flex-direction:column}.vxe-form-design .vxe-form-design--widget-form-item-layout{display:flex;flex-direction:row}.vxe-form-design .vxe-form-design--widget-form-item-option{width:50%;text-align:center;padding:var(--vxe-ui-layout-padding-default);margin:0 var(--vxe-ui-layout-padding-default);border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-form-design .vxe-form-design--widget-form-item-option.is--vertical .vxe-form-design--widget-form-item-option-row{display:flex;flex-direction:column}.vxe-form-design .vxe-form-design--widget-form-item-option.is--vertical .vxe-form-design--widget-form-item-option-row:nth-child(1)::before{content:"";display:block;width:30%;height:1.2em;margin:2px;background-color:var(--vxe-ui-font-tinge-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--vertical .vxe-form-design--widget-form-item-option-row:nth-child(2)::before{content:"";display:block;width:100%;height:1.2em;margin:2px;background-color:var(--vxe-ui-font-tinge-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row{display:flex;flex-direction:row}.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(1)::before,.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(2)::before{content:"";display:block;width:30%;height:1.2em;margin:2px;background-color:var(--vxe-ui-font-tinge-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(1)::after,.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(2)::after{content:"";display:block;width:70%;height:1.2em;margin:2px;background-color:var(--vxe-ui-font-tinge-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design .vxe-form-design--widget-form-item-option:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--active{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(1)::after,.vxe-form-design .vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(1)::before,.vxe-form-design .vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(2)::after,.vxe-form-design .vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(2)::before{background-color:var(--vxe-ui-font-primary-color)}.vxe-form-design .vxe-form-design--widget-form-item-option-row{margin-bottom:.2em}.vxe-form-design--widget-form-item-data-source{max-height:30vh;min-height:140px;overflow:auto}.vxe-form-design--widget-form-item-data-source-option{position:relative;display:flex;flex-direction:row;padding:var(--vxe-ui-layout-padding-half) 0}.vxe-form-design--widget-form-item-data-source-option::before{content:"";position:absolute;top:0;left:var(--vxe-ui-layout-padding-half);width:var(--vxe-ui-layout-padding-default);height:100%;border:1px dotted var(--vxe-ui-base-popup-border-color);border-width:0 0 0 1px}.vxe-form-design--widget-form-item-data-source-option::after{content:"";position:absolute;top:50%;left:var(--vxe-ui-layout-padding-half);width:var(--vxe-ui-layout-padding-default);height:0;border-top:1px dotted var(--vxe-ui-base-popup-border-color)}.vxe-form-design--widget-form-item-data-source-option.is--first::before{top:50%;height:50%}.vxe-form-design--widget-form-item-data-source-option.is--last::before{height:50%}.vxe-form-design--widget-form-item-data-source-option .vxe-button{flex-shrink:0}.vxe-form-design--widget-form-item-data-source-option .vxe-form-design--widget-expand-btn{display:flex;flex-direction:row;align-items:center;width:2em}.vxe-form-design--widget-form-item-data-source-option .vxe-form-design--widget-expand-btn i{cursor:pointer;background-color:var(--vxe-ui-layout-background-color);transition:transform .1s ease-in-out;z-index:2}.vxe-form-design--widget-form-item-data-source-sub-option{position:relative}.vxe-form-design--widget-form-item-data-source-sub-option::before{content:"";position:absolute;top:0;left:var(--vxe-ui-layout-padding-half);width:var(--vxe-ui-layout-padding-default);height:100%;border:1px dotted var(--vxe-ui-base-popup-border-color);border-width:0 0 0 1px}.vxe-form-design--widget-form-item-data-source-sub-option:last-child::before{display:none}.vxe-form-design--widget-form-item-data-source-sub-option .vxe-form-design--widget-form-item-data-source-option{padding-left:var(--vxe-ui-layout-padding-double)}.vxe-form-design--widget-form-item-data-source-sub-option .vxe-form-design--widget-form-item-data-source-option:first-child::before{top:0;height:50%}.vxe-form-design--widget-form-item-data-source-sub-option .vxe-form-design--widget-form-item-data-source-option::before{top:-50%;left:calc(var(--vxe-ui-layout-padding-double) + .5em);width:var(--vxe-ui-layout-padding-default);height:100%}.vxe-form-design--widget-form-item-data-source-sub-option .vxe-form-design--widget-form-item-data-source-option::after{left:calc(var(--vxe-ui-layout-padding-double) + .5em)}.vxe-form-design--widget-form-item-data-source-popup{height:100%;display:flex;flex-direction:column;overflow:auto}.vxe-form-design--widget-form-item-data-source-popup>.vxe-textarea{flex-grow:1}.vxe-form-design--widget-form-item-data-source-popup>.vxe-textarea .vxe-textarea--inner{height:100%}.vxe-form-design .vxe-form-design--widget-form-item-prop-list{margin-bottom:var(--vxe-ui-layout-padding-double);padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design .vxe-form-design--widget-form-item-prop-list:first-child{margin-top:var(--vxe-ui-layout-padding-default)}.vxe-form-design .vxe-form-design--widget-form-item-prop-list>span{padding:0 .5em}.vxe-form-design .vxe-form-design--widget-form-item-prop-list>span:first-child{padding:0;padding-right:var(--vxe-ui-layout-padding-default)}.vxe-form-design .vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-unit,.vxe-form-design .vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-width,.vxe-form-design .vxe-form-design--widget-form-item-prop-list>span:first-child{display:inline-block;vertical-align:middle}.vxe-form-design .vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-width{width:90px}.vxe-form-design .vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-unit{width:90px}.vxe-form-design{display:flex;flex-direction:column;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-form-design{font-size:var(--vxe-ui-font-size-default)}.vxe-form-design.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form-design.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form-design.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form-design--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-form-design--header{flex-shrink:0;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design--header-wrapper{display:flex;flex-direction:row;align-items:center;width:100%;min-height:3em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design--header-left,.vxe-form-design--header-right{flex-shrink:0}.vxe-form-design--header-middle{flex-grow:1}.vxe-form-design--layout-style{display:flex;flex-direction:row;height:100%;overflow:hidden}.vxe-form-design--layout-style-preview{flex-grow:1;padding-right:var(--vxe-ui-layout-padding-default);overflow:hidden}.vxe-form-design--layout-style-preview>.vxe-form-view{height:100%;width:100%;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);overflow:auto}.vxe-form-design--layout-style-preview.is--mobile>.vxe-form-view{width:400px;margin:0 auto}.vxe-form-design--layout-style-setting{flex-shrink:0;width:300px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);z-index:1;overflow:auto}.vxe-form-design--widget{width:260px;flex-shrink:0;overflow:auto}.vxe-form-design--setting,.vxe-form-design--widget{padding:var(--vxe-ui-layout-padding-default);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design--setting{width:280px;flex-shrink:0;overflow:auto}.vxe-form-design--preview{flex-grow:1;overflow:auto;padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-half);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-form-design--preview-wrapper{width:100%;height:100%;overflow:auto;padding:var(--vxe-ui-layout-padding-default) 0;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--widget-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form-design--widget-title{font-weight:700;padding:var(--vxe-ui-layout-padding-half) 0 var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-half)}.vxe-form-design--widget-group{border-radius:var(--vxe-ui-base-border-radius);padding:var(--vxe-ui-layout-padding-default);margin-bottom:var(--vxe-ui-layout-padding-default);background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--widget-item{width:50%;padding:var(--vxe-ui-layout-padding-half)}.vxe-form-design--widget-box{position:relative;height:32px;line-height:32px;font-size:var(--vxe-ui-form-design-widget-item-font-size);padding:0 var(--vxe-ui-layout-padding-half);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-layout-background-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-form-design--widget-box:hover{border-color:var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-form-design--widget-box:hover .vxe-form-design--widget-item-add{display:block}.vxe-form-design--widget-item-name{padding-left:var(--vxe-ui-layout-padding-half)}.vxe-form-design--widget-item-add{display:none;position:absolute;top:0;right:var(--vxe-ui-layout-padding-default);width:1em;height:100%;cursor:pointer}.vxe-form-design--widget-item-add:hover{color:var(--vxe-ui-font-primary-color)}.vxe-form-design--preview-list{width:100%}.vxe-form-design--preview-list-move{transition:transform .35s ease-in-out}.vxe-form-design--preview-item{position:relative;display:block;padding:var(--vxe-ui-layout-padding-default);border:1px solid transparent;cursor:grabbing}.vxe-form-design--preview-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-form-design--preview-item:hover{background-color:var(--vxe-ui-form-design-widget-hover-background-color)}.vxe-form-design--preview-item.is--active{border:1px dashed var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-form-design--preview-item.is--drag,.vxe-form-design--preview-item.is--sort{background-color:var(--vxe-ui-base-drag-background-color)}.vxe-form-design--preview-item-view{width:100%}.vxe-form-design--preview-item-operate{position:absolute;top:calc(var(--vxe-ui-layout-padding-default) * -1);right:var(--vxe-ui-layout-padding-default);z-index:3}.vxe-form-design--setting-form{height:100%;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--setting-form-tabs{height:100%}
+.vxe-form-design--widget-row-form-row{border:1px solid var(--vxe-ui-input-border-color);margin-bottom:var(--vxe-ui-layout-padding-default);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-form-design--widget-row-form-row:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-form-design--widget-row-form-row.is--active{border-color:var(--vxe-ui-font-primary-color);color:var(--vxe-ui-layout-background-color)}.vxe-form-design--widget-row-form-row.is--active .vxe-form-design--widget-row-form-col div{background:var(--vxe-ui-font-primary-color)}.vxe-form-design--widget-row-form-col{padding:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-row-form-col>div{line-height:24px;background:var(--vxe-ui-font-tinge-color);text-align:center;border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design--widget-row-view{position:relative;min-height:100%;padding:var(--vxe-ui-layout-padding-default);border:1px solid transparent;cursor:grabbing}.vxe-form-design--widget-row-view::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-form-design--widget-row-view:hover{background-color:var(--vxe-ui-form-design-sub-widget-hover-background-color)}.vxe-form-design--widget-row-view.is--active{border:1px dashed var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-form-design--widget-row-view.is--drag,.vxe-form-design--widget-row-view.is--sort{background-color:var(--vxe-ui-base-drag-background-color)}.vxe-form-design--widget-row-view-empty{text-align:center;height:78px;padding:var(--vxe-ui-layout-padding-default);padding-top:18px;color:var(--vxe-ui-font-placeholder-color);border:2px dashed var(--vxe-ui-input-border-color);font-size:.95em}.vxe-form-design--preview-item.widget-row{padding:var(--vxe-ui-layout-padding-default) 0}.vxe-form-design--preview-item.widget-row::after{display:none}.vxe-form-design .vxe-form-design--widget-form-item-devices{display:flex;flex-direction:column}.vxe-form-design .vxe-form-design--widget-form-item-layout{display:flex;flex-direction:row}.vxe-form-design .vxe-form-design--widget-form-item-option{width:50%;text-align:center;padding:var(--vxe-ui-layout-padding-default);margin:0 var(--vxe-ui-layout-padding-default);border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-form-design .vxe-form-design--widget-form-item-option.is--vertical .vxe-form-design--widget-form-item-option-row{display:flex;flex-direction:column}.vxe-form-design .vxe-form-design--widget-form-item-option.is--vertical .vxe-form-design--widget-form-item-option-row:nth-child(1)::before{content:"";display:block;width:30%;height:1.2em;margin:2px;background-color:var(--vxe-ui-font-tinge-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--vertical .vxe-form-design--widget-form-item-option-row:nth-child(2)::before{content:"";display:block;width:100%;height:1.2em;margin:2px;background-color:var(--vxe-ui-font-tinge-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row{display:flex;flex-direction:row}.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(1)::before,.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(2)::before{content:"";display:block;width:30%;height:1.2em;margin:2px;background-color:var(--vxe-ui-font-tinge-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(1)::after,.vxe-form-design .vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(2)::after{content:"";display:block;width:70%;height:1.2em;margin:2px;background-color:var(--vxe-ui-font-tinge-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design .vxe-form-design--widget-form-item-option:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--active{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-form-design .vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(1)::after,.vxe-form-design .vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(1)::before,.vxe-form-design .vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(2)::after,.vxe-form-design .vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(2)::before{background-color:var(--vxe-ui-font-primary-color)}.vxe-form-design .vxe-form-design--widget-form-item-option-row{margin-bottom:.2em}.vxe-form-design--widget-form-item-data-source{max-height:30vh;min-height:140px;overflow:auto}.vxe-form-design--widget-form-item-data-source-option{position:relative;display:flex;flex-direction:row;padding:var(--vxe-ui-layout-padding-half) 0}.vxe-form-design--widget-form-item-data-source-option::before{content:"";position:absolute;top:0;left:var(--vxe-ui-layout-padding-half);width:var(--vxe-ui-layout-padding-default);height:100%;border:1px dotted var(--vxe-ui-base-popup-border-color);border-width:0 0 0 1px}.vxe-form-design--widget-form-item-data-source-option::after{content:"";position:absolute;top:50%;left:var(--vxe-ui-layout-padding-half);width:var(--vxe-ui-layout-padding-default);height:0;border-top:1px dotted var(--vxe-ui-base-popup-border-color)}.vxe-form-design--widget-form-item-data-source-option.is--first::before{top:50%;height:50%}.vxe-form-design--widget-form-item-data-source-option.is--last::before{height:50%}.vxe-form-design--widget-form-item-data-source-option .vxe-button{flex-shrink:0}.vxe-form-design--widget-form-item-data-source-option .vxe-form-design--widget-expand-btn{display:flex;flex-direction:row;align-items:center;width:2em}.vxe-form-design--widget-form-item-data-source-option .vxe-form-design--widget-expand-btn i{cursor:pointer;background-color:var(--vxe-ui-layout-background-color);transition:transform .1s ease-in-out;z-index:2}.vxe-form-design--widget-form-item-data-source-sub-option{position:relative}.vxe-form-design--widget-form-item-data-source-sub-option::before{content:"";position:absolute;top:0;left:var(--vxe-ui-layout-padding-half);width:var(--vxe-ui-layout-padding-default);height:100%;border:1px dotted var(--vxe-ui-base-popup-border-color);border-width:0 0 0 1px}.vxe-form-design--widget-form-item-data-source-sub-option:last-child::before{display:none}.vxe-form-design--widget-form-item-data-source-sub-option .vxe-form-design--widget-form-item-data-source-option{padding-left:var(--vxe-ui-layout-padding-double)}.vxe-form-design--widget-form-item-data-source-sub-option .vxe-form-design--widget-form-item-data-source-option:first-child::before{top:0;height:50%}.vxe-form-design--widget-form-item-data-source-sub-option .vxe-form-design--widget-form-item-data-source-option::before{top:-50%;left:calc(var(--vxe-ui-layout-padding-double) + .5em);width:var(--vxe-ui-layout-padding-default);height:100%}.vxe-form-design--widget-form-item-data-source-sub-option .vxe-form-design--widget-form-item-data-source-option::after{left:calc(var(--vxe-ui-layout-padding-double) + .5em)}.vxe-form-design--widget-form-item-data-source-popup{height:100%;display:flex;flex-direction:column;overflow:auto}.vxe-form-design--widget-form-item-data-source-popup>.vxe-textarea{flex-grow:1}.vxe-form-design--widget-form-item-data-source-popup>.vxe-textarea .vxe-textarea--inner{height:100%}.vxe-form-design .vxe-form-design--widget-form-item-prop-list{margin-bottom:var(--vxe-ui-layout-padding-double);padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design .vxe-form-design--widget-form-item-prop-list:first-child{margin-top:var(--vxe-ui-layout-padding-default)}.vxe-form-design .vxe-form-design--widget-form-item-prop-list>span{padding:0 .5em}.vxe-form-design .vxe-form-design--widget-form-item-prop-list>span:first-child{padding:0;padding-right:var(--vxe-ui-layout-padding-default)}.vxe-form-design .vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-unit,.vxe-form-design .vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-width,.vxe-form-design .vxe-form-design--widget-form-item-prop-list>span:first-child{display:inline-block;vertical-align:middle}.vxe-form-design .vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-width{width:90px}.vxe-form-design .vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-unit{width:90px}.vxe-form-design{display:flex;flex-direction:column;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-form-design{font-size:var(--vxe-ui-font-size-default)}.vxe-form-design.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form-design.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form-design.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form-design--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-form-design--header{flex-shrink:0;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design--header-wrapper{display:flex;flex-direction:row;align-items:center;width:100%;min-height:3em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design--header-left,.vxe-form-design--header-right{flex-shrink:0}.vxe-form-design--header-middle{flex-grow:1}.vxe-form-design--layout-style{display:flex;flex-direction:row;height:100%;overflow:hidden}.vxe-form-design--layout-style-preview{flex-grow:1;padding-right:var(--vxe-ui-layout-padding-default);overflow:hidden}.vxe-form-design--layout-style-preview>.vxe-form-view{height:100%;width:100%;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);overflow:auto}.vxe-form-design--layout-style-preview.is--mobile>.vxe-form-view{width:400px;margin:0 auto}.vxe-form-design--layout-style-setting{flex-shrink:0;width:300px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);z-index:1;overflow:auto}.vxe-form-design--widget{width:260px;flex-shrink:0;overflow:auto}.vxe-form-design--setting,.vxe-form-design--widget{padding:var(--vxe-ui-layout-padding-default);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design--setting{width:280px;flex-shrink:0;overflow:auto}.vxe-form-design--preview{flex-grow:1;overflow:auto;padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-half);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-form-design--preview-wrapper{width:100%;height:100%;overflow:auto;padding:var(--vxe-ui-layout-padding-default) 0;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--widget-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form-design--widget-title{font-weight:700;padding:var(--vxe-ui-layout-padding-half) 0 var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-half)}.vxe-form-design--widget-group{border-radius:var(--vxe-ui-base-border-radius);padding:var(--vxe-ui-layout-padding-default);margin-bottom:var(--vxe-ui-layout-padding-default);background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--widget-item{width:50%;padding:var(--vxe-ui-layout-padding-half)}.vxe-form-design--widget-box{position:relative;height:32px;line-height:32px;font-size:var(--vxe-ui-form-design-widget-item-font-size);padding:0 var(--vxe-ui-layout-padding-half);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-layout-background-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-form-design--widget-box:hover{border-color:var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-form-design--widget-box:hover .vxe-form-design--widget-item-add{display:block}.vxe-form-design--widget-item-icon{padding:0 .2em}.vxe-form-design--widget-item-name{padding-left:var(--vxe-ui-layout-padding-half)}.vxe-form-design--widget-item-add{display:none;position:absolute;top:0;right:var(--vxe-ui-layout-padding-default);width:1em;height:100%;cursor:pointer}.vxe-form-design--widget-item-add:hover{color:var(--vxe-ui-font-primary-color)}.vxe-form-design--preview-list{width:100%}.vxe-form-design--preview-list-move{transition:transform .35s ease-in-out}.vxe-form-design--preview-item{position:relative;display:block;padding:var(--vxe-ui-layout-padding-default);border:1px solid transparent;cursor:grabbing}.vxe-form-design--preview-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-form-design--preview-item:hover{background-color:var(--vxe-ui-form-design-widget-hover-background-color)}.vxe-form-design--preview-item.is--active{border:1px dashed var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-form-design--preview-item.is--drag,.vxe-form-design--preview-item.is--sort{background-color:var(--vxe-ui-base-drag-background-color)}.vxe-form-design--preview-item-view{width:100%}.vxe-form-design--preview-item-operate{position:absolute;top:calc(var(--vxe-ui-layout-padding-default) * -1);right:var(--vxe-ui-layout-padding-default);z-index:3}.vxe-form-design--setting-form{height:100%;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--setting-form-tabs{height:100%}

package/es/form-design/widget-sublist/index.js

@@ -0,0 +1,3 @@
+export * from './sublist-data';
+export * from './sublist-form';
+export * from './sublist-view';

package/es/form-design/widget-sublist/sublist-data.js

@@ -0,0 +1,11 @@
+import { handleGetFormDesignWidgetName } from '../render/util';
+export const getWidgetSublistConfig = () => {
+    return {
+        title: handleGetFormDesignWidgetName,
+        group: 'layout',
+        icon: 'vxe-icon-subtable',
+        options: {
+            showSeq: true
+        }
+    };
+};

package/es/form-design/widget-sublist/sublist-form.js

@@ -0,0 +1,56 @@
+import { defineComponent, h, inject } from 'vue';
+import { getI18n } from '@vxe-ui/core';
+import { useKebabCaseName } from '../render/hooks';
+import VxeFormComponent from '../../form/src/form';
+import VxeFormItemComponent from '../../form/src/form-item';
+import VxeInputComponent from '../../input/src/input';
+export const WidgetSublistFormComponent = defineComponent({
+    props: {
+        renderOpts: {
+            type: Object,
+            default: () => ({})
+        },
+        renderParams: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: [],
+    setup(props) {
+        const $xeFormDesign = inject('$xeFormDesign', null);
+        if (!$xeFormDesign) {
+            return () => [];
+        }
+        const computeKebabCaseName = useKebabCaseName(props);
+        return () => {
+            const { renderParams } = props;
+            const { widget } = renderParams;
+            const kebabCaseName = computeKebabCaseName.value;
+            return h(VxeFormComponent, {
+                class: `vxe-form-design--widget-${kebabCaseName}-form`,
+                vertical: true,
+                span: 24,
+                titleBold: true,
+                titleOverflow: true,
+                data: widget.options
+            }, {
+                default() {
+                    return [
+                        h(VxeFormItemComponent, {
+                            title: getI18n('vxe.formDesign.widgetProp.name')
+                        }, {
+                            default() {
+                                return h(VxeInputComponent, {
+                                    modelValue: widget.title,
+                                    'onUpdate:modelValue'(val) {
+                                        widget.title = val;
+                                    }
+                                });
+                            }
+                        })
+                    ];
+                }
+            });
+        };
+    }
+});

package/es/form-design/widget-sublist/sublist-view.js

@@ -0,0 +1,42 @@
+import { defineComponent, h } from 'vue';
+import VxeFormGatherComponent from '../../form/src/form-gather';
+export const WidgetSublistEditComponent = defineComponent({
+    props: {
+        renderOpts: {
+            type: Object,
+            default: () => ({})
+        },
+        renderParams: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: [],
+    setup() {
+        return () => {
+            return h(VxeFormGatherComponent, {}, {
+                default() {
+                    return h('div', 'xx');
+                }
+            });
+        };
+    }
+});
+export const WidgetSublistViewComponent = defineComponent({
+    props: {
+        renderOpts: {
+            type: Object,
+            default: () => ({})
+        },
+        renderParams: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: [],
+    setup() {
+        return () => {
+            return h('div', 'eeee');
+        };
+    }
+});

package/es/form-design/widget-vxe-date-input/index.js

@@ -0,0 +1,3 @@
+export * from './vxe-date-input-data';
+export * from './vxe-date-input-form';
+export * from './vxe-date-input-view';

package/es/form-design/widget-vxe-date-input/vxe-date-input-data.js

@@ -0,0 +1,10 @@
+import { handleGetFormDesignWidgetName } from '../render/util';
+export const getWidgetVxeDateInputConfig = () => {
+    return {
+        title: handleGetFormDesignWidgetName,
+        icon: 'vxe-icon-calendar',
+        options: {
+            placeholder: ''
+        }
+    };
+};

package/es/form-design/widget-vxe-date-input/vxe-date-input-form.js

@@ -0,0 +1,69 @@
+import { defineComponent, h } from 'vue';
+import { getI18n } from '@vxe-ui/core';
+import { useKebabCaseName } from '../render/hooks';
+import VxeFormComponent from '../../form/src/form';
+import VxeFormItemComponent from '../../form/src/form-item';
+import VxeInputComponent from '../../input/src/input';
+import VxeSwitchComponent from '../../switch/src/switch';
+export const WidgetVxeDateInputFormComponent = defineComponent({
+    props: {
+        renderOpts: {
+            type: Object,
+            default: () => ({})
+        },
+        renderParams: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: [],
+    setup(props) {
+        const computeKebabCaseName = useKebabCaseName(props);
+        return () => {
+            const { renderParams } = props;
+            const { widget } = renderParams;
+            const kebabCaseName = computeKebabCaseName.value;
+            return h(VxeFormComponent, {
+                class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
+                vertical: true,
+                span: 24,
+                titleBold: true,
+                data: widget.options
+            }, {
+                default() {
+                    return [
+                        h(VxeFormItemComponent, {
+                            title: getI18n('vxe.formDesign.widgetProp.name')
+                        }, {
+                            default() {
+                                return h(VxeInputComponent, {
+                                    modelValue: widget.title,
+                                    'onUpdate:modelValue'(val) {
+                                        widget.title = val;
+                                    }
+                                });
+                            }
+                        }),
+                        h(VxeFormItemComponent, {
+                            title: getI18n('vxe.formDesign.widgetProp.placeholder'),
+                            field: 'placeholder',
+                            itemRender: { name: 'VxeInput' }
+                        }),
+                        h(VxeFormItemComponent, {
+                            title: getI18n('vxe.formDesign.widgetProp.required')
+                        }, {
+                            default() {
+                                return h(VxeSwitchComponent, {
+                                    modelValue: widget.required,
+                                    'onUpdate:modelValue'(val) {
+                                        widget.required = val;
+                                    }
+                                });
+                            }
+                        })
+                    ];
+                }
+            });
+        };
+    }
+});

package/es/form-design/widget-vxe-date-input/vxe-date-input-view.js

@@ -0,0 +1,51 @@
+import { defineComponent, h, inject } from 'vue';
+import { useKebabCaseName } from '../render/hooks';
+import VxeFormItemComponent from '../../form/src/form-item';
+import VxeDateInputComponent from '../../date-input/src/date-input';
+export const WidgetVxeDateInputViewComponent = defineComponent({
+    props: {
+        renderOpts: {
+            type: Object,
+            default: () => ({})
+        },
+        renderParams: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: [],
+    setup(props) {
+        const $xeFormView = inject('$xeFormView', null);
+        const computeKebabCaseName = useKebabCaseName(props);
+        const changeEvent = () => {
+            const { renderParams } = props;
+            const { widget } = renderParams;
+            if ($xeFormView) {
+                const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
+                $xeFormView.updateItemStatus(widget, itemValue);
+            }
+        };
+        return () => {
+            const { renderParams } = props;
+            const { widget } = renderParams;
+            const kebabCaseName = computeKebabCaseName.value;
+            return h(VxeFormItemComponent, {
+                class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
+                title: widget.title,
+                field: widget.field
+            }, {
+                default() {
+                    return h(VxeDateInputComponent, {
+                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
+                        onChange: changeEvent,
+                        'onUpdate:modelValue'(val) {
+                            if ($xeFormView) {
+                                $xeFormView.setItemValue(widget, val);
+                            }
+                        }
+                    });
+                }
+            });
+        };
+    }
+});

package/es/form-design/widget-vxe-number-input/index.js

@@ -0,0 +1,3 @@
+export * from './vxe-number-input-data';
+export * from './vxe-number-input-form';
+export * from './vxe-number-input-view';

package/es/form-design/widget-vxe-number-input/vxe-number-input-data.js

@@ -0,0 +1,10 @@
+import { handleGetFormDesignWidgetName } from '../render/util';
+export const getWidgetVxeNumberInputConfig = () => {
+    return {
+        title: handleGetFormDesignWidgetName,
+        icon: 'vxe-icon-number',
+        options: {
+            placeholder: ''
+        }
+    };
+};

package/es/form-design/widget-vxe-number-input/vxe-number-input-form.js

@@ -0,0 +1,69 @@
+import { defineComponent, h } from 'vue';
+import { getI18n } from '@vxe-ui/core';
+import { useKebabCaseName } from '../render/hooks';
+import VxeFormComponent from '../../form/src/form';
+import VxeFormItemComponent from '../../form/src/form-item';
+import VxeInputComponent from '../../input/src/input';
+import VxeSwitchComponent from '../../switch/src/switch';
+export const WidgetVxeNumberInputFormComponent = defineComponent({
+    props: {
+        renderOpts: {
+            type: Object,
+            default: () => ({})
+        },
+        renderParams: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: [],
+    setup(props) {
+        const computeKebabCaseName = useKebabCaseName(props);
+        return () => {
+            const { renderParams } = props;
+            const { widget } = renderParams;
+            const kebabCaseName = computeKebabCaseName.value;
+            return h(VxeFormComponent, {
+                class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
+                vertical: true,
+                span: 24,
+                titleBold: true,
+                data: widget.options
+            }, {
+                default() {
+                    return [
+                        h(VxeFormItemComponent, {
+                            title: getI18n('vxe.formDesign.widgetProp.name')
+                        }, {
+                            default() {
+                                return h(VxeInputComponent, {
+                                    modelValue: widget.title,
+                                    'onUpdate:modelValue'(val) {
+                                        widget.title = val;
+                                    }
+                                });
+                            }
+                        }),
+                        h(VxeFormItemComponent, {
+                            title: getI18n('vxe.formDesign.widgetProp.placeholder'),
+                            field: 'placeholder',
+                            itemRender: { name: 'VxeInput' }
+                        }),
+                        h(VxeFormItemComponent, {
+                            title: getI18n('vxe.formDesign.widgetProp.required')
+                        }, {
+                            default() {
+                                return h(VxeSwitchComponent, {
+                                    modelValue: widget.required,
+                                    'onUpdate:modelValue'(val) {
+                                        widget.required = val;
+                                    }
+                                });
+                            }
+                        })
+                    ];
+                }
+            });
+        };
+    }
+});

package/es/form-design/widget-vxe-number-input/vxe-number-input-view.js

@@ -0,0 +1,51 @@
+import { defineComponent, h, inject } from 'vue';
+import { useKebabCaseName } from '../render/hooks';
+import VxeFormItemComponent from '../../form/src/form-item';
+import VxeNumberInputComponent from '../../number-input/src/number-input';
+export const WidgetVxeNumberInputViewComponent = defineComponent({
+    props: {
+        renderOpts: {
+            type: Object,
+            default: () => ({})
+        },
+        renderParams: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: [],
+    setup(props) {
+        const $xeFormView = inject('$xeFormView', null);
+        const computeKebabCaseName = useKebabCaseName(props);
+        const changeEvent = () => {
+            const { renderParams } = props;
+            const { widget } = renderParams;
+            if ($xeFormView) {
+                const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
+                $xeFormView.updateItemStatus(widget, itemValue);
+            }
+        };
+        return () => {
+            const { renderParams } = props;
+            const { widget } = renderParams;
+            const kebabCaseName = computeKebabCaseName.value;
+            return h(VxeFormItemComponent, {
+                class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
+                title: widget.title,
+                field: widget.field
+            }, {
+                default() {
+                    return h(VxeNumberInputComponent, {
+                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
+                        onChange: changeEvent,
+                        'onUpdate:modelValue'(val) {
+                            if ($xeFormView) {
+                                $xeFormView.setItemValue(widget, val);
+                            }
+                        }
+                    });
+                }
+            });
+        };
+    }
+});