vxe-pc-ui 4.6.49 → 4.7.0-beta.0

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

@@ -1 +0,0 @@
-.vxe-form-design--widget-form-empty-data{text-align:center;color:var(--vxe-ui-input-placeholder-color);border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:var(--vxe-ui-layout-padding-double)}.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;height:100%;padding:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-row-view-item-inner{position:relative;height:100%;min-height:78px;padding:0;border:1px solid transparent;cursor:grabbing}.vxe-form-design--widget-row-view-item-inner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-form-design--widget-row-view-item-inner:not(.is--empty):hover{background-color:var(--vxe-ui-form-design-sub-widget-hover-background-color)}.vxe-form-design--widget-row-view-item-inner:not(.is--empty):hover .vxe-form-design--widget-row-view-empty{background-color:transparent}.vxe-form-design--widget-row-view-item-inner.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-item-inner.is--drag,.vxe-form-design--widget-row-view-item-inner.is--sort{background-color:var(--vxe-ui-base-drag-background-color)}.vxe-form-design--widget-row-view-empty{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;width:100%;padding:var(--vxe-ui-layout-padding-default);color:var(--vxe-ui-font-placeholder-color);border:2px dashed var(--vxe-ui-input-border-color);font-size:.95em;background-color:var(--vxe-ui-layout-background-color)}.vxe-form-design--preview-item.widget-row{padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design--preview-item.widget-row::after{display:none}.vxe-form-design--widget-subtable-view{display:flex;flex-direction:row;max-width:100%;border-radius:var(--vxe-ui-base-border-radius);overflow-y:hidden;overflow-x:auto}.vxe-form-design--widget-subtable-view-box{border:1px solid var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;display:inline-flex;flex-direction:row;flex-wrap:nowrap}.vxe-form-design--widget-subtable-view-left{position:sticky;left:0;top:0;display:flex;flex-shrink:0;box-shadow:8px 0 10px -5px rgba(0,0,0,.12);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);z-index:5}.vxe-form-design--widget-subtable-view-right{flex-grow:1}.vxe-form-design--widget-subtable-col{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-width:54px;text-align:center;border-top:1px solid var(--vxe-ui-input-border-color);border-right:1px solid var(--vxe-ui-input-border-color);border-bottom:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-form-design--widget-subtable-col:first-child{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-form-design--widget-subtable-col::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-form-design--widget-subtable-head{flex-shrink:0;height:2.8em;line-height:2.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--vxe-ui-layout-padding-default);border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--widget-subtable-body{flex-grow:1;padding:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-subtable-body,.vxe-form-design--widget-subtable-head{width:100%}.vxe-form-design--widget-subtable-body,.vxe-form-design--widget-subtable-view-empty{display:flex;flex-direction:row;align-items:center;justify-content:center}.vxe-form-design--widget-subtable-view-wrapper{position:relative;display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color);border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-form-design--widget-subtable-view-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--vxe-ui-input-border-color);z-index:1;pointer-events:none}.vxe-form-design--widget-subtable-view-list{display:flex;flex-direction:row;flex-wrap:nowrap}.vxe-form-design--widget-subtable-view-list>.vxe-form-design--widget-subtable-view-item{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--widget-subtable-view-list>.vxe-form-design--widget-subtable-view-item .vxe-form-design--preview-item-operate{top:.4em}.vxe-form-design--widget-subtable-view-list-move{transition:transform .35s ease-in-out}.vxe-form-design--widget-subtable-view-item{position:relative;min-width:200px;cursor:grabbing}.vxe-form-design--widget-subtable-view-item:hover{background-color:var(--vxe-ui-form-design-sub-widget-hover-background-color)}.vxe-form-design--widget-subtable-view-item.is--active{background:var(--vxe-ui-base-active-background-color)}.vxe-form-design--widget-subtable-view-item.is--active::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px dashed var(--vxe-ui-font-primary-color);pointer-events:none;z-index:2}.vxe-form-design--widget-subtable-view-item-box{height:100%}.vxe-form-design--widget-subtable-view-item-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-form-design--widget-subtable-view-empty{flex-grow:1;color:var(--vxe-ui-font-placeholder-color);padding:0 var(--vxe-ui-layout-padding-threefold);min-height:78px;min-width:200px;cursor:default}.vxe-form-design--widget-subtable-form-item{overflow:hidden}.vxe-form-design--widget-subtable-view-item-wrapper{height:100%}.vxe-form-design--widget-subtable-view-item-wrapper .vxe-form--item.is--vertical{padding:0}.vxe-form-design--widget-subtable-view-item-wrapper .vxe-form--item.is--vertical .vxe-form--item-title{height:2.8em;line-height:2.8em;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-subtable-view-item-wrapper .vxe-form--item.is--vertical .vxe-form--item-content{display:flex;flex-direction:row;align-items:center;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-subtable-view-item-wrapper .vxe-form--item-title{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-form-design--preview-item.widget-subtable{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-form-design--preview-item.widget-subtable::after{display:none}.vxe-form-design--preview-item .vxe-form-design--preview-item-view .vxe-form-design--widget-subtable-form-item>.vxe-form--item-content{padding:0}.vxe-form-design--preview-item .vxe-form-design--preview-item-view .vxe-form--group-content{align-items:unset}.vxe-form-design--widget-form-item-devices{display:flex;flex-direction:column}.vxe-form-design--widget-form-item-layout{display:flex;flex-direction:row}.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--widget-form-item-option.is--vertical .vxe-form-design--widget-form-item-option-row{display:flex;flex-direction:column}.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--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--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row{display:flex;flex-direction:row}.vxe-form-design--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(1)::before,.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--widget-form-item-option.is--horizontal .vxe-form-design--widget-form-item-option-row:nth-child(1)::after,.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--widget-form-item-option:hover{border-color:var(--vxe-ui-font-primary-color)}.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--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(1)::after,.vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(1)::before,.vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:nth-child(2)::after,.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--widget-form-item-option-row{margin-bottom:.2em}.vxe-form-design--widget-form-item-data-source-wrapper{max-height:30vh;min-height:140px;overflow:auto}.vxe-form-design--widget-form-item-data-source-type{margin-bottom:16px}.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--widget-form-item-prop-list{margin-bottom:var(--vxe-ui-layout-padding-double);padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-prop-list:first-child{margin-top:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-prop-list>span{padding:0 .5em}.vxe-form-design--widget-form-item-prop-list>span:first-child{padding:0;padding-right:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-unit,.vxe-form-design--widget-form-item-prop-list .vxe-form-design--widget-form-item-prop-width,.vxe-form-design--widget-form-item-prop-list>span:first-child{display:inline-flex;vertical-align:middle}.vxe-form .vxe-form-design--widget-form-item-prop-list>.vxe-form-design--widget-form-item-prop-width{width:90px}.vxe-form .vxe-form-design--widget-form-item-prop-list>.vxe-form-design--widget-form-item-prop-unit{width:90px}.vxe-list-design--widget-form-item-prop-list{margin-bottom:var(--vxe-ui-layout-padding-double);padding:0 var(--vxe-ui-layout-padding-default)}.vxe-list-design--widget-form-item-prop-list:first-child{margin-top:var(--vxe-ui-layout-padding-default)}.vxe-list-design--widget-form-item-prop-list:last-child{margin-bottom:0}.vxe-list-design--widget-form-item-prop-list>span{padding:0 .5em}.vxe-list-design--widget-form-item-prop-list>span:first-child{padding:0;padding-right:var(--vxe-ui-layout-padding-default)}.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--header-right{display:flex;flex-direction:row;align-items:center}.vxe-form-design--header-right .vxe-form-design--header-extra,.vxe-form-design--header-right .vxe-form-design--header-setting{flex-shrink:0}.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-preview .vxe-form-design--widget-render-form-item.widget-subtable>.vxe-form--item-content::after{display:none}.vxe-form-design--layout-style-preview .vxe-form-design--widget-render-form-item.widget-subtable .vxe-body--column .vxe-cell::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.vxe-form-design--layout-style-preview .vxe-form-design--widget-render-form-item>.vxe-form--item-content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.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:280px;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:300px;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;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--preview-place-widget{height:1em}.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) var(--vxe-ui-layout-padding-double);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 .vxe-form--item.vxe-form-design--widget-render-form-item{padding:0}.vxe-form-design .vxe-form--item-inner{height:100%}.vxe-form-design .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

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

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

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

@@ -1,11 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util';
-export const getWidgetInputConfig = () => {
-    return {
-        title: handleGetFormDesignWidgetName,
-        icon: 'vxe-icon-input',
-        query: true,
-        options: {
-            placeholder: ''
-        }
-    };
-};

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

@@ -1,71 +0,0 @@
-import { h } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getI18n } from '@vxe-ui/core';
-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';
-import { useWidgetName } from '../../form-design/src/use';
-export const WidgetInputFormComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const { computeKebabCaseName } = useWidgetName(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,
-                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;
-                                    }
-                                });
-                            }
-                        }),
-                        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-input/input-view.js

@@ -1,57 +0,0 @@
-import { h, inject } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getI18n } from '@vxe-ui/core';
-import { useWidgetName } from '../../form-design/src/use';
-import VxeFormItemComponent from '../../form/src/form-item';
-export const WidgetInputViewComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormView = inject('$xeFormView', null);
-        const { computeKebabCaseName } = useWidgetName(props);
-        const changeEvent = () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            if ($xeFormView) {
-                const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
-                $xeFormView.updateWidgetStatus(widget, itemValue);
-            }
-        };
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormItemComponent, {
-                class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-                field: widget.field,
-                title: widget.title,
-                itemRender: {}
-            }, {
-                default() {
-                    return h('input', {
-                        class: 'vxe-default-input',
-                        type: 'text',
-                        placeholder: options.placeholder || getI18n('vxe.base.pleaseInput'),
-                        value: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        onChange: changeEvent,
-                        onInput(evnt) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, evnt.target.value);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

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

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

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

@@ -1,20 +0,0 @@
-import XEUtils from 'xe-utils';
-import { handleGetFormDesignWidgetName } from '../render/util';
-export const getWidgetRowConfig = (params) => {
-    const { $formDesign } = params;
-    const defaultColSize = 2;
-    return {
-        title: handleGetFormDesignWidgetName,
-        group: 'layout',
-        icon: 'vxe-icon-row-col',
-        options: {
-            colSize: defaultColSize,
-            colSpan: '12,12'
-        },
-        children: $formDesign
-            ? XEUtils.range(0, defaultColSize).map(() => {
-                return $formDesign.createEmptyWidget();
-            })
-            : []
-    };
-};

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

@@ -1,163 +0,0 @@
-import { h, ref, computed, inject } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getI18n } from '@vxe-ui/core';
-import { useWidgetName } from '../../form-design/src/use';
-import VxeFormComponent from '../../form/src/form';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeRowComponent from '../../row/src/row';
-import VxeColComponent from '../../row/src/col';
-import XEUtils from 'xe-utils';
-export const WidgetRowFormComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormDesign = inject('$xeFormDesign', null);
-        if (!$xeFormDesign) {
-            return () => [];
-        }
-        const { computeKebabCaseName } = useWidgetName(props);
-        const spanOptions = ref([
-            {
-                label: getI18n('vxe.formDesign.widgetProp.rowProp.col2'),
-                value: 2,
-                list: [
-                    { value: '12,12', spans: [12, 12] },
-                    { value: '8,16', spans: [8, 16] },
-                    { value: '16,8', spans: [16, 8] },
-                    { value: '6,18', spans: [6, 18] },
-                    { value: '18,6', spans: [18, 6] }
-                ]
-            },
-            {
-                label: getI18n('vxe.formDesign.widgetProp.rowProp.col3'),
-                value: 3,
-                list: [
-                    { value: '8,8,8', spans: [8, 8, 8] },
-                    { value: '6,6,12', spans: [6, 6, 12] },
-                    { value: '12,6,6', spans: [12, 6, 6] },
-                    { value: '6,12,6', spans: [6, 12, 6] }
-                ]
-            },
-            {
-                label: getI18n('vxe.formDesign.widgetProp.rowProp.col4'),
-                value: 4,
-                list: [
-                    { value: '6,6,6,6', spans: [6, 6, 6, 6] }
-                ]
-            },
-            {
-                label: getI18n('vxe.formDesign.widgetProp.rowProp.col6'),
-                value: 6,
-                list: [
-                    { value: '4,4,4,4,4,4', spans: [4, 4, 4, 4, 4, 4] }
-                ]
-            }
-        ]);
-        const labelMaps = {
-            18: '3/4',
-            16: '2/3',
-            12: '1/2',
-            8: '1/3',
-            6: '1/4',
-            4: '1/6'
-        };
-        const computeSelectSpanItem = computed(() => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            return spanOptions.value.find(item => item.value === options.colSize);
-        });
-        const changeColSpan = (item) => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            const { reactData: formDesignReactData } = $xeFormDesign;
-            const { widgetObjList } = formDesignReactData;
-            const oldChildList = widget.children.filter(item => item.name);
-            const overList = oldChildList.slice(options.colSize);
-            if (overList.length) {
-                const rest = XEUtils.findTree(widgetObjList, obj => obj.id === widget.id, { children: 'children' });
-                if (rest) {
-                    const { items, index } = rest;
-                    if (index >= items.length - 1) {
-                        items.push(...overList);
-                    }
-                    else {
-                        items.splice(index + 1, 0, ...overList);
-                    }
-                }
-            }
-            options.colSpan = item.value;
-            widget.children = XEUtils.range(0, options.colSize).map((num, index) => {
-                return oldChildList[index] || $xeFormDesign.createEmptyWidget();
-            });
-        };
-        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.rowProp.colSize'),
-                            field: 'colSize',
-                            itemRender: { name: 'VxeRadioGroup', options: spanOptions.value, props: { type: 'button' } }
-                        }),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.rowProp.layout')
-                        }, {
-                            default() {
-                                const selectSpanItem = computeSelectSpanItem.value;
-                                if (selectSpanItem) {
-                                    return selectSpanItem.list.map((item, rIndex) => {
-                                        return h(VxeRowComponent, {
-                                            key: rIndex,
-                                            class: [`vxe-form-design--widget-${kebabCaseName}-form-row`, {
-                                                    'is--active': item.value === widget.options.colSpan
-                                                }],
-                                            onClick() {
-                                                changeColSpan(item);
-                                            }
-                                        }, {
-                                            default() {
-                                                return item.spans.map((span, sIndex) => {
-                                                    return h(VxeColComponent, {
-                                                        key: `${rIndex}${sIndex}`,
-                                                        class: `vxe-form-design--widget-${kebabCaseName}-form-col`,
-                                                        span
-                                                    }, {
-                                                        default() {
-                                                            return h('div', {}, `${labelMaps[span]}`);
-                                                        }
-                                                    });
-                                                });
-                                            }
-                                        });
-                                    });
-                                }
-                                return [];
-                            }
-                        })
-                    ];
-                }
-            });
-        };
-    }
-});

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

