vxe-pc-ui 4.0.90 → 4.0.92

package/es/form/src/form.js

@@ -493,11 +493,13 @@ export default defineComponent({
                 return nextTick();
             }
             let fields = [];
-            if (XEUtils.isArray(fieldOrItem)) {
-                fields = fieldOrItem;
-            }
-            else {
-                fields = [fieldOrItem];
+            if (fieldOrItem) {
+                if (XEUtils.isArray(fieldOrItem)) {
+                    fields = fieldOrItem;
+                }
+                else {
+                    fields = [fieldOrItem];
+                }
             }
             return beginValidate(fields.map(field => handleFieldOrItem($xeForm, field)), '', callback);
         };

package/es/form/src/render.js

@@ -1,4 +1,4 @@
-import { h } from 'vue';
+import { createCommentVNode, h } from 'vue';
 import { getIcon, renderer } from '../../ui';
 import { getFuncText, isEnableConf } from '../../ui/src/utils';
 import { getSlotVNs } from '../../ui/src/vn';
@@ -32,7 +32,7 @@ export function renderTitle($xeForm, item) {
     const compConf = isEnableConf(itemRender) ? renderer.get(itemRender.name) : null;
     const params = { data, readonly, disabled, field, property: field, item, $form: $xeForm, $grid: $xeForm.xegrid };
     const titleSlot = slots ? slots.title : null;
-    const contVNs = [];
+    const extraSlot = slots ? slots.extra : null;
     const titVNs = [];
     if (titlePrefix) {
         titVNs.push((titlePrefix.content || titlePrefix.message)
@@ -45,9 +45,6 @@ export function renderTitle($xeForm, item) {
     titVNs.push(h('span', {
         class: 'vxe-form--item-title-label'
     }, titleSlot ? $xeForm.callSlot(titleSlot, params) : (rftTitle ? getSlotVNs(rftTitle(itemRender, params)) : getFuncText(item.title))));
-    contVNs.push(h('div', {
-        class: 'vxe-form--item-title-content'
-    }, titVNs));
     const fixVNs = [];
     if (titleSuffix) {
         fixVNs.push((titleSuffix.content || titleSuffix.message)
@@ -56,8 +53,17 @@ export function renderTitle($xeForm, item) {
             })
             : renderSuffixIcon(titleSuffix));
     }
-    contVNs.push(h('div', {
-        class: 'vxe-form--item-title-postfix'
-    }, fixVNs));
-    return contVNs;
+    return [
+        h('div', {
+            class: 'vxe-form--item-title-content'
+        }, titVNs),
+        h('div', {
+            class: 'vxe-form--item-title-postfix'
+        }, fixVNs),
+        extraSlot
+            ? h('div', {
+                class: 'vxe-form--item-title-extra'
+            }, $xeForm.callSlot(extraSlot, params))
+            : createCommentVNode()
+    ];
 }

package/es/form/style.css

@@ -166,6 +166,13 @@
 .vxe-form--item-title .vxe-form--item-title-label {
   vertical-align: middle;
 }
+.vxe-form--item-title .vxe-form--item-title-extra {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: right;
+  flex-grow: 1;
+}
 
 .vxe-form--item-trigger-node {
   font-size: 12px;

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:.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-picker,.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-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error .vxe-date-picker,.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-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.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-picker: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:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input: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-title .vxe-form--item-title-extra{display:flex;flex-direction:row;align-items:center;justify-content:right;flex-grow:1}.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-picker,.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-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error .vxe-date-picker,.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-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.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-picker: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:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input: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/src/form-design.js

@@ -92,7 +92,7 @@ export default defineComponent({
             return XEUtils.clone(reactData.formData, true);
         };
         const loadFormConfig = (data) => {
-            reactData.formData = Object.assign({}, data);
+            reactData.formData = Object.assign({}, createSettingForm(), data);
             return nextTick();
         };
         const getWidgetData = () => {
@@ -127,7 +127,7 @@ export default defineComponent({
             },
             clearConfig() {
                 reactData.widgetObjList = [];
-                createSettingForm();
+                initSettingForm();
                 return nextTick();
             },
             loadConfig,
@@ -301,7 +301,10 @@ export default defineComponent({
                 const createFormConfig = compConf ? compConf.createFormDesignSettingFormConfig : null;
                 formData = (createFormConfig ? createFormConfig({}) : {}) || {};
             }
-            reactData.formData = formData;
+            return formData;
+        };
+        const initSettingForm = () => {
+            reactData.formData = createSettingForm();
         };
         const openStylePreviewEvent = () => {
             openStyleSetting();
@@ -367,7 +370,7 @@ export default defineComponent({
         watch(() => props.config, (value) => {
             loadConfig(value || {});
         });
-        createSettingForm();
+        initSettingForm();
         updateWidgetConfigs();
         if (props.config) {
             loadConfig(props.config);

package/es/form-design/src/form-view.js

@@ -11,10 +11,7 @@ export default defineComponent({
     name: 'VxeFormView',
     props: {
         modelValue: Object,
-        config: {
-            type: Object,
-            default: () => ({})
-        },
+        config: Object,
         viewRender: Object,
         createFormConfig: Function
     },
@@ -46,6 +43,12 @@ export default defineComponent({
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
+        const clearConfig = () => {
+            return loadConfig({
+                formConfig: {},
+                widgetData: []
+            });
+        };
         const loadConfig = (config) => {
             if (config) {
                 const { formConfig, widgetData } = config;
@@ -54,42 +57,30 @@ export default defineComponent({
             }
             return nextTick();
         };
-        const loadFormConfig = (formConfig) => {
-            const { viewRender } = props;
-            const { createFormConfig } = props;
+        const parseConfig = (config) => {
+            const { formConfig, widgetData } = config || {};
+            const widgetObjList = parseWidgetData(widgetData || []);
+            return Object.assign(Object.assign({}, parseForm(widgetObjList)), { formConfig: parseFormConfig(formConfig || {}), widgetData: widgetObjList });
+        };
+        const parseFormConfig = (formConfig) => {
+            const { viewRender, createFormConfig } = props;
             const params = { viewRender, formConfig };
             if (createFormConfig) {
-                reactData.formConfig = createFormConfig(params);
+                return createFormConfig(params);
             }
-            else {
-                const { name } = viewRender || {};
-                const compConf = renderer.get(name) || {};
-                const createPCFormConfig = compConf ? compConf.createFormViewFormConfig : null;
-                reactData.formConfig = Object.assign({}, createPCFormConfig ? createPCFormConfig(params) : createDefaultFormViewPCFormConfig(params));
-            }
-            return nextTick();
+            const { name } = viewRender || {};
+            const compConf = renderer.get(name) || {};
+            const createPCFormConfig = compConf ? compConf.createFormViewFormConfig : null;
+            return Object.assign({}, createPCFormConfig ? createPCFormConfig(params) : createDefaultFormViewPCFormConfig(params));
         };
-        const loadWidgetData = (widgetData) => {
-            reactData.widgetObjList = (widgetData || []).map(item => configToWidget(item));
-            updateWidgetInfo();
+        const loadFormConfig = (formConfig) => {
+            reactData.formConfig = parseFormConfig(formConfig);
             return nextTick();
         };
-        const getWidgetDefaultValue = (widget) => {
-            switch (widget.name) {
-                case 'subtable':
-                    return [];
-            }
-            return null;
-        };
-        const getWidgetDefaultRule = () => {
-            return [
-                { required: true, content: '该填写该字段！' }
-            ];
-        };
-        const updateWidgetInfo = () => {
+        const parseForm = (widgetObjList) => {
             const formData = {};
             const formRules = {};
-            XEUtils.eachTree(reactData.widgetObjList, widget => {
+            XEUtils.eachTree(widgetObjList, widget => {
                 const { name, field, required } = widget;
                 const compConf = renderer.get(name) || {};
                 const createWidgetFieldValue = compConf.createFormDesignWidgetFieldValue;
@@ -105,10 +96,35 @@ export default defineComponent({
                     formRules[field] = getWidgetDefaultRule();
                 }
             }, { children: 'children' });
+            return {
+                formData,
+                formRules
+            };
+        };
+        const parseWidgetData = (widgetData) => {
+            return (widgetData || []).map(item => configToWidget(item));
+        };
+        const loadWidgetData = (widgetData) => {
+            const widgetObjList = parseWidgetData(widgetData);
+            reactData.widgetObjList = widgetObjList;
+            const { formData, formRules } = parseForm(widgetObjList);
             reactData.formRules = formRules;
             emit('update:modelValue', Object.assign(formData, props.modelValue));
+            return nextTick();
         };
-        const updateItemStatus = (widget, value) => {
+        const getWidgetDefaultValue = (widget) => {
+            switch (widget.name) {
+                case 'subtable':
+                    return [];
+            }
+            return null;
+        };
+        const getWidgetDefaultRule = () => {
+            return [
+                { required: true, content: '该填写该字段！' }
+            ];
+        };
+        const updateWidgetStatus = (widget, value) => {
             const { field } = widget;
             const $form = formRef.value;
             if ($form) {
@@ -138,14 +154,60 @@ export default defineComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $formView: $xeFormView }, params));
         };
+        const toWidgetFields = (widget) => {
+            if (widget) {
+                if (XEUtils.isArray(widget)) {
+                    return widget.map(item => item.name);
+                }
+                else {
+                    return [widget.name];
+                }
+            }
+            return null;
+        };
         const formViewMethods = {
             dispatchEvent,
+            clearConfig,
             loadConfig,
+            parseConfig,
             loadFormConfig,
             loadWidgetData,
-            updateItemStatus,
+            updateWidgetStatus,
             setItemValue,
-            getItemValue
+            getItemValue,
+            validate() {
+                const $form = formRef.value;
+                if ($form) {
+                    return $form.validate();
+                }
+                return nextTick();
+            },
+            validateWidget(widget) {
+                const $form = formRef.value;
+                if ($form) {
+                    return $form.validateField(toWidgetFields(widget));
+                }
+                return nextTick();
+            },
+            clearValidate(widget) {
+                const $form = formRef.value;
+                if ($form) {
+                    return $form.clearValidate(toWidgetFields(widget));
+                }
+                return nextTick();
+            },
+            reset() {
+                const $form = formRef.value;
+                if ($form) {
+                    return $form.reset();
+                }
+                return nextTick();
+            },
+            /**
+             * 已废弃
+             * @deprecated
+             */
+            updateItemStatus: updateWidgetStatus
         };
         const handleSubmit = (params) => {
             dispatchEvent('submit', params, params.$event);
@@ -217,7 +279,9 @@ export default defineComponent({
                                 });
                             }),
                             footerSlot
-                                ? h(VxeFormItemComponent, {}, {
+                                ? h(VxeFormGatherComponent, {
+                                    span: 24
+                                }, {
                                     default() {
                                         return footerSlot({});
                                     }
@@ -229,10 +293,12 @@ export default defineComponent({
             ]);
         };
         $xeFormView.renderVN = renderVN;
-        watch(() => props.config, () => {
-            loadConfig(props.config);
+        watch(() => props.config, (value) => {
+            loadConfig(value || {});
         });
-        loadConfig(props.config);
+        if (props.config) {
+            loadConfig(props.config);
+        }
         provide('$xeFormView', $xeFormView);
         return $xeFormView;
     },

package/es/form-design/src/layout-style.js

@@ -1,7 +1,7 @@
 import { createCommentVNode, defineComponent, h, inject, ref, reactive, provide } from 'vue';
 import { getIcon, getI18n, renderer } from '@vxe-ui/core';
 import { getSlotVNs } from '../../ui/src/vn';
-import VxeDrawerComponent from '../../drawer/src/drawer';
+import VxeModalComponent from '../../modal/src/modal';
 import VxeTabsComponent from '../../tabs/src/tabs';
 import VxeTabPaneComponent from '../../tabs/src/tab-pane';
 import VxeFormViewComponent from './form-view';
@@ -156,13 +156,15 @@ export default defineComponent({
         };
         const renderVN = () => {
             const { showPc, showMobile } = formDesignProps;
-            return h(VxeDrawerComponent, {
+            return h(VxeModalComponent, {
                 modelValue: settingVisible.value,
                 title: getI18n('vxe.formDesign.styleSetting.title'),
                 height: '90vh',
+                width: '90vw',
+                escClosable: true,
                 maskClosable: true,
                 destroyOnClose: true,
-                position: 'bottom',
+                showMaximize: true,
                 'onUpdate:modelValue'(val) {
                     settingVisible.value = val;
                 }

package/es/form-design/src/use/index.js

@@ -0,0 +1,4 @@
+export * from './widget-name';
+export * from './widget-view';
+export * from './widget-prop-data-source';
+export * from './widget-prop-default-value';

package/es/form-design/src/use/widget-name.js

@@ -0,0 +1,11 @@
+import { computed } from 'vue';
+import XEUtils from 'xe-utils';
+export function useWidgetName(props) {
+    const computeKebabCaseName = computed(() => {
+        const { renderOpts } = props;
+        return renderOpts ? XEUtils.kebabCase(renderOpts.name) : '';
+    });
+    return {
+        computeKebabCaseName
+    };
+}

package/es/form-design/src/{use.js → use/widget-prop-data-source.js}

@@ -1,10 +1,9 @@
-import { h, onMounted, computed, ref, watch } from 'vue';
+import { h, onMounted, ref, watch } from 'vue';
 import { VxeUI, getIcon, getI18n } from '@vxe-ui/core';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeButtonComponent from '../../button/src/button';
-import VxeTextareaComponent from '../../textarea/src/textarea';
-import VxeTipComponent from '../../tip/src/tip';
-import XEUtils from 'xe-utils';
+import VxeFormItemComponent from '../../../form/src/form-item';
+import VxeButtonComponent from '../../../button/src/button';
+import VxeTextareaComponent from '../../../textarea/src/textarea';
+import VxeTipComponent from '../../../tip/src/tip';
 export function useWidgetPropDataSource(props, isSubOption) {
     const optionsContent = ref('');
     const expandIndexList = ref([]);
@@ -42,6 +41,19 @@ export function useWidgetPropDataSource(props, isSubOption) {
             expandIndexList.value.push(gIndex);
         }
     };
+    const removeOptionEvent = (item, group) => {
+        const { renderParams } = props;
+        const { widget } = renderParams;
+        const { options } = widget;
+        if (group) {
+            if (group.options) {
+                group.options = group.options.filter(obj => obj !== item);
+            }
+        }
+        else {
+            options.options = options.options.filter(obj => obj !== item);
+        }
+    };
     const confirmBatchAddOptionEvent = () => {
         const { renderParams } = props;
         const { widget } = renderParams;
@@ -131,7 +143,8 @@ export function useWidgetPropDataSource(props, isSubOption) {
             }
         });
     };
-    const renderOption = (item, hasFirstLevel, isExpand, gIndex, hasSub, isFirst, isLast) => {
+    const renderOption = (item, group, isExpand, gIndex, hasSub, isFirst, isLast) => {
+        const hasFirstLevel = !group;
         return h('div', {
             class: ['vxe-form-design--widget-form-item-data-source-option', {
                     'is--first': isFirst,
@@ -160,7 +173,10 @@ export function useWidgetPropDataSource(props, isSubOption) {
             h(VxeButtonComponent, {
                 status: 'danger',
                 mode: 'text',
-                icon: getIcon().FORM_DESIGN_WIDGET_DELETE
+                icon: getIcon().FORM_DESIGN_WIDGET_DELETE,
+                onClick() {
+                    removeOptionEvent(item, group);
+                }
             })
         ]);
     };
@@ -175,15 +191,15 @@ export function useWidgetPropDataSource(props, isSubOption) {
                 const { options } = group;
                 const isExpand = expandIndexList.value.includes(gIndex);
                 if (options && options.length) {
-                    optVNs.push(renderOption(group, true, isExpand, gIndex, true, gIndex === 0, gIndex === groups.length - 1));
+                    optVNs.push(renderOption(group, null, isExpand, gIndex, true, gIndex === 0, gIndex === groups.length - 1));
                     if (isExpand) {
                         optVNs.push(h('div', {
                             class: 'vxe-form-design--widget-form-item-data-source-sub-option'
-                        }, options.map(item => renderOption(item, false, isExpand, 0, false, false, false))));
+                        }, options.map(item => renderOption(item, group, isExpand, 0, false, false, false))));
                     }
                 }
                 else {
-                    optVNs.push(renderOption(group, true, isExpand, gIndex, false, gIndex === 0, gIndex === groups.length - 1));
+                    optVNs.push(renderOption(group, null, isExpand, gIndex, false, gIndex === 0, gIndex === groups.length - 1));
                 }
             });
         }
@@ -226,36 +242,3 @@ export function useWidgetPropDataSource(props, isSubOption) {
         }
     };
 }
-export function useWidgetName(props) {
-    const computeKebabCaseName = computed(() => {
-        const { renderOpts } = props;
-        return renderOpts ? XEUtils.kebabCase(renderOpts.name) : '';
-    });
-    return {
-        computeKebabCaseName
-    };
-}
-export function useWidgetView(props) {
-    const currWidget = computed(() => {
-        const { renderParams } = props;
-        return renderParams.widget;
-    });
-    const widgetModel = computed({
-        get() {
-            const { renderParams } = props;
-            const { $formView, widget } = renderParams;
-            return $formView ? $formView.getItemValue(widget) : null;
-        },
-        set(value) {
-            const { renderParams } = props;
-            const { $formView, widget } = renderParams;
-            if ($formView) {
-                $formView.setItemValue(widget, value);
-            }
-        }
-    });
-    return {
-        currWidget,
-        widgetModel
-    };
-}

package/es/form-design/src/use/widget-prop-default-value.js

@@ -0,0 +1,38 @@
+import { h, ref } from 'vue';
+import VxeFormItemComponent from '../../../form/src/form-item';
+import VxeSelectComponent from '../../../select/src/select';
+import VxeInputComponent from '../../../input/src/input';
+export function useWidgetPropDefaultValue(props) {
+    const defValOptions = ref([
+        { value: 'custom', label: '自定义' }
+        // { value: 'linkage', label: '数据联动' }
+    ]);
+    return {
+        renderDefaultValueFormItem() {
+            const { renderParams } = props;
+            const { widget } = renderParams;
+            const { defaultValue } = widget.options;
+            return h(VxeFormItemComponent, {
+                title: '默认值'
+            }, {
+                default() {
+                    return [
+                        h(VxeSelectComponent, {
+                            modelValue: defaultValue.type,
+                            options: defValOptions.value,
+                            'onUpdate:modelValue'(val) {
+                                defaultValue.type = val;
+                            }
+                        }),
+                        h(VxeInputComponent, {
+                            modelValue: defaultValue.value,
+                            'onUpdate:modelValue'(val) {
+                                defaultValue.value = val;
+                            }
+                        })
+                    ];
+                }
+            });
+        }
+    };
+}

package/es/form-design/src/use/widget-view.js

@@ -0,0 +1,25 @@
+import { computed } from 'vue';
+export function useWidgetView(props) {
+    const currWidget = computed(() => {
+        const { renderParams } = props;
+        return renderParams.widget;
+    });
+    const widgetModel = computed({
+        get() {
+            const { renderParams } = props;
+            const { $formView, widget } = renderParams;
+            return $formView ? $formView.getItemValue(widget) : null;
+        },
+        set(value) {
+            const { renderParams } = props;
+            const { $formView, widget } = renderParams;
+            if ($formView) {
+                $formView.setItemValue(widget, value);
+            }
+        }
+    });
+    return {
+        currWidget,
+        widgetModel
+    };
+}

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

@@ -22,7 +22,7 @@ export const WidgetInputViewComponent = defineComponent({
             const { widget } = renderParams;
             if ($xeFormView) {
                 const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
-                $xeFormView.updateItemStatus(widget, itemValue);
+                $xeFormView.updateWidgetStatus(widget, itemValue);
             }
         };
         return () => {
@@ -33,7 +33,8 @@ export const WidgetInputViewComponent = defineComponent({
             return h(VxeFormItemComponent, {
                 class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
                 field: widget.field,
-                title: widget.title
+                title: widget.title,
+                itemRender: {}
             }, {
                 default() {
                     return h('input', {

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

@@ -21,7 +21,7 @@ export const WidgetSelectViewComponent = defineComponent({
             const { widget } = renderParams;
             if ($xeFormView) {
                 const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
-                $xeFormView.updateItemStatus(widget, itemValue);
+                $xeFormView.updateWidgetStatus(widget, itemValue);
             }
         };
         const renderOptions = () => {
@@ -50,7 +50,8 @@ export const WidgetSelectViewComponent = defineComponent({
             return h(VxeFormItemComponent, {
                 class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
                 field: widget.field,
-                title: widget.title
+                title: widget.title,
+                itemRender: {}
             }, {
                 default() {
                     return h('select', {