vxe-design 0.0.1 → 3.0.1

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

@@ -0,0 +1 @@
+.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);overflow:hidden}.vxe-form-design--header-left,.vxe-form-design--header-right{flex-shrink:0}.vxe-form-design--header-middle{flex-grow:1;overflow:auto}.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;-ms-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;display:flex;flex-direction:row;align-items:center;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;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-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{flex-shrink:0;padding:0 .2em}.vxe-form-design--widget-item-name{padding:0 var(--vxe-ui-layout-padding-half);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form-design--widget-item-add{display:none;position:absolute;top:0;right:var(--vxe-ui-layout-padding-default);width:1.2em;height:100%;text-align:center;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-view/index.js

@@ -0,0 +1,15 @@
+import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
+import VxeFormViewComponent from '../form-design/src/form-view';
+export const VxeFormView = Object.assign(VxeFormViewComponent, {
+    install(app) {
+        checkDependVersion();
+        app.component(VxeFormViewComponent.name, VxeFormViewComponent);
+    }
+});
+if (VxeUI.dynamicApp) {
+    VxeUI.dynamicApp.use(VxeFormView);
+}
+VxeUI.component(VxeFormViewComponent);
+export const FormView = VxeFormView;
+export default VxeFormView;

package/es/form-view/style.css

@@ -0,0 +1,3 @@
+.vxe-form-view {
+  background-color: var(--vxe-ui-layout-background-color);
+}

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

@@ -0,0 +1 @@
+.vxe-form-view{background-color:var(--vxe-ui-layout-background-color)}

package/es/index.esm.js

@@ -0,0 +1,6 @@
+import * as VxeUIDesignExport from './components';
+export * from './components';
+/**
+ * A vue based PC component library
+ */
+export default VxeUIDesignExport;

package/es/list-design/index.js

@@ -0,0 +1,15 @@
+import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
+import VxeListDesignComponent from './src/list-design';
+export const VxeListDesign = Object.assign({}, VxeListDesignComponent, {
+    install(app) {
+        checkDependVersion();
+        app.component(VxeListDesignComponent.name, VxeListDesignComponent);
+    }
+});
+if (VxeUI.dynamicApp) {
+    VxeUI.dynamicApp.use(VxeListDesign);
+}
+VxeUI.component(VxeListDesignComponent);
+export const ListDesign = VxeListDesign;
+export default VxeListDesign;

package/es/list-design/src/list-design.js

@@ -0,0 +1,55 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { VxeUI } from '@vxe-ui/core';
+const { createEvent } = VxeUI;
+export default {
+    name: 'VxeListDesign',
+    props: {},
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {
+            formData: {},
+            searchFormData: {},
+            searchFormItems: [],
+            listTableColumns: []
+        };
+        return {
+            xID,
+            reactData
+        };
+    },
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeListDesign = this;
+            $xeListDesign.$emit(type, createEvent(evnt, { $listDesign: $xeListDesign }, params));
+        },
+        emitModel(value) {
+            const $xeListDesign = this;
+            const { _events } = $xeListDesign;
+            if (_events && _events.modelValue) {
+                $xeListDesign.$emit('modelValue', value);
+            }
+            else {
+                $xeListDesign.$emit('model-value', value);
+            }
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            const $xeListDesign = this;
+            const slots = $xeListDesign.$scopedSlots;
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: 'refElem',
+                class: 'vxe-list-design'
+            }, defaultSlot ? defaultSlot({}) : []);
+        }
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+};

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

@@ -0,0 +1,59 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { VxeUI } from '@vxe-ui/core';
+const { createEvent } = VxeUI;
+export default {
+    name: 'VxeListView',
+    props: {},
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {
+            formConfig: {},
+            searchFormData: {},
+            searchFormItems: [],
+            listTableColumns: [],
+            tableColumns: [],
+            footerData: [
+                {} // 默认一行合计
+            ]
+        };
+        return {
+            xID,
+            reactData
+        };
+    },
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeListView = this;
+            $xeListView.$emit(type, createEvent(evnt, { $listView: $xeListView }, params));
+        },
+        emitModel(value) {
+            const $xeListView = this;
+            const { _events } = $xeListView;
+            if (_events && _events.modelValue) {
+                $xeListView.$emit('modelValue', value);
+            }
+            else {
+                $xeListView.$emit('model-value', value);
+            }
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            const $xeListView = this;
+            const slots = $xeListView.$scopedSlots;
+            const defaultSlot = slots.default;
+            return h('div', {
+                ref: 'refElem',
+                class: 'vxe-list-view'
+            }, defaultSlot ? defaultSlot({}) : []);
+        }
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+};