@@ -1,268 +0,0 @@
-import { h, inject, computed, createCommentVNode } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { hasFormDesignLayoutType } from '../src/util';
-import { renderer, getIcon } from '@vxe-ui/core';
-import { getSlotVNs } from '../../ui/src/vn';
-import XEUtils from 'xe-utils';
-import VxeFormGroupComponent from '../../form/src/form-group';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeRowComponent from '../../row/src/row';
-import VxeColComponent from '../../row/src/col';
-import VxeButtonComponent from '../../button/src/button';
-const ViewColItemComponent = defineVxeComponent({
-    name: 'ViewColItem',
-    props: {
-        parentWidget: {
-            type: Object,
-            default: () => ({})
-        },
-        widget: {
-            type: Object,
-            default: () => ({})
-        },
-        span: Number,
-        colItemIndex: {
-            type: Number,
-            default: 0
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormDesign = inject('$xeFormDesign', null);
-        if (!$xeFormDesign) {
-            return () => [];
-        }
-        const { reactData: formDesignReactData } = $xeFormDesign;
-        const handleDragstartColItemEvent = (evnt) => {
-            evnt.stopPropagation();
-            const divEl = evnt.currentTarget;
-            const dataTransfer = evnt.dataTransfer;
-            const widgetId = divEl.getAttribute('data-widget-id') || '';
-            const dragWidget = $xeFormDesign.getWidgetById(widgetId);
-            if (dataTransfer) {
-                dataTransfer.setData('text/plain', widgetId);
-            }
-            formDesignReactData.sortWidget = dragWidget;
-            formDesignReactData.dragWidget = null;
-        };
-        const sortDragenterColItemEvent = (evnt) => {
-            const { parentWidget, colItemIndex } = props;
-            const { widgetObjList, sortWidget } = formDesignReactData;
-            const targetWidget = parentWidget.children[colItemIndex];
-            const formDesignInternalData = $xeFormDesign.internalData;
-            evnt.stopPropagation();
-            if (sortWidget && parentWidget && sortWidget.id !== parentWidget.id) {
-                if (hasFormDesignLayoutType(sortWidget)) {
-                    return;
-                }
-                if (!hasFormDesignLayoutType(targetWidget)) {
-                    const currRest = XEUtils.findTree(widgetObjList, item => item && item.id === sortWidget.id, { children: 'children' });
-                    if (currRest) {
-                        const { item, index, items, parent } = currRest;
-                        // 如果数据异常，动态修复
-                        if (parentWidget.children.length !== parentWidget.options.colSize) {
-                            parentWidget.children = XEUtils.range(0, parentWidget.options.colSize).map((index) => {
-                                return parentWidget.children[index] || $xeFormDesign.createEmptyWidget();
-                            });
-                        }
-                        // 如果是 row 内移动
-                        if (parent && parent.id === parentWidget.id) {
-                            parentWidget.children[colItemIndex] = item;
-                            parentWidget.children[index] = targetWidget;
-                        }
-                        else {
-                            // 如果已存在控件
-                            if (targetWidget && targetWidget.name) {
-                                return;
-                            }
-                            parentWidget.children[colItemIndex] = item;
-                            items.splice(index, 1);
-                        }
-                        evnt.preventDefault();
-                        formDesignInternalData.lastDragTime = Date.now();
-                        $xeFormDesign.dispatchEvent('drag-widget', { widget: item }, evnt);
-                    }
-                }
-            }
-        };
-        return () => {
-            const { widget, span } = props;
-            const { dragWidget, activeWidget, sortWidget } = formDesignReactData;
-            return h(VxeFormItemComponent, {
-                span,
-                padding: false
-            }, {
-                default() {
-                    const name = widget ? widget.name : '';
-                    const compConf = renderer.get(name) || {};
-                    const renderWidgetDesignView = compConf.renderFormDesignWidgetEdit || compConf.renderFormDesignWidgetView;
-                    const renderOpts = widget || { name };
-                    const params = { widget, readonly: false, disabled: false, isEditMode: true, isViewMode: false, $formDesign: $xeFormDesign, $formView: null };
-                    const isActive = activeWidget && widget && activeWidget.id === widget.id;
-                    const isEmptyWidget = !renderWidgetDesignView;
-                    return h('div', {
-                        class: 'vxe-form-design--widget-row-view',
-                        'data-widget-id': widget.id,
-                        draggable: !isEmptyWidget,
-                        onDragstart: handleDragstartColItemEvent,
-                        onDragenter: sortDragenterColItemEvent,
-                        onClick(evnt) {
-                            if (widget) {
-                                $xeFormDesign.handleClickWidget(evnt, widget);
-                            }
-                        }
-                    }, [
-                        h('div', {
-                            class: ['vxe-form-design--widget-row-view-item-inner', {
-                                    'is--empty': isEmptyWidget,
-                                    'is--active': isActive,
-                                    'is--sort': sortWidget && widget && sortWidget.id === widget.id,
-                                    'is--drag': dragWidget && widget && dragWidget.id === widget.id
-                                }]
-                        }, [
-                            renderWidgetDesignView
-                                ? h('div', {
-                                    class: 'vxe-form-design--widget-row-view-item-wrapper'
-                                }, [
-                                    h('div', {
-                                        class: 'vxe-form-design--widget-row-view-item-box vxe-form--item-row'
-                                    }, getSlotVNs(renderWidgetDesignView(renderOpts, params))),
-                                    isActive
-                                        ? h('div', {
-                                            class: 'vxe-form-design--preview-item-operate'
-                                        }, [
-                                            h(VxeButtonComponent, {
-                                                icon: getIcon().FORM_DESIGN_WIDGET_COPY,
-                                                status: 'primary',
-                                                size: 'mini',
-                                                circle: true,
-                                                onClick(params) {
-                                                    $xeFormDesign.handleCopyWidget(params.$event, widget);
-                                                }
-                                            }),
-                                            h(VxeButtonComponent, {
-                                                icon: getIcon().FORM_DESIGN_WIDGET_DELETE,
-                                                status: 'danger',
-                                                size: 'mini',
-                                                circle: true,
-                                                onClick(params) {
-                                                    $xeFormDesign.handleRemoveWidget(params.$event, widget);
-                                                }
-                                            })
-                                        ])
-                                        : createCommentVNode()
-                                ])
-                                : h('div', {
-                                    class: 'vxe-form-design--widget-row-view-empty'
-                                }, '控件位置')
-                        ])
-                    ]);
-                }
-            });
-        };
-    }
-});
-export const WidgetRowEditComponent = defineVxeComponent({
-    name: 'WidgetRowEdit',
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const computedColObjList = computed(() => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            const { colSpan } = options;
-            const colList = colSpan ? `${colSpan}`.split(',') : [];
-            const rest = colList.map((span) => Number(span));
-            return rest;
-        });
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            return h(VxeFormGroupComponent, {
-                field: widget.field
-            }, {
-                default() {
-                    const colObjList = computedColObjList.value;
-                    return colObjList.map((span, colItemIndex) => {
-                        return h(ViewColItemComponent, {
-                            key: colItemIndex,
-                            parentWidget: widget,
-                            widget: widget.children[colItemIndex],
-                            span,
-                            colItemIndex
-                        });
-                    });
-                }
-            });
-        };
-    }
-});
-export const WidgetRowViewComponent = defineVxeComponent({
-    name: 'WidgetRowView',
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormDesign = inject('$xeFormDesign', null);
-        const $xeFormView = inject('$xeFormView', null);
-        const computedColObjList = computed(() => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            const { colSpan } = options;
-            const colList = colSpan ? `${colSpan}`.split(',') : [];
-            const rest = colList.map((span) => Number(span));
-            return rest;
-        });
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const colObjList = computedColObjList.value;
-            return h(VxeRowComponent, {}, {
-                default() {
-                    return colObjList.map((span, colItemIndex) => {
-                        return h(VxeColComponent, {
-                            key: colItemIndex,
-                            class: 'vxe-form--item-row',
-                            span
-                        }, {
-                            default() {
-                                const subWidget = widget.children[colItemIndex];
-                                if (subWidget) {
-                                    const { name } = subWidget;
-                                    const compConf = renderer.get(name) || {};
-                                    const renderWidgetDesignView = compConf.renderFormDesignWidgetView;
-                                    const renderOpts = subWidget;
-                                    const isEditMode = !!$xeFormDesign;
-                                    const params = { widget: subWidget, readonly: false, disabled: false, isEditMode, isViewMode: !isEditMode, $formDesign: $xeFormDesign, $formView: $xeFormView };
-                                    if (renderWidgetDesignView) {
-                                        return getSlotVNs(renderWidgetDesignView(renderOpts, params));
-                                    }
-                                }
-                                return createCommentVNode();
-                            }
-                        });
-                    });
-                }
-            });
-        };
-    }
-});

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

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