vxe-design 0.0.1 → 3.0.1

package/es/style.min.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}

package/es/ui/index.js

@@ -0,0 +1,40 @@
+import { VxeUI } from '@vxe-ui/core';
+const { setConfig, setIcon } = VxeUI;
+VxeUI.designVersion = "3.0.1";
+setConfig({
+    formDesign: {
+        height: 400,
+        showHeader: true,
+        showPc: true,
+        showStyleSetting: false
+    },
+    formView: {},
+    listDesign: {
+        height: 400,
+        showPc: true
+    },
+    listView: {}
+});
+const iconPrefix = 'vxe-icon-';
+setIcon({
+    // form-design
+    FORM_DESIGN_STYLE_SETTING: iconPrefix + 'layout',
+    FORM_DESIGN_PROPS_PC: iconPrefix + 'pc',
+    FORM_DESIGN_PROPS_MOBILE: iconPrefix + 'mobile',
+    FORM_DESIGN_PROPS_ADD: iconPrefix + 'add',
+    FORM_DESIGN_PROPS_EDIT: iconPrefix + 'edit',
+    FORM_DESIGN_WIDGET_ADD: iconPrefix + 'square-plus-fill',
+    FORM_DESIGN_WIDGET_COPY: iconPrefix + 'copy',
+    FORM_DESIGN_WIDGET_DELETE: iconPrefix + 'delete',
+    FORM_DESIGN_WIDGET_SWAP_LR: iconPrefix + 'swap',
+    FORM_DESIGN_WIDGET_OPTION_DELETE: iconPrefix + 'delete',
+    FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN: iconPrefix + 'square-plus',
+    FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE: iconPrefix + 'square-minus',
+    // list-design
+    LIST_DESIGN_FIELD_SETTING: iconPrefix + 'custom-column',
+    LIST_DESIGN_LIST_SETTING: iconPrefix + 'menu',
+    LIST_DESIGN_LIST_SETTING_SEARCH_DELETE: iconPrefix + 'delete',
+    LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE: iconPrefix + 'delete'
+});
+export { VxeUI };
+export default VxeUI;

package/es/ui/src/comp.js

@@ -0,0 +1 @@
+export const defineVxeComponent = ((options) => options);

package/es/ui/src/depend.js

@@ -0,0 +1,14 @@
+import { VxeUI } from '@vxe-ui/core';
+import { errLog } from './log';
+export function checkDependVersion() {
+    const pVersion = 3;
+    const sVersion = 13;
+    if (VxeUI.checkVersion) {
+        if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+            errLog('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`]);
+        }
+    }
+    else {
+        errLog(`Requires vxe-table v${pVersion}.${sVersion}+`);
+    }
+}

package/es/ui/src/dom.js