package/es/list-design/style.css

@@ -0,0 +1,332 @@
+.vxe-list-design--field-search-popup {
+  border-bottom: 1px solid var(--vxe-ui-list-design-table-border-color);
+}
+.vxe-list-design--field-search-popup table {
+  width: 100%;
+  border: 0;
+  table-layout: fixed;
+  word-break: break-all;
+  border-spacing: 0;
+  border-collapse: separate;
+}
+.vxe-list-design--field-search-popup table th {
+  position: sticky;
+  top: 0;
+  text-align: left;
+  border-top: 1px solid var(--vxe-ui-list-design-table-border-color);
+  border-bottom: 1px solid var(--vxe-ui-list-design-table-border-color);
+  border-left: 1px solid var(--vxe-ui-list-design-table-border-color);
+  background-color: var(--vxe-ui-list-design-table-header-background-color);
+  z-index: 7;
+}
+.vxe-list-design--field-search-popup table td {
+  border-top: 1px solid var(--vxe-ui-list-design-table-border-color);
+  border-left: 1px solid var(--vxe-ui-list-design-table-border-color);
+}
+.vxe-list-design--field-search-popup table tr:first-child td {
+  border-top: 0;
+}
+.vxe-list-design--field-search-popup table tr:hover {
+  background-color: var(--vxe-ui-font-primary-hover-color);
+}
+.vxe-list-design--field-search-popup table th,
+.vxe-list-design--field-search-popup table td {
+  height: 44px;
+  padding: 0 0.6em;
+}
+.vxe-list-design--field-search-popup table th:last-child,
+.vxe-list-design--field-search-popup table td:last-child {
+  border-right: 1px solid var(--vxe-ui-list-design-table-border-color);
+}
+
+.vxe-list-design--field-search-checkbox-option {
+  cursor: pointer;
+}
+.vxe-list-design--field-search-checkbox-option .vxe-checkbox--icon {
+  font-size: 1.22em;
+}
+.vxe-list-design--field-search-checkbox-option .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-list-design--field-search-checkbox-option.is--checked, .vxe-list-design--field-search-checkbox-option.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list-design--field-search-checkbox-option.is--checked .vxe-checkbox--icon, .vxe-list-design--field-search-checkbox-option.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list-design--field-search-checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list-design--field-search-checkbox-option.is--hidden {
+  cursor: default;
+}
+.vxe-list-design--field-search-checkbox-option.is--readonly {
+  cursor: auto;
+}
+.vxe-list-design--field-search-checkbox-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-list-design--field-search-checkbox-option.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-list-design--field-search-checkbox-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-list-design--field-search-checkbox-option {
+  padding-right: 0.4em;
+  flex-shrink: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.vxe-list-design--field-search-option-item.col--visible {
+  text-align: center;
+}
+
+.vxe-list-design--search-item-list .vxe-list-design--search-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 1.8em;
+  padding: 0 0.5em;
+}
+.vxe-list-design--search-item-list .vxe-list-design--search-item:hover {
+  background-color: var(--vxe-ui-base-hover-background-color);
+}
+.vxe-list-design--search-item-list .vxe-list-design--search-item-title {
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vxe-list-design--search-item-list .vxe-list-design--search-item-btn {
+  flex-shrink: 0;
+}
+
+.vxe-list-design--field-checkbox-option {
+  display: inline-flex;
+  vertical-align: middle;
+  white-space: nowrap;
+  line-height: 1;
+}
+.vxe-list-design--field-checkbox-option {
+  cursor: pointer;
+}
+.vxe-list-design--field-checkbox-option .vxe-checkbox--icon {
+  font-size: 1.22em;
+}
+.vxe-list-design--field-checkbox-option .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vxe-list-design--field-checkbox-option.is--checked, .vxe-list-design--field-checkbox-option.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list-design--field-checkbox-option.is--checked .vxe-checkbox--icon, .vxe-list-design--field-checkbox-option.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list-design--field-checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-list-design--field-checkbox-option.is--hidden {
+  cursor: default;
+}
+.vxe-list-design--field-checkbox-option.is--readonly {
+  cursor: auto;
+}
+.vxe-list-design--field-checkbox-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-list-design--field-checkbox-option.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-list-design--field-checkbox-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+
+.vxe-list-design--field-option-inner {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 1.8em;
+  padding: 0 0.5em;
+}
+.vxe-list-design--field-option-inner:hover {
+  background-color: var(--vxe-ui-base-hover-background-color);
+}
+
+.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item {
+  display: flex;
+  flex-direction: row;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  padding: 0 var(--vxe-ui-layout-padding-default);
+  margin-top: 0.5em;
+}
+.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item:first-child {
+  margin-top: 0;
+}
+.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item:hover {
+  background-color: var(--vxe-ui-font-primary-hover-color);
+}
+.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-title {
+  flex-grow: 1;
+  padding: 0 0.2em;
+  width: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-icon,
+.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-btn {
+  flex-shrink: 0;
+}
+.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-icon {
+  padding: 0 0.2em;
+}
+
+.vxe-list-design--field-configs-item,
+.vxe-list-design--field-configs-empty-data {
+  line-height: 2.3em;
+}
+
+.vxe-list-design--field-configs-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: 0 var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-list-design {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  overflow: auto;
+}
+
+.vxe-list-design {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-list-design.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-list-design.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-list-design.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}
+
+.vxe-list-design--body {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.vxe-list-design--header {
+  flex-shrink: 0;
+  padding: 0 var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-list-design--setting {
+  width: 300px;
+  flex-shrink: 0;
+  padding: var(--vxe-ui-layout-padding-default);
+  border-radius: var(--vxe-ui-base-border-radius);
+  overflow: auto;
+}
+
+.vxe-list-design--preview {
+  flex-grow: 1;
+  overflow: auto;
+  padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-half);
+}
+
+.vxe-list-design--preview-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  padding: var(--vxe-ui-layout-padding-default) 0;
+  background-color: var(--vxe-ui-layout-background-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-input-border-color);
+}
+
+.vxe-list-design--setting-form {
+  height: 100%;
+  background-color: var(--vxe-ui-layout-background-color);
+  border: 1px solid var(--vxe-ui-input-border-color);
+}
+
+.vxe-list-design--setting-form-tabs {
+  height: 100%;
+}
+
+.vxe-list-design--preview-title {
+  font-weight: 700;
+  padding: var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-list-design--preview-search,
+.vxe-list-design--preview-table {
+  padding: var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-form-design--widget-form-item-devices-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-form-design--widget-form-item-devices-left {
+  flex-shrink: 0;
+  width: 86px;
+  padding: 0 var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-form-design--widget-form-item-devices-select {
+  flex-grow: 1;
+}
+
+.vxe-form-design--widget-form-item-render-view-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 2.6em;
+  padding: 0 var(--vxe-ui-layout-padding-default);
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+}
+
+.vxe-list-design--preview-search .vxe-form--item-content::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}

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

@@ -0,0 +1 @@
+.vxe-list-design--field-search-popup{border-bottom:1px solid var(--vxe-ui-list-design-table-border-color)}.vxe-list-design--field-search-popup table{width:100%;border:0;table-layout:fixed;word-break:break-all;border-spacing:0;border-collapse:separate}.vxe-list-design--field-search-popup table th{position:sticky;top:0;text-align:left;border-top:1px solid var(--vxe-ui-list-design-table-border-color);border-bottom:1px solid var(--vxe-ui-list-design-table-border-color);border-left:1px solid var(--vxe-ui-list-design-table-border-color);background-color:var(--vxe-ui-list-design-table-header-background-color);z-index:7}.vxe-list-design--field-search-popup table td{border-top:1px solid var(--vxe-ui-list-design-table-border-color);border-left:1px solid var(--vxe-ui-list-design-table-border-color)}.vxe-list-design--field-search-popup table tr:first-child td{border-top:0}.vxe-list-design--field-search-popup table tr:hover{background-color:var(--vxe-ui-font-primary-hover-color)}.vxe-list-design--field-search-popup table td,.vxe-list-design--field-search-popup table th{height:44px;padding:0 .6em}.vxe-list-design--field-search-popup table td:last-child,.vxe-list-design--field-search-popup table th:last-child{border-right:1px solid var(--vxe-ui-list-design-table-border-color)}.vxe-list-design--field-search-checkbox-option{cursor:pointer}.vxe-list-design--field-search-checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-list-design--field-search-checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list-design--field-search-checkbox-option.is--checked,.vxe-list-design--field-search-checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list-design--field-search-checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list-design--field-search-checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list-design--field-search-checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list-design--field-search-checkbox-option.is--hidden{cursor:default}.vxe-list-design--field-search-checkbox-option.is--readonly{cursor:auto}.vxe-list-design--field-search-checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list-design--field-search-checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list-design--field-search-checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-list-design--field-search-checkbox-option{padding-right:.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list-design--field-search-option-item.col--visible{text-align:center}.vxe-list-design--search-item-list .vxe-list-design--search-item{display:flex;flex-direction:row;align-items:center;height:1.8em;padding:0 .5em}.vxe-list-design--search-item-list .vxe-list-design--search-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-list-design--search-item-list .vxe-list-design--search-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list-design--search-item-list .vxe-list-design--search-item-btn{flex-shrink:0}.vxe-list-design--field-checkbox-option{display:inline-flex;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-list-design--field-checkbox-option{cursor:pointer}.vxe-list-design--field-checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-list-design--field-checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list-design--field-checkbox-option.is--checked,.vxe-list-design--field-checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-list-design--field-checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list-design--field-checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list-design--field-checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list-design--field-checkbox-option.is--hidden{cursor:default}.vxe-list-design--field-checkbox-option.is--readonly{cursor:auto}.vxe-list-design--field-checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list-design--field-checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list-design--field-checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-list-design--field-option-inner{display:flex;flex-direction:row;align-items:center;height:1.8em;padding:0 .5em}.vxe-list-design--field-option-inner:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item{display:flex;flex-direction:row;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 var(--vxe-ui-layout-padding-default);margin-top:.5em}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item:first-child{margin-top:0}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item:hover{background-color:var(--vxe-ui-font-primary-hover-color)}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-title{flex-grow:1;padding:0 .2em;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-btn,.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-icon{flex-shrink:0}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-icon{padding:0 .2em}.vxe-list-design--field-configs-empty-data,.vxe-list-design--field-configs-item{line-height:2.3em}.vxe-list-design--field-configs-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:0 var(--vxe-ui-layout-padding-default)}.vxe-list-design{position:relative;display:flex;flex-direction:column;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);overflow:auto}.vxe-list-design{font-size:var(--vxe-ui-font-size-default)}.vxe-list-design.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-list-design.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-list-design.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-list-design--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-list-design--header{flex-shrink:0;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-list-design--setting{width:300px;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default);border-radius:var(--vxe-ui-base-border-radius);overflow:auto}.vxe-list-design--preview{flex-grow:1;overflow:auto;padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-half)}.vxe-list-design--preview-wrapper{width:100%;height:100%;overflow:auto;padding:var(--vxe-ui-layout-padding-default) 0;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-list-design--setting-form{height:100%;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-list-design--setting-form-tabs{height:100%}.vxe-list-design--preview-title{font-weight:700;padding:var(--vxe-ui-layout-padding-default)}.vxe-list-design--preview-search,.vxe-list-design--preview-table{padding:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-devices-item{display:flex;flex-direction:row;align-items:center;margin-bottom:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-devices-left{flex-shrink:0;width:86px;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-devices-select{flex-grow:1}.vxe-form-design--widget-form-item-render-view-item{display:flex;flex-direction:row;align-items:center;height:2.6em;padding:0 var(--vxe-ui-layout-padding-default);border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-list-design--preview-search .vxe-form--item-content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}

package/es/list-view/index.js

@@ -0,0 +1,15 @@
+import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
+import VxeListViewComponent from '../list-design/src/list-view';
+export const VxeListView = Object.assign(VxeListViewComponent, {
+    install(app) {
+        checkDependVersion();
+        app.component(VxeListViewComponent.name, VxeListViewComponent);
+    }
+});
+if (VxeUI.dynamicApp) {
+    VxeUI.dynamicApp.use(VxeListView);
+}
+VxeUI.component(VxeListViewComponent);
+export const ListView = VxeListView;
+export default VxeListView;

package/es/list-view/style.css

@@ -0,0 +1,15 @@
+.vxe-list-view {
+  position: relative;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  overflow: auto;
+}
+.vxe-list-view.is--loading .vxe-list-view--body {
+  visibility: hidden;
+}
+
+.vxe-list-view--body,
+.vxe-list-view--grid-wrapper {
+  height: 100%;
+  overflow: auto;
+}

package/es/list-view/style.min.css

@@ -0,0 +1 @@
+.vxe-list-view{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);overflow:auto}.vxe-list-view.is--loading .vxe-list-view--body{visibility:hidden}.vxe-list-view--body,.vxe-list-view--grid-wrapper{height:100%;overflow:auto}

package/es/style.css

@@ -0,0 +1 @@
+[data-vxe-ui-theme=light]{--vxe-ui-form-design-widget-hover-background-color:var(--vxe-ui-base-hover-background-color);--vxe-ui-form-design-sub-widget-hover-background-color:rgba(0,0,0,.05);--vxe-ui-list-design-table-border-color:#e8eaec;--vxe-ui-list-design-table-header-background-color:#f8f8f9}[data-vxe-ui-theme=dark]{--vxe-ui-form-design-widget-hover-background-color:var(--vxe-ui-base-hover-background-color);--vxe-ui-form-design-sub-widget-hover-background-color:#27292b;--vxe-ui-list-design-table-border-color:#37373a;--vxe-ui-list-design-table-header-background-color:#28282a}.vxe-form-design--widget-form-empty-data{text-align:center;color:var(--vxe-ui-input-placeholder-color);padding:var(--vxe-ui-layout-padding-double)}.vxe-form-design--widget-form-empty-data,.vxe-form-design--widget-row-form-row{border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form-design--widget-row-form-row{margin-bottom:var(--vxe-ui-layout-padding-default);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:first-child: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:first-child: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:first-child: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:first-child:after,.vxe-form-design--widget-form-item-option.is--active .vxe-form-design--widget-form-item-option-row:first-child: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-unit,.vxe-form .vxe-form-design--widget-form-item-prop-list>.vxe-form-design--widget-form-item-prop-width{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);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);overflow:hidden}.vxe-form-design--header-left,.vxe-form-design--header-right{flex-shrink:0}.vxe-form-design--header-middle{flex-grow:1;overflow:auto}.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;-ms-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;display:flex;flex-direction:row;align-items:center;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;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-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{flex-shrink:0;padding:0 .2em}.vxe-form-design--widget-item-name{padding:0 var(--vxe-ui-layout-padding-half);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form-design--widget-item-add{display:none;position:absolute;top:0;right:var(--vxe-ui-layout-padding-default);width:1.2em;height:100%;text-align:center;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}.vxe-form-view{background-color:var(--vxe-ui-layout-background-color)}.vxe-list-design--field-search-popup{border-bottom:1px solid var(--vxe-ui-list-design-table-border-color)}.vxe-list-design--field-search-popup table{width:100%;border:0;table-layout:fixed;word-break:break-all;border-spacing:0;border-collapse:separate}.vxe-list-design--field-search-popup table th{position:sticky;top:0;text-align:left;border-bottom:1px solid var(--vxe-ui-list-design-table-border-color);background-color:var(--vxe-ui-list-design-table-header-background-color);z-index:7}.vxe-list-design--field-search-popup table td,.vxe-list-design--field-search-popup table th{border-top:1px solid var(--vxe-ui-list-design-table-border-color);border-left:1px solid var(--vxe-ui-list-design-table-border-color)}.vxe-list-design--field-search-popup table tr:first-child td{border-top:0}.vxe-list-design--field-search-popup table tr:hover{background-color:var(--vxe-ui-font-primary-hover-color)}.vxe-list-design--field-search-popup table td,.vxe-list-design--field-search-popup table th{height:44px;padding:0 .6em}.vxe-list-design--field-search-popup table td:last-child,.vxe-list-design--field-search-popup table th:last-child{border-right:1px solid var(--vxe-ui-list-design-table-border-color)}.vxe-list-design--field-search-checkbox-option{cursor:pointer}.vxe-list-design--field-search-checkbox-option .vxe-checkbox--icon{font-size:1.22em;color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list-design--field-search-checkbox-option.is--checked,.vxe-list-design--field-search-checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list-design--field-search-checkbox-option.is--indeterminate,.vxe-list-design--field-search-checkbox-option.is--indeterminate .vxe-checkbox--icon,.vxe-list-design--field-search-checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list-design--field-search-checkbox-option.is--hidden{cursor:default}.vxe-list-design--field-search-checkbox-option.is--readonly{cursor:auto}.vxe-list-design--field-search-checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list-design--field-search-checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list-design--field-search-checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-list-design--field-search-checkbox-option{padding-right:.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list-design--field-search-option-item.col--visible{text-align:center}.vxe-list-design--search-item-list .vxe-list-design--search-item{display:flex;flex-direction:row;align-items:center;height:1.8em;padding:0 .5em}.vxe-list-design--search-item-list .vxe-list-design--search-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-list-design--search-item-list .vxe-list-design--search-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list-design--search-item-list .vxe-list-design--search-item-btn{flex-shrink:0}.vxe-list-design--field-checkbox-option{display:inline-flex;vertical-align:middle;white-space:nowrap;line-height:1;cursor:pointer}.vxe-list-design--field-checkbox-option .vxe-checkbox--icon{font-size:1.22em;color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-list-design--field-checkbox-option.is--checked,.vxe-list-design--field-checkbox-option.is--checked .vxe-checkbox--icon,.vxe-list-design--field-checkbox-option.is--indeterminate,.vxe-list-design--field-checkbox-option.is--indeterminate .vxe-checkbox--icon,.vxe-list-design--field-checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-list-design--field-checkbox-option.is--hidden{cursor:default}.vxe-list-design--field-checkbox-option.is--readonly{cursor:auto}.vxe-list-design--field-checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-list-design--field-checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-list-design--field-checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-list-design--field-option-inner{display:flex;flex-direction:row;align-items:center;height:1.8em;padding:0 .5em}.vxe-list-design--field-option-inner:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item{display:flex;flex-direction:row;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 var(--vxe-ui-layout-padding-default);margin-top:.5em}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item:first-child{margin-top:0}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item:hover{background-color:var(--vxe-ui-font-primary-hover-color)}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-title{flex-grow:1;padding:0 .2em;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-btn,.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-icon{flex-shrink:0}.vxe-list-design--field-configs-wrapper .vxe-list-design--field-configs-item-icon{padding:0 .2em}.vxe-list-design--field-configs-empty-data,.vxe-list-design--field-configs-item{line-height:2.3em}.vxe-list-design--field-configs-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:0 var(--vxe-ui-layout-padding-default)}.vxe-list-design{position:relative;display:flex;flex-direction:column;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);overflow:auto;font-size:var(--vxe-ui-font-size-default)}.vxe-list-design.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-list-design.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-list-design.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-list-design--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-list-design--header{flex-shrink:0;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-list-design--setting{width:300px;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default);border-radius:var(--vxe-ui-base-border-radius);overflow:auto}.vxe-list-design--preview{flex-grow:1;overflow:auto;padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-half)}.vxe-list-design--preview-wrapper{width:100%;overflow:auto;padding:var(--vxe-ui-layout-padding-default) 0;border-radius:var(--vxe-ui-base-border-radius)}.vxe-list-design--preview-wrapper,.vxe-list-design--setting-form{height:100%;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-list-design--setting-form-tabs{height:100%}.vxe-list-design--preview-title{font-weight:700}.vxe-list-design--preview-search,.vxe-list-design--preview-table,.vxe-list-design--preview-title{padding:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-devices-item{display:flex;flex-direction:row;align-items:center;margin-bottom:var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-devices-left{flex-shrink:0;width:86px;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-form-design--widget-form-item-devices-select{flex-grow:1}.vxe-form-design--widget-form-item-render-view-item{display:flex;flex-direction:row;align-items:center;height:2.6em;padding:0 var(--vxe-ui-layout-padding-default);border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-list-design--preview-search .vxe-form--item-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-list-view{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);overflow:auto}.vxe-list-view.is--loading .vxe-list-view--body{visibility:hidden}.vxe-list-view--body,.vxe-list-view--grid-wrapper{height:100%;overflow:auto}