@@ -0,0 +1,221 @@
+import XEUtils from 'xe-utils';
+let tpImgEl;
+export function initTpImg() {
+    if (!tpImgEl) {
+        tpImgEl = new Image();
+        tpImgEl.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
+    }
+    return tpImgEl;
+}
+export function getTpImg() {
+    if (!tpImgEl) {
+        return initTpImg();
+    }
+    return tpImgEl;
+}
+const reClsMap = {};
+function getClsRE(cls) {
+    if (!reClsMap[cls]) {
+        reClsMap[cls] = new RegExp(`(?:^|\\s)${cls}(?!\\S)`, 'g');
+    }
+    return reClsMap[cls];
+}
+function getNodeOffset(elem, container, rest) {
+    if (elem) {
+        const parentElem = elem.parentNode;
+        rest.top += elem.offsetTop;
+        rest.left += elem.offsetLeft;
+        if (parentElem && parentElem !== document.documentElement && parentElem !== document.body) {
+            rest.top -= parentElem.scrollTop;
+            rest.left -= parentElem.scrollLeft;
+        }
+        if (container && (elem === container || elem.offsetParent === container) ? 0 : elem.offsetParent) {
+            return getNodeOffset(elem.offsetParent, container, rest);
+        }
+    }
+    return rest;
+}
+export function isPx(val) {
+    return val && /^\d+(\.\d+)?(px)?$/.test(val);
+}
+export function isScale(val) {
+    return val && /^\d+(\.\d+)?%$/.test(val);
+}
+export function hasClass(elem, cls) {
+    return !!(elem && elem.className && elem.className.match && elem.className.match(getClsRE(cls)));
+}
+export function removeClass(elem, cls) {
+    if (elem && hasClass(elem, cls)) {
+        elem.className = elem.className.replace(getClsRE(cls), '');
+    }
+}
+export function addClass(elem, cls) {
+    if (elem && !hasClass(elem, cls)) {
+        removeClass(elem, cls);
+        elem.className = `${elem.className} ${cls}`;
+    }
+}
+export function hasControlKey(evnt) {
+    return evnt.ctrlKey || evnt.metaKey;
+}
+export function toCssUnit(val, unit = 'px') {
+    if (XEUtils.isNumber(val) || /^\d+$/.test(`${val}`)) {
+        return `${val}${unit}`;
+    }
+    return `${val || ''}`;
+}
+export function getDomNode() {
+    const documentElement = document.documentElement;
+    const bodyElem = document.body;
+    return {
+        scrollTop: documentElement.scrollTop || bodyElem.scrollTop,
+        scrollLeft: documentElement.scrollLeft || bodyElem.scrollLeft,
+        visibleHeight: documentElement.clientHeight || bodyElem.clientHeight,
+        visibleWidth: documentElement.clientWidth || bodyElem.clientWidth
+    };
+}
+/**
+ * 检查触发源是否属于目标节点
+ */
+export function getEventTargetNode(evnt, container, queryCls, queryMethod) {
+    let targetElem;
+    let target = (evnt.target.shadowRoot && evnt.composed) ? (evnt.composedPath()[0] || evnt.target) : evnt.target;
+    while (target && target.nodeType && target !== document) {
+        if (queryCls && hasClass(target, queryCls) && (!queryMethod || queryMethod(target))) {
+            targetElem = target;
+        }
+        else if (target === container) {
+            return { flag: queryCls ? !!targetElem : true, container, targetElem: targetElem };
+        }
+        target = target.parentNode;
+    }
+    return { flag: false };
+}
+/**
+ * 获取元素相对于 document 的位置
+ */
+export function getOffsetPos(elem, container) {
+    return getNodeOffset(elem, container, { left: 0, top: 0 });
+}
+export function getAbsolutePos(elem) {
+    const bounding = elem.getBoundingClientRect();
+    const boundingTop = bounding.top;
+    const boundingLeft = bounding.left;
+    const { scrollTop, scrollLeft, visibleHeight, visibleWidth } = getDomNode();
+    return { boundingTop, top: scrollTop + boundingTop, boundingLeft, left: scrollLeft + boundingLeft, visibleHeight, visibleWidth };
+}
+const scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
+const scrollIntoView = 'scrollIntoView';
+export function scrollToView(elem) {
+    if (elem) {
+        if (elem[scrollIntoViewIfNeeded]) {
+            elem[scrollIntoViewIfNeeded]();
+        }
+        else if (elem[scrollIntoView]) {
+            elem[scrollIntoView]();
+        }
+    }
+}
+export function triggerEvent(targetElem, type) {
+    if (targetElem) {
+        targetElem.dispatchEvent(new Event(type));
+    }
+}
+export function isNodeElement(elem) {
+    return elem && elem.nodeType === 1;
+}
+export function updatePanelPlacement(targetElem, panelElem, options) {
+    const { placement, teleportTo, marginSize } = Object.assign({ teleportTo: false, marginSize: 32 }, options);
+    let panelPlacement = 'bottom';
+    let top = '';
+    let bottom = '';
+    let left = '';
+    const right = '';
+    let minWidth = '';
+    const stys = {};
+    if (panelElem && targetElem) {
+        const documentElement = document.documentElement;
+        const bodyElem = document.body;
+        const targetHeight = targetElem.offsetHeight;
+        const panelHeight = panelElem.offsetHeight;
+        const panelWidth = panelElem.offsetWidth;
+        const panelRect = panelElem.getBoundingClientRect();
+        const targetRect = targetElem.getBoundingClientRect();
+        const visibleHeight = documentElement.clientHeight || bodyElem.clientHeight;
+        const visibleWidth = documentElement.clientWidth || bodyElem.clientWidth;
+        minWidth = targetElem.offsetWidth;
+        if (teleportTo) {
+            left = targetRect.left;
+            top = targetRect.top + targetHeight;
+            if (placement === 'top') {
+                panelPlacement = 'top';
+                top = targetRect.top - panelHeight;
+            }
+            else if (!placement) {
+                // 如果下面不够放，则向上
+                if (top + panelHeight + marginSize > visibleHeight) {
+                    panelPlacement = 'top';
+                    top = targetRect.top - panelHeight;
+                }
+                // 如果上面不够放，则向下（优先）
+                if (top < marginSize) {
+                    panelPlacement = 'bottom';
+                    top = targetRect.top + targetHeight;
+                }
+            }
+            // 如果溢出右边
+            if (left + panelWidth + marginSize > visibleWidth) {
+                left -= left + panelWidth + marginSize - visibleWidth;
+            }
+            // 如果溢出左边
+            if (left < marginSize) {
+                left = marginSize;
+            }
+        }
+        else {
+            if (placement === 'top') {
+                panelPlacement = 'top';
+                bottom = targetHeight;
+            }
+            else if (!placement) {
+                // 如果下面不够放，则向上
+                top = targetHeight;
+                if (targetRect.top + targetRect.height + marginSize > visibleHeight) {
+                    // 如果上面不够放，则向下（优先）
+                    if (targetRect.top - targetHeight - panelHeight > marginSize) {
+                        panelPlacement = 'top';
+                        top = '';
+                        bottom = targetHeight;
+                    }
+                }
+            }
+            // 是否超出右侧
+            if (panelRect.left + panelRect.width + marginSize > visibleWidth) {
+                left = -(panelRect.left + panelRect.width + marginSize - visibleWidth);
+            }
+        }
+        if (XEUtils.isNumber(top)) {
+            stys.top = toCssUnit(top);
+        }
+        if (XEUtils.isNumber(bottom)) {
+            stys.bottom = toCssUnit(bottom);
+        }
+        if (XEUtils.isNumber(left)) {
+            stys.left = toCssUnit(left);
+        }
+        if (XEUtils.isNumber(right)) {
+            stys.right = toCssUnit(right);
+        }
+        if (XEUtils.isNumber(minWidth)) {
+            stys.minWidth = toCssUnit(minWidth);
+        }
+    }
+    return {
+        top: top || 0,
+        bottom: bottom || 0,
+        left: left || 0,
+        right: right || 0,
+        style: stys,
+        placement: panelPlacement
+    };
+}

package/es/ui/src/log.js

@@ -0,0 +1,15 @@
+import { VxeUI } from '@vxe-ui/core';
+const { log } = VxeUI;
+const designVersion = `design v${"3.0.1"}`;
+export function createComponentLog(name) {
+    const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
+    const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
+    const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
+    const versionInfo = [uiVersion, tableVersion, ganttVersion, designVersion].join(' ');
+    return {
+        warnLog: log.create('warn', versionInfo + '] [' + name),
+        errLog: log.create('error', versionInfo + '] [' + name)
+    };
+}
+export const warnLog = log.create('warn', designVersion);
+export const errLog = log.create('error', designVersion);

package/es/ui/src/utils.js

@@ -0,0 +1,41 @@
+import XEUtils from 'xe-utils';
+import { VxeUI } from '@vxe-ui/core';
+import DomZIndex from 'dom-zindex';
+const { getConfig } = VxeUI;
+export function isEnableConf(conf) {
+    return conf && conf.enabled !== false;
+}
+export function nextZIndex() {
+    return DomZIndex.getNext();
+}
+export function getLastZIndex() {
+    return DomZIndex.getCurrent();
+}
+export function nextSubZIndex() {
+    return DomZIndex.getSubNext();
+}
+export function getSubLastZIndex() {
+    return DomZIndex.getSubCurrent();
+}
+export function getGlobalDefaultConfig(value, globalValue) {
+    if (XEUtils.eqNull(value)) {
+        return globalValue;
+    }
+    return value;
+}
+export function getFuncText(content, args) {
+    if (content) {
+        const translate = getConfig().translate;
+        return XEUtils.toValueString(translate ? translate('' + content, args) : content);
+    }
+    return '';
+}
+/**
+ * 判断值为：'' | null | undefined 时都属于空值
+ */
+export function eqEmptyValue(cellValue) {
+    return cellValue === null || cellValue === undefined || cellValue === '';
+}
+export function handleBooleanDefaultValue(value) {
+    return XEUtils.isBoolean(value) ? value : null;
+}

package/es/ui/src/vn.js

@@ -0,0 +1,45 @@
+import XEUtils from 'xe-utils';
+export function getOnName(type) {
+    return XEUtils.kebabCase(type);
+}
+export function getModelEvent(name) {
+    switch (name) {
+        case 'VxeInput':
+        case 'VxeTextarea':
+        case 'VxeNumberInput':
+        case 'VxeSelect':
+        case 'VxeTreeSelect':
+        case 'VxeTableSelect':
+        case 'VxeDatePicker':
+            return 'modelValue';
+        case 'select':
+            return 'change';
+    }
+    return 'input';
+}
+export function getChangeEvent(name) {
+    switch (name) {
+        case 'input':
+        case 'textarea':
+        case 'VxeInput':
+        case 'VxeTextarea':
+        case '$input': // 已废弃
+        case '$textarea': // 已废弃
+            return 'input';
+    }
+    return 'change';
+}
+export function getSlotVNs(vns) {
+    if (XEUtils.isArray(vns)) {
+        return vns;
+    }
+    return vns ? [vns] : [];
+}
+export function getEventCaseName(_vm, name) {
+    const caseName = XEUtils.camelCase(name);
+    if (caseName === name) {
+        return name;
+    }
+    const _events = _vm ? _vm._events : null;
+    return _events && _events[caseName] ? caseName : name;
+}

package/es/vxe-flow-design/index.js

@@ -0,0 +1,3 @@
+import VxeFlowDesign from '../flow-design';
+export * from '../flow-design';
+export default VxeFlowDesign;

package/es/vxe-flow-view/index.js

@@ -0,0 +1,3 @@
+import VxeFlowView from '../flow-view';
+export * from '../flow-view';
+export default VxeFlowView;

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

@@ -0,0 +1,3 @@
+import VxeFormDesign from '../form-design';
+export * from '../form-design';
+export default VxeFormDesign;