vxe-pc-ui 4.14.26 → 4.14.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.esm.js +224 -181
- package/dist/style.css +1 -1
- package/dist/style.min.css +1 -1
- package/es/form/src/form-config-item.js +10 -6
- package/es/form/src/form.js +55 -15
- package/es/form/style.css +2 -2
- package/es/form/style.min.css +1 -1
- package/es/radio/style.css +2 -2
- package/es/radio/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-form/style.css +2 -2
- package/es/vxe-form/style.min.css +1 -1
- package/es/vxe-radio/style.css +2 -2
- package/es/vxe-radio/style.min.css +1 -1
- package/lib/form/src/form-config-item.js +11 -4
- package/lib/form/src/form-config-item.min.js +1 -1
- package/lib/form/src/form.js +69 -17
- package/lib/form/src/form.min.js +1 -1
- package/lib/form/style/style.css +2 -2
- package/lib/form/style/style.min.css +1 -1
- package/lib/index.umd.js +256 -197
- package/lib/index.umd.min.js +1 -1
- package/lib/radio/style/style.css +2 -2
- package/lib/radio/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-form/style/style.css +2 -2
- package/lib/vxe-form/style/style.min.css +1 -1
- package/lib/vxe-radio/style/style.css +2 -2
- package/lib/vxe-radio/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/form/src/form-config-item.ts +12 -4
- package/packages/form/src/form.ts +58 -15
- package/packages/form/src/util.ts +1 -1
- package/styles/components/form.scss +2 -2
- package/styles/components/radio.scss +2 -2
- package/types/components/form.d.ts +22 -3
- package/types/components/notice-bar.d.ts +4 -0
- /package/es/icon/{iconfont.1780292459831.ttf → iconfont.1780477619002.ttf} +0 -0
- /package/es/icon/{iconfont.1780292459831.woff → iconfont.1780477619002.woff} +0 -0
- /package/es/icon/{iconfont.1780292459831.woff2 → iconfont.1780477619002.woff2} +0 -0
- /package/es/{iconfont.1780292459831.ttf → iconfont.1780477619002.ttf} +0 -0
- /package/es/{iconfont.1780292459831.woff → iconfont.1780477619002.woff} +0 -0
- /package/es/{iconfont.1780292459831.woff2 → iconfont.1780477619002.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1780292459831.ttf → iconfont.1780477619002.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1780292459831.woff → iconfont.1780477619002.woff} +0 -0
- /package/lib/icon/style/{iconfont.1780292459831.woff2 → iconfont.1780477619002.woff2} +0 -0
- /package/lib/{iconfont.1780292459831.ttf → iconfont.1780477619002.ttf} +0 -0
- /package/lib/{iconfont.1780292459831.woff → iconfont.1780477619002.woff} +0 -0
- /package/lib/{iconfont.1780292459831.woff2 → iconfont.1780477619002.woff2} +0 -0
package/es/ui/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
|
|
2
2
|
import { dynamicApp } from '../dynamics';
|
|
3
3
|
import { warnLog } from './src/log';
|
|
4
|
-
export const version = "4.14.
|
|
4
|
+
export const version = "4.14.27";
|
|
5
5
|
VxeUI.uiVersion = version;
|
|
6
6
|
VxeUI.dynamicApp = dynamicApp;
|
|
7
7
|
export function config(options) {
|
package/es/ui/src/log.js
CHANGED
package/es/vxe-form/style.css
CHANGED
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
pointer-events: auto;
|
|
226
226
|
}
|
|
227
227
|
.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify {
|
|
228
|
-
padding: 0.
|
|
228
|
+
padding: 0.15em 0.6em 0.2em 0.6em;
|
|
229
229
|
color: #fff;
|
|
230
230
|
background-color: var(--vxe-ui-status-error-color);
|
|
231
231
|
}
|
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
.vxe-form-item--valid-error-icon-theme-beautify {
|
|
299
|
-
padding: 0.
|
|
299
|
+
padding: 0.15em 0.6em 0.2em 0.6em;
|
|
300
300
|
color: #fff;
|
|
301
301
|
background-color: var(--vxe-ui-status-error-color);
|
|
302
302
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-col--inner>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-col--inner>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-col--inner>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-col--inner>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-col--inner>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-col--inner>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-col--inner>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-col--inner>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-col--inner>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-col--inner>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-col--inner>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-col--inner>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-col--inner>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-col--inner>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-col--inner>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-col--inner>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-col--inner>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-col--inner>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-col--inner>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-col--inner>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-col--inner>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-col--inner>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-col--inner>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-col--inner>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-inner,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;align-items:center;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix,.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-tip-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-tip-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{display:inline-flex;flex-direction:row;vertical-align:middle}.vxe-form--item-title{flex-shrink:0}.vxe-form--item-content{display:flex;flex-direction:row;position:relative;flex-grow:1;word-break:break-all}.vxe-form--item-content:not(.vxe-form--group-content){align-items:center}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form-item--valid-error-tip{position:absolute;width:100%;font-size:.9em;line-height:1em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-wrapper{display:inline-block;border-radius:var(--vxe-ui-base-border-radius);pointer-events:auto}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify{padding:.2em .6em .25em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-normal{color:var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item-inner{position:relative;width:100%}.vxe-form-item--valid-error-icon-wrapper{visibility:hidden;position:relative;flex-shrink:0;padding-left:.5em;color:var(--vxe-ui-form-validate-error-color)}.vxe-form-item--valid-error-icon-wrapper.is--hide .vxe-form-item--valid-error-icon-msg-tip{width:0;padding:0}.vxe-form-item--valid-error-icon-btn{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:6;cursor:help}.vxe-form-item--valid-error-icon-msg-tip{position:absolute;top:50%;right:.8em;display:block;max-width:24em;padding:.4em;overflow:hidden;z-index:5;transform:translateY(-50%)}.vxe-form-item--valid-error-icon-msg{border-radius:var(--vxe-ui-base-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:2px 2px 4px -2px rgba(0,0,0,.5)}.vxe-form-item--valid-error-icon-theme-beautify{padding:.2em .6em .25em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-icon-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-icon-theme-normal{padding:0 .6em;color:var(--vxe-ui-table-validate-error-color);border:1px solid var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form--item.is--bold>.vxe-form--item-title{font-weight:700}.vxe-form--item.is--colon>.vxe-form--item-title .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required>.vxe-form--item-title .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--tbg>.vxe-form--item-title{background-color:var(--vxe-ui-form-title-background-color)}.vxe-form--item.is--vertical{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical>.vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical>.vxe-form--item-title .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-date-picker,.vxe-form--item.is--span .vxe-date-range-picker,.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-ico-picker,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-number-input,.vxe-form--item.is--span .vxe-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-table-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error.show--err-msg>.vxe-form--item-content{padding-top:0;padding-bottom:1.3em}.vxe-form--item.is--error.err--bg>.vxe-form--item-content{background-color:var(--vxe-ui-form-validate-error-item-background-color)}.vxe-form--item.is--error>.vxe-form--item-content>.vxe-form-item--valid-error-icon-wrapper{visibility:visible}.vxe-form--item.is--error .vxe-date-picker,.vxe-form--item.is--error .vxe-date-range-picker,.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-ico-picker,.vxe-form--item.is--error .vxe-input,.vxe-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-table-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn>.vxe-button,.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-date-picker:focus,.vxe-form--item.is--error .vxe-date-range-picker:focus,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form-item--valid-error-tip{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-default) * 2);padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form.is--border{position:relative;overflow:hidden}.vxe-form.is--border::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--vxe-ui-form-border-color);pointer-events:none;z-index:1}.vxe-form.is--border .vxe-form--item{position:relative;padding:0}.vxe-form.is--border .vxe-form--item::before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border:1px solid var(--vxe-ui-form-border-color);pointer-events:none}.vxe-form.is--border .vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{border-bottom:1px solid var(--vxe-ui-form-border-color)}.vxe-form.is--border .vxe-form--item.is--padding:not(.is--vertical)>.vxe-form--item-title{border-right:1px solid var(--vxe-ui-form-border-color)}.vxe-form .vxe-form--item.hide--content>.vxe-form--item-title{max-width:none;flex-shrink:unset;flex-grow:1}.vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.size--medium.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--small.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--mini.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.is--padding>.vxe-form--group-content.vxe-form--item-content{padding:0}.vxe-form .vxe-form--item-title.align--center{text-align:center}.vxe-form .vxe-form--item-title.align--left{text-align:left}.vxe-form .vxe-form--item-title.align--right{text-align:right}.vxe-form .vxe-form--item-content.align--center>.vxe-form--item-inner{text-align:center}.vxe-form .vxe-form--item-content.align--left>.vxe-form--item-inner{text-align:left}.vxe-form .vxe-form--item-content.align--right>.vxe-form--item-inner{text-align:right}.vxe-form .vxe-form--item-content.vertical-align--center{align-items:center}.vxe-form .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.vxe-form.size--medium .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.vxe-form.size--small .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}.vxe-form.size--mini .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-mini)}
|
|
1
|
+
.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-col--inner>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-col--inner>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-col--inner>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-col--inner>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-col--inner>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-col--inner>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-col--inner>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-col--inner>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-col--inner>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-col--inner>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-col--inner>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-col--inner>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-col--inner>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-col--inner>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-col--inner>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-col--inner>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-col--inner>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-col--inner>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-col--inner>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-col--inner>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-col--inner>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-col--inner>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-col--inner>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-col--inner>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-inner,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;align-items:center;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix,.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-tip-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-tip-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{display:inline-flex;flex-direction:row;vertical-align:middle}.vxe-form--item-title{flex-shrink:0}.vxe-form--item-content{display:flex;flex-direction:row;position:relative;flex-grow:1;word-break:break-all}.vxe-form--item-content:not(.vxe-form--group-content){align-items:center}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form-item--valid-error-tip{position:absolute;width:100%;font-size:.9em;line-height:1em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-wrapper{display:inline-block;border-radius:var(--vxe-ui-base-border-radius);pointer-events:auto}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify{padding:.15em .6em .2em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-normal{color:var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item-inner{position:relative;width:100%}.vxe-form-item--valid-error-icon-wrapper{visibility:hidden;position:relative;flex-shrink:0;padding-left:.5em;color:var(--vxe-ui-form-validate-error-color)}.vxe-form-item--valid-error-icon-wrapper.is--hide .vxe-form-item--valid-error-icon-msg-tip{width:0;padding:0}.vxe-form-item--valid-error-icon-btn{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:6;cursor:help}.vxe-form-item--valid-error-icon-msg-tip{position:absolute;top:50%;right:.8em;display:block;max-width:24em;padding:.4em;overflow:hidden;z-index:5;transform:translateY(-50%)}.vxe-form-item--valid-error-icon-msg{border-radius:var(--vxe-ui-base-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:2px 2px 4px -2px rgba(0,0,0,.5)}.vxe-form-item--valid-error-icon-theme-beautify{padding:.15em .6em .2em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-icon-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-icon-theme-normal{padding:0 .6em;color:var(--vxe-ui-table-validate-error-color);border:1px solid var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form--item.is--bold>.vxe-form--item-title{font-weight:700}.vxe-form--item.is--colon>.vxe-form--item-title .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required>.vxe-form--item-title .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--tbg>.vxe-form--item-title{background-color:var(--vxe-ui-form-title-background-color)}.vxe-form--item.is--vertical{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical>.vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical>.vxe-form--item-title .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-date-picker,.vxe-form--item.is--span .vxe-date-range-picker,.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-ico-picker,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-number-input,.vxe-form--item.is--span .vxe-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-table-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error.show--err-msg>.vxe-form--item-content{padding-top:0;padding-bottom:1.3em}.vxe-form--item.is--error.err--bg>.vxe-form--item-content{background-color:var(--vxe-ui-form-validate-error-item-background-color)}.vxe-form--item.is--error>.vxe-form--item-content>.vxe-form-item--valid-error-icon-wrapper{visibility:visible}.vxe-form--item.is--error .vxe-date-picker,.vxe-form--item.is--error .vxe-date-range-picker,.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-ico-picker,.vxe-form--item.is--error .vxe-input,.vxe-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-table-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn>.vxe-button,.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-date-picker:focus,.vxe-form--item.is--error .vxe-date-range-picker:focus,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form-item--valid-error-tip{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-default) * 2);padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form.is--border{position:relative;overflow:hidden}.vxe-form.is--border::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--vxe-ui-form-border-color);pointer-events:none;z-index:1}.vxe-form.is--border .vxe-form--item{position:relative;padding:0}.vxe-form.is--border .vxe-form--item::before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border:1px solid var(--vxe-ui-form-border-color);pointer-events:none}.vxe-form.is--border .vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{border-bottom:1px solid var(--vxe-ui-form-border-color)}.vxe-form.is--border .vxe-form--item.is--padding:not(.is--vertical)>.vxe-form--item-title{border-right:1px solid var(--vxe-ui-form-border-color)}.vxe-form .vxe-form--item.hide--content>.vxe-form--item-title{max-width:none;flex-shrink:unset;flex-grow:1}.vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.size--medium.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--small.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--mini.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.is--padding>.vxe-form--group-content.vxe-form--item-content{padding:0}.vxe-form .vxe-form--item-title.align--center{text-align:center}.vxe-form .vxe-form--item-title.align--left{text-align:left}.vxe-form .vxe-form--item-title.align--right{text-align:right}.vxe-form .vxe-form--item-content.align--center>.vxe-form--item-inner{text-align:center}.vxe-form .vxe-form--item-content.align--left>.vxe-form--item-inner{text-align:left}.vxe-form .vxe-form--item-content.align--right>.vxe-form--item-inner{text-align:right}.vxe-form .vxe-form--item-content.vertical-align--center{align-items:center}.vxe-form .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.vxe-form.size--medium .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.vxe-form.size--small .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}.vxe-form.size--mini .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-mini)}
|
package/es/vxe-radio/style.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*radio-group*/
|
|
2
2
|
.vxe-radio-group {
|
|
3
|
-
display: inline-
|
|
3
|
+
display: inline-flex;
|
|
4
4
|
vertical-align: middle;
|
|
5
5
|
line-height: 1;
|
|
6
6
|
font-size: 0;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
/*radio*/
|
|
15
15
|
.vxe-radio {
|
|
16
|
-
display: inline-
|
|
16
|
+
display: inline-flex;
|
|
17
17
|
vertical-align: middle;
|
|
18
18
|
white-space: nowrap;
|
|
19
19
|
line-height: 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-radio-group{display:inline-
|
|
1
|
+
.vxe-radio-group{display:inline-flex;vertical-align:middle;line-height:1;font-size:0}.vxe-radio--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-radio{display:inline-flex;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-radio{cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.26em}.vxe-radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--readonly{cursor:auto}.vxe-radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-radio{font-size:var(--vxe-ui-font-size-default)}.vxe-radio.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-radio.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-radio.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-radio:last-of-type{margin-right:0}.vxe-radio--default,.vxe-radio-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-radio--default.size--medium,.vxe-radio-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-radio--default.size--small,.vxe-radio-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-radio--default.size--mini,.vxe-radio-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-radio--default:last-of-type,.vxe-radio-group:last-of-type{margin-right:0}
|
|
@@ -8,20 +8,27 @@ var _vue = require("vue");
|
|
|
8
8
|
var _comp = require("../../ui/src/comp");
|
|
9
9
|
var _ui = require("../../ui");
|
|
10
10
|
var _utils = require("../../ui/src/utils");
|
|
11
|
+
var _formItem = require("./form-item");
|
|
11
12
|
var _render = require("./render");
|
|
12
13
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
const VxeFormConfigItem = (0, _comp.defineVxeComponent)({
|
|
15
16
|
name: 'VxeFormConfigItem',
|
|
16
|
-
props: {
|
|
17
|
+
props: Object.assign({
|
|
17
18
|
itemConfig: Object
|
|
18
|
-
},
|
|
19
|
+
}, _formItem.formItemProps),
|
|
19
20
|
setup(props) {
|
|
20
21
|
const $xeForm = (0, _vue.inject)('$xeForm', {});
|
|
21
22
|
const xeformiteminfo = {
|
|
22
23
|
itemConfig: props.itemConfig
|
|
23
24
|
};
|
|
24
25
|
(0, _vue.provide)('xeFormItemInfo', xeformiteminfo);
|
|
26
|
+
const computeItemVisible = (0, _vue.computed)(() => {
|
|
27
|
+
const {
|
|
28
|
+
visible
|
|
29
|
+
} = props.itemConfig;
|
|
30
|
+
return visible;
|
|
31
|
+
});
|
|
25
32
|
const renderItem = ($xeForm, item) => {
|
|
26
33
|
const formProps = $xeForm.props;
|
|
27
34
|
const $xeGrid = $xeForm.xeGrid;
|
|
@@ -31,13 +38,13 @@ const VxeFormConfigItem = (0, _comp.defineVxeComponent)({
|
|
|
31
38
|
disabled
|
|
32
39
|
} = formProps;
|
|
33
40
|
const {
|
|
34
|
-
visible,
|
|
35
41
|
field,
|
|
36
42
|
itemRender,
|
|
37
43
|
contentStyle,
|
|
38
44
|
children,
|
|
39
45
|
showContent
|
|
40
46
|
} = item;
|
|
47
|
+
const itemVisible = computeItemVisible.value;
|
|
41
48
|
const compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
|
|
42
49
|
const itemStyle = compConf ? compConf.formItemStyle || compConf.itemStyle : null;
|
|
43
50
|
const itemContentStyle = compConf ? compConf.formItemContentStyle || compConf.itemContentStyle : null;
|
|
@@ -52,7 +59,7 @@ const VxeFormConfigItem = (0, _comp.defineVxeComponent)({
|
|
|
52
59
|
$grid: $xeGrid
|
|
53
60
|
};
|
|
54
61
|
const hasGroup = children && children.length > 0;
|
|
55
|
-
if (
|
|
62
|
+
if (itemVisible === false) {
|
|
56
63
|
return (0, _ui.renderEmptyElement)($xeForm);
|
|
57
64
|
}
|
|
58
65
|
return (0, _vue.h)('div', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_render=require("./render"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFormConfigItem=(0,_comp.defineVxeComponent)({name:"VxeFormConfigItem",props:{itemConfig:Object},setup(
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_formItem=require("./form-item"),_render=require("./render"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFormConfigItem=(0,_comp.defineVxeComponent)({name:"VxeFormConfigItem",props:Object.assign({itemConfig:Object},_formItem.formItemProps),setup(r){let e=(0,_vue.inject)("$xeForm",{});var t={itemConfig:r.itemConfig};(0,_vue.provide)("xeFormItemInfo",t);let f=(0,_vue.computed)(()=>{var e=r.itemConfig.visible;return e}),p=(r,e)=>{var t=r.props,i=r.xeGrid,{data:t,readonly:n,disabled:o}=t,{field:u,itemRender:l,contentStyle:d,children:m,showContent:s}=e,a=f.value,l=(0,_utils.isEnableConf)(l)?_ui.renderer.get(l.name):null,_=l?l.formItemStyle||l.itemStyle:null,l=l?l.formItemContentStyle||l.itemContentStyle:null,t={data:t,disabled:o,readonly:n,field:u,property:u,item:e,$form:r,$grid:i},o=m&&0<m.length;return!1===a?(0,_ui.renderEmptyElement)(r):(0,_vue.h)("div",{key:e.id,itemid:e.id,class:(0,_render.getItemClass)(r,e),style:_xeUtils.default.isFunction(_)?_(t):_},[(0,_render.renderTitle)(r,e),!1===s?(0,_ui.renderEmptyElement)(r):(0,_vue.h)("div",{class:(0,_render.getItemContentClass)(r,e),style:Object.assign({},_xeUtils.default.isFunction(l)?l(t):l,_xeUtils.default.isFunction(d)?d(t):d)},o?m.map(e=>p(r,e)):[(0,_render.renderItemContent)(r,e),(0,_render.renderItemErrorIcon)(r,e)])])};t={renderVN:()=>p(e,r.itemConfig)};return(0,_vue.provide)("$xeFormGroup",null),t},render(){return this.renderVN()}});var _default=exports.default=VxeFormConfigItem;
|
package/lib/form/src/form.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.createReactData = createReactData;
|
|
6
7
|
exports.default = void 0;
|
|
7
8
|
var _vue = require("vue");
|
|
8
9
|
var _comp = require("../../ui/src/comp");
|
|
@@ -143,6 +144,14 @@ function checkRuleStatus(rule, data, val) {
|
|
|
143
144
|
}
|
|
144
145
|
return true;
|
|
145
146
|
}
|
|
147
|
+
function createReactData() {
|
|
148
|
+
return {
|
|
149
|
+
collapseAll: false,
|
|
150
|
+
staticItems: [],
|
|
151
|
+
formItems: [],
|
|
152
|
+
itemWidth: 0
|
|
153
|
+
};
|
|
154
|
+
}
|
|
146
155
|
function createInternalData() {
|
|
147
156
|
return {
|
|
148
157
|
meTimeout: undefined,
|
|
@@ -151,7 +160,9 @@ function createInternalData() {
|
|
|
151
160
|
item: null,
|
|
152
161
|
visible: false
|
|
153
162
|
},
|
|
154
|
-
itemFormatCache: {}
|
|
163
|
+
itemFormatCache: {},
|
|
164
|
+
fullItemIdData: {},
|
|
165
|
+
fullItemFieldData: {}
|
|
155
166
|
};
|
|
156
167
|
}
|
|
157
168
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
@@ -248,12 +259,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
248
259
|
const {
|
|
249
260
|
computeSize
|
|
250
261
|
} = (0, _ui.useSize)(props);
|
|
251
|
-
const reactData = (0, _vue.reactive)(
|
|
252
|
-
collapseAll: props.collapseStatus,
|
|
253
|
-
staticItems: [],
|
|
254
|
-
formItems: [],
|
|
255
|
-
itemWidth: 0
|
|
256
|
-
});
|
|
262
|
+
const reactData = (0, _vue.reactive)(createReactData());
|
|
257
263
|
const internalData = createInternalData();
|
|
258
264
|
const refElem = (0, _vue.ref)();
|
|
259
265
|
const refTooltip = (0, _vue.ref)();
|
|
@@ -326,7 +332,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
326
332
|
}
|
|
327
333
|
return [];
|
|
328
334
|
};
|
|
329
|
-
const
|
|
335
|
+
const loadItems = list => {
|
|
330
336
|
if (list.length) {
|
|
331
337
|
list.forEach(item => {
|
|
332
338
|
if (item.slots) {
|
|
@@ -358,10 +364,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
358
364
|
return itemList;
|
|
359
365
|
};
|
|
360
366
|
const getItemByField = field => {
|
|
361
|
-
const
|
|
362
|
-
|
|
363
|
-
}
|
|
364
|
-
|
|
367
|
+
const {
|
|
368
|
+
fullItemFieldData
|
|
369
|
+
} = internalData;
|
|
370
|
+
const itemRest = fullItemFieldData[field];
|
|
371
|
+
return itemRest ? itemRest.item : null;
|
|
365
372
|
};
|
|
366
373
|
const getCollapseStatus = () => {
|
|
367
374
|
return reactData.collapseAll;
|
|
@@ -440,6 +447,34 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
440
447
|
}
|
|
441
448
|
return resetValue;
|
|
442
449
|
};
|
|
450
|
+
const cacheItem = () => {
|
|
451
|
+
const {
|
|
452
|
+
formItems
|
|
453
|
+
} = reactData;
|
|
454
|
+
const itemIdData = {};
|
|
455
|
+
const itemFieldData = {};
|
|
456
|
+
_xeUtils.default.eachTree(formItems, (item, index, items) => {
|
|
457
|
+
const {
|
|
458
|
+
id,
|
|
459
|
+
field
|
|
460
|
+
} = item;
|
|
461
|
+
const itemRest = {
|
|
462
|
+
item,
|
|
463
|
+
items,
|
|
464
|
+
index
|
|
465
|
+
};
|
|
466
|
+
if (id) {
|
|
467
|
+
itemIdData[id] = itemRest;
|
|
468
|
+
}
|
|
469
|
+
if (field) {
|
|
470
|
+
itemFieldData[field] = itemRest;
|
|
471
|
+
}
|
|
472
|
+
}, {
|
|
473
|
+
children: 'children'
|
|
474
|
+
});
|
|
475
|
+
internalData.fullItemFieldData = itemFieldData;
|
|
476
|
+
internalData.fullItemIdData = itemIdData;
|
|
477
|
+
};
|
|
443
478
|
const reset = () => {
|
|
444
479
|
const {
|
|
445
480
|
data
|
|
@@ -874,6 +909,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
874
909
|
const handleGlobalResizeEvent = () => {
|
|
875
910
|
recalculate();
|
|
876
911
|
};
|
|
912
|
+
const handleItemVisible = visible => {
|
|
913
|
+
return function (fieldOrItems) {
|
|
914
|
+
const objs = _xeUtils.default.isArray(fieldOrItems) ? fieldOrItems : [fieldOrItems];
|
|
915
|
+
objs.forEach(obj => {
|
|
916
|
+
const item = (0, _util.handleFieldOrItem)($xeForm, obj);
|
|
917
|
+
if (item) {
|
|
918
|
+
item.visible = visible;
|
|
919
|
+
}
|
|
920
|
+
});
|
|
921
|
+
return (0, _vue.nextTick)();
|
|
922
|
+
};
|
|
923
|
+
};
|
|
877
924
|
formMethods = {
|
|
878
925
|
dispatchEvent(type, params, evnt) {
|
|
879
926
|
emit(type, (0, _ui.createEvent)(evnt, {
|
|
@@ -881,6 +928,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
881
928
|
$grid: $xeGrid
|
|
882
929
|
}, params));
|
|
883
930
|
},
|
|
931
|
+
loadItems,
|
|
932
|
+
showItem: handleItemVisible(true),
|
|
933
|
+
hideItem: handleItemVisible(false),
|
|
884
934
|
reset,
|
|
885
935
|
validate,
|
|
886
936
|
validateField,
|
|
@@ -940,11 +990,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
940
990
|
}, customLayout ? defaultSlot ? defaultSlot({}) : [] : formItems.map((item, index) => {
|
|
941
991
|
return (0, _vue.h)(_formConfigItem.default, {
|
|
942
992
|
key: index,
|
|
943
|
-
itemConfig: item
|
|
993
|
+
itemConfig: item,
|
|
994
|
+
visible: item.visible
|
|
944
995
|
});
|
|
945
996
|
})), (0, _vue.h)('div', {
|
|
946
|
-
class: 'vxe-form-slots'
|
|
947
|
-
ref: 'hideItem'
|
|
997
|
+
class: 'vxe-form-slots'
|
|
948
998
|
}, customLayout ? [] : defaultSlot ? defaultSlot({}) : []),
|
|
949
999
|
/**
|
|
950
1000
|
* 加载中
|
|
@@ -982,6 +1032,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
982
1032
|
(0, _vue.watch)(staticItemFlag, () => {
|
|
983
1033
|
reactData.formItems = reactData.staticItems;
|
|
984
1034
|
recalcFlag.value++;
|
|
1035
|
+
cacheItem();
|
|
985
1036
|
});
|
|
986
1037
|
const itemFlag = (0, _vue.ref)(0);
|
|
987
1038
|
(0, _vue.watch)(() => props.items ? props.items.length : -1, () => {
|
|
@@ -991,7 +1042,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
991
1042
|
itemFlag.value++;
|
|
992
1043
|
});
|
|
993
1044
|
(0, _vue.watch)(itemFlag, () => {
|
|
994
|
-
|
|
1045
|
+
loadItems(props.items || []);
|
|
995
1046
|
});
|
|
996
1047
|
(0, _vue.watch)(() => props.collapseStatus, value => {
|
|
997
1048
|
reactData.collapseAll = !!value;
|
|
@@ -1014,8 +1065,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1014
1065
|
_ui.globalEvents.off($xeForm, 'resize');
|
|
1015
1066
|
_xeUtils.default.assign(internalData, createInternalData());
|
|
1016
1067
|
});
|
|
1068
|
+
reactData.collapseAll = !!props.collapseStatus;
|
|
1017
1069
|
if (props.items) {
|
|
1018
|
-
|
|
1070
|
+
loadItems(props.items);
|
|
1019
1071
|
}
|
|
1020
1072
|
(0, _vue.provide)('xeFormItemInfo', null);
|
|
1021
1073
|
(0, _vue.provide)('$xeForm', $xeForm);
|
package/lib/form/src/form.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}require("../render");class Rule{constructor(e){Object.assign(this,{$options:e,required:e.required,min:e.min,max:e.min,type:e.type,pattern:e.pattern,validator:e.validator,trigger:e.trigger,maxWidth:e.maxWidth})}get content(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}get message(){return this.content}}function validREValue(e,t){return!(e&&!(_xeUtils.default.isRegExp(e)?e:new RegExp(e)).test(t))}function validMaxValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t>_xeUtils.default.toNumber(e))}function validMinValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t<_xeUtils.default.toNumber(e))}function validRuleValue(e,t,l){var{type:e,min:i,max:r,pattern:a}=e,u="array"===e,o="number"===e,e="string"===e,n=""+t;if(!validREValue(a,n))return!1;if(u){if(!_xeUtils.default.isArray(t))return!1;if(l&&!t.length)return!1;if(!validMinValue(i,t.length))return!1;if(!validMaxValue(r,t.length))return!1}else if(o){a=Number(t);if(isNaN(a))return!1;if(!validMinValue(i,a))return!1;if(!validMaxValue(r,a))return!1}else{if(e&&!_xeUtils.default.isString(t))return!1;if(l&&!n)return!1;if(!validMinValue(i,n.length))return!1;if(!validMaxValue(r,n.length))return!1}return!0}function checkRuleStatus(e,t,l){var{required:i,field:r}=e,t=r?_xeUtils.default.get(t,r):l,r=_xeUtils.default.isArray(t)?!t.length:(0,_utils.eqEmptyValue)(t);if(i){if(r)return!1;if(!validRuleValue(e,t,i))return!1}else if(!r&&!validRuleValue(e,t,i))return!1;return!0}function createInternalData(){return{meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1},itemFormatCache:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:()=>(0,_ui.getConfig)().form.size||(0,_ui.getConfig)().size},span:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.span},align:{type:String,default:()=>(0,_ui.getConfig)().form.align},verticalAlign:{type:String,default:()=>(0,_ui.getConfig)().form.verticalAlign},border:{type:Boolean,default:()=>(0,_ui.getConfig)().form.border},titleBackground:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBackground},titleBold:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBold},titleAlign:{type:String,default:()=>(0,_ui.getConfig)().form.titleAlign},titleWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.titleWidth},titleColon:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleColon},titleAsterisk:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleAsterisk},titleOverflow:{type:[Boolean,String],default:()=>(0,_ui.getConfig)().form.titleOverflow},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().form.vertical},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().form.padding},className:[String,Function],readonly:Boolean,disabled:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:()=>(0,_ui.getConfig)().form.preventSubmit},validConfig:Object,tooltipConfig:Object,collapseConfig:Object,customLayout:{type:Boolean,default:()=>(0,_ui.getConfig)().form.customLayout},params:Object},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(s,e){let{slots:d,emit:i}=e,o=(0,_vue.inject)("$xeGrid",null);var t=_xeUtils.default.uniqueId();let f=(0,_ui.useSize)(s).computeSize,c=(0,_vue.reactive)({collapseAll:s.collapseStatus,staticItems:[],formItems:[],itemWidth:0}),m=createInternalData(),v=(0,_vue.ref)(),g=(0,_vue.ref)(),r={},_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.validConfig,s.validConfig)),p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tooltip,(0,_ui.getConfig)().form.tooltipConfig,s.tooltipConfig));var l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.collapseConfig,s.collapseConfig));let a=(0,_vue.computed)(()=>{let{titleWidth:i,vertical:r}=s;var e=c.formItems;let a=[];return _xeUtils.default.eachTree(e,e=>{var{titleWidth:t,vertical:l}=e;"auto"!==t&&("auto"!==((_xeUtils.default.eqNull(l)?r:l)?null:_xeUtils.default.eqNull(t)?i:t)||e.children&&e.children.length)||a.push(e)},{children:"children"}),a}),u={refElem:v},n={computeSize:f,computeValidOpts:_,computeTooltipOpts:p,computeCollapseOpts:l,computeAutoItemWidthList:a},h={xID:t,props:s,context:e,reactData:c,internalData:m,xeGrid:o,getRefMaps:()=>u,getComputeMaps:()=>n};let x=e=>(e.length&&e.forEach(e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||d[e]||(0,_log.errLog)("vxe.error.notSlot",["[form] "+e])})}),c.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(h,e),{children:"children"}),m.itemFormatCache={},(0,_vue.nextTick)().then(()=>M())),y=()=>{let t=[];return _xeUtils.default.eachTree(c.formItems,e=>{t.push(e)},{children:"children"}),t},b=t=>{var e=_xeUtils.default.findTree(c.formItems,e=>e.field===t,{children:"children"});return e?e.item:null},C=()=>c.collapseAll,U=()=>{var e=!C();return c.collapseAll=e,i("update:collapseStatus",e),(0,_vue.nextTick)()};let E=t=>{if(t){let e=t;(e=_xeUtils.default.isArray(t)?e:[t]).forEach(e=>{e&&(e=(0,_util.handleFieldOrItem)(h,e))&&(e.showError=!1,e.showIconMsg=!1)})}else y().forEach(e=>{e.showError=!1,e.showIconMsg=!1});return(0,_vue.nextTick)()},I=(e,t,l)=>{var{field:i,resetValue:r}=e;return _xeUtils.default.isFunction(r)?r({field:i,item:e,data:t,$form:h,$grid:o}):_xeUtils.default.eqNull(r)&&_xeUtils.default.isArray(l)?[]:r},S=()=>{let u=s.data;var e=y();return u&&e.forEach(e=>{var t,l,i,{field:r,itemRender:a}=e;(0,_utils.isEnableConf)(a)&&({name:a,startField:t,endField:l}=a,i=(a=_ui.renderer.get(a))?a.formItemResetMethod||a.itemResetMethod:null,a&&i?i({data:u,field:r,property:r,item:e,$form:h,$grid:o}):r&&(a=_xeUtils.default.get(u,r),_xeUtils.default.set(u,r,I(e,u,a))),t)&&l&&(_xeUtils.default.set(u,t,I(e,u,_xeUtils.default.get(u,t))),_xeUtils.default.set(u,l,I(e,u,_xeUtils.default.get(u,l))))}),m.itemFormatCache={},E(),M()},$=e=>{e.preventDefault(),S(),r.dispatchEvent("reset",{data:s.data},e)},j=e=>{var l=v.value;if(l)for(let t=0;t<e.length;t++){var i=e[t],r=b(i);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var a=r.itemRender,u=_ui.renderer.get(a.name);t||(0,_dom.scrollToView)(l.querySelector("."+r.id));let e=null;a=a.autoFocus||a.autofocus||(u?u.formItemAutoFocus:null);if(_xeUtils.default.isFunction(a)?e=a({$form:h,$grid:o,item:r,data:s.data,field:i}):!0===a?e=l.querySelector(`.${r.id} input,textarea`):a&&(e=l.querySelector(`.${r.id} `+a)),e){e.focus();break}}}},w=(f,e,t)=>{let{data:c,rules:l}=s,i={};return _xeUtils.default.isArray(e)||(e=[e]),Promise.all(e.map(n=>{let s=[],d=[];if(n&&l){var e=b(n);let o=e&&e.rules?e.rules:_xeUtils.default.get(l,n);if(o){let u=_xeUtils.default.isUndefined(t)?_xeUtils.default.get(c,n):t;o.forEach(t=>{let{trigger:l,validator:i}=t;if("all"===f||!l||f===l)if(i){var r,a={itemValue:u,rule:t,rules:o,data:c,field:n,property:n,$form:h};let e;_xeUtils.default.isString(i)?(r=_ui.validators.get(i))?(r=r.formItemValidatorMethod||r.itemValidatorMethod)?e=r(a):(0,_log.warnLog)("vxe.error.notValidators",["[form] "+i]):(0,_log.errLog)("vxe.error.notValidators",["[form] "+i]):e=i(a),e&&(_xeUtils.default.isError(e)?s.push(new Rule({type:"custom",trigger:l,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{s.push(new Rule({type:"custom",trigger:l,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else checkRuleStatus(t,c,u)||s.push(new Rule(t))})}}return Promise.all(d).then(()=>{s.length&&(i[n]=s.map(e=>({$form:h,rule:e,data:c,field:n,property:n})))})})).then(()=>{if(!_xeUtils.default.isEmpty(i))return Promise.reject(i)})},T=(t,e,l)=>{var{data:i,rules:r}=s;let a=_.value,u={},o=[],n=[];return clearTimeout(m.meTimeout),i&&r?(t.forEach(t=>{let l=t.field;l&&!(0,_util.isHiddenItem)(h,t)&&(0,_util.isActiveItem)(h,t)&&n.push(w(e||"all",l).then(()=>{t.errRule=null}).catch(e=>{e=e[l];return u[l]||(u[l]=[]),u[l].push(e),o.push(l),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(n).then(()=>{l&&l()}).catch(()=>new Promise(e=>{m.meTimeout=setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==a.autoPos&&(0,_vue.nextTick)(()=>{j(o)}),l?(l(u),e()):e(u)}))):(l&&l(),Promise.resolve())};let q=t=>{var e=s.readonly;E(),e?(h.dispatchEvent("submit",{data:s.data},t),M()):T(y()).then(e=>{e?h.dispatchEvent("submit-invalid",{data:s.data,errMap:e},t):h.dispatchEvent("submit",{data:s.data},t),M()})},k=e=>{e.preventDefault(),s.preventSubmit||q(e)},R=()=>{var e=m.tooltipStore,t=g.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};let V=(e,l,t)=>l?w(e?["blur"].includes(e.type)?"blur":"change":"all",l,t).then(()=>{E(l)}).catch(e=>{var e=e[l],t=b(l);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();let M=()=>{var e=a.value,l=v.value;if(l&&e.length){l=l.querySelectorAll(e.map(e=>`.vxe-form--item-title[itemid="${e.id}"]`).join(","));let t=0;_xeUtils.default.arrayEach(l,e=>{e.style.width="",t=Math.max(t,Math.ceil(e.clientWidth+2))}),_xeUtils.default.arrayEach(l,e=>{e.style.width=t+"px"})}return(0,_vue.nextTick)()},B=()=>{M()};r={dispatchEvent(e,t,l){i(e,(0,_ui.createEvent)(l,{$form:h,$grid:o},t))},reset:S,validate:e=>{var t=s.readonly;return E(),t?(0,_vue.nextTick)():T(y(),"",e).then(e=>(M(),e))},validateField:(e,t)=>{var l=s.readonly;if(l)return(0,_vue.nextTick)();let i=[];l=(i=e?_xeUtils.default.isArray(e)?e:[e]:i).map(e=>(0,_util.handleFieldOrItem)(h,e));return T(l,"",t).then(e=>(M(),e))},clearValidate:E,updateStatus:(e,t)=>{e=e.field;return V(new Event("change"),e,t)},toggleCollapse:U,getItems:y,getItemByField:b,closeTooltip:R,recalculate:M};l={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:V,toggleCollapseEvent:e=>{var t=U(),l=C();r.dispatchEvent("toggle-collapse",{status:l,collapse:l,data:s.data},e),r.dispatchEvent("collapse",{status:l,collapse:l,data:s.data},e),t.then(()=>{M().then(()=>{o&&o.recalculate(!0)}),o&&o.recalculate()})},triggerTitleTipEvent:(e,t)=>{var t=t.item,l=m.tooltipStore,i=g.value,e=e.currentTarget.children[0],r=(e.textContent||"").trim(),a=e.scrollWidth>e.clientWidth;clearTimeout(m.stTimeout),l.item!==t&&R(),r&&a&&(Object.assign(l,{item:t,visible:!0}),i)&&i.open(e,r)},handleTitleTipLeaveEvent:()=>{var e=p.value;let t=g.value;t&&t.setActived(!1),e.enterable?m.stTimeout=setTimeout(()=>{(t=g.value)&&!t.isActived()&&R()},e.leaveDelay):R()},handleValidIconEvent(e,t){t=t.item;t.showIconMsg=!t.showIconMsg},handleSubmitEvent:q};Object.assign(h,r,l);let A=(0,_vue.ref)(0),F=((0,_vue.watch)(()=>s.vertical,()=>{A.value++}),(0,_vue.watch)(()=>s.titleWidth,()=>{A.value++}),(0,_vue.watch)(A,()=>{(0,_vue.nextTick)().then(()=>{M()})}),(0,_vue.ref)(0)),O=((0,_vue.watch)(()=>c.staticItems.length,()=>{F.value++}),(0,_vue.watch)(()=>c.staticItems,()=>{F.value++}),(0,_vue.watch)(F,()=>{c.formItems=c.staticItems,A.value++}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>s.items?s.items.length:-1,()=>{O.value++}),(0,_vue.watch)(()=>s.items,()=>{O.value++}),(0,_vue.watch)(O,()=>{x(s.items||[])}),(0,_vue.watch)(()=>s.collapseStatus,e=>{c.collapseAll=!!e}),(0,_vue.watch)(()=>s.readonly,()=>{E()}),(0,_vue.watch)(()=>s.disabled,()=>{E()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{s.customLayout&&s.items&&(0,_log.errLog)("vxe.error.errConflicts",["[form] custom-layout","items"])}),_ui.globalEvents.on(h,"resize",B)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(h,"resize"),_xeUtils.default.assign(m,createInternalData())}),s.items&&x(s.items),(0,_vue.provide)("xeFormItemInfo",null),(0,_vue.provide)("$xeForm",h),(0,_vue.provide)("$xeFormGroup",null),(0,_vue.provide)("$xeFormItem",null),h.renderVN=()=>{var{loading:e,border:t,className:l,data:i,customLayout:r}=s,a=c.formItems,u=f.value,o=p.value,n=d.default;return(0,_vue.h)("form",{ref:v,class:["vxe-form",l?_xeUtils.default.isFunction(l)?l({items:a,data:i,$form:h}):l:"",{["size--"+u]:u,"is--border":t,"custom--layout":r,"is--loading":e}],onSubmit:k,onReset:$},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-form--item-row"},r?n?n({}):[]:a.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e}))),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&n?n({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,Object.assign({ref:g},o))])},h},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReactData=createReactData,exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}require("../render");class Rule{constructor(e){Object.assign(this,{$options:e,required:e.required,min:e.min,max:e.min,type:e.type,pattern:e.pattern,validator:e.validator,trigger:e.trigger,maxWidth:e.maxWidth})}get content(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}get message(){return this.content}}function validREValue(e,t){return!(e&&!(_xeUtils.default.isRegExp(e)?e:new RegExp(e)).test(t))}function validMaxValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t>_xeUtils.default.toNumber(e))}function validMinValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t<_xeUtils.default.toNumber(e))}function validRuleValue(e,t,l){var{type:e,min:i,max:r,pattern:a}=e,u="array"===e,o="number"===e,e="string"===e,n=""+t;if(!validREValue(a,n))return!1;if(u){if(!_xeUtils.default.isArray(t))return!1;if(l&&!t.length)return!1;if(!validMinValue(i,t.length))return!1;if(!validMaxValue(r,t.length))return!1}else if(o){a=Number(t);if(isNaN(a))return!1;if(!validMinValue(i,a))return!1;if(!validMaxValue(r,a))return!1}else{if(e&&!_xeUtils.default.isString(t))return!1;if(l&&!n)return!1;if(!validMinValue(i,n.length))return!1;if(!validMaxValue(r,n.length))return!1}return!0}function checkRuleStatus(e,t,l){var{required:i,field:r}=e,t=r?_xeUtils.default.get(t,r):l,r=_xeUtils.default.isArray(t)?!t.length:(0,_utils.eqEmptyValue)(t);if(i){if(r)return!1;if(!validRuleValue(e,t,i))return!1}else if(!r&&!validRuleValue(e,t,i))return!1;return!0}function createReactData(){return{collapseAll:!1,staticItems:[],formItems:[],itemWidth:0}}function createInternalData(){return{meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1},itemFormatCache:{},fullItemIdData:{},fullItemFieldData:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:()=>(0,_ui.getConfig)().form.size||(0,_ui.getConfig)().size},span:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.span},align:{type:String,default:()=>(0,_ui.getConfig)().form.align},verticalAlign:{type:String,default:()=>(0,_ui.getConfig)().form.verticalAlign},border:{type:Boolean,default:()=>(0,_ui.getConfig)().form.border},titleBackground:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBackground},titleBold:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBold},titleAlign:{type:String,default:()=>(0,_ui.getConfig)().form.titleAlign},titleWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.titleWidth},titleColon:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleColon},titleAsterisk:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleAsterisk},titleOverflow:{type:[Boolean,String],default:()=>(0,_ui.getConfig)().form.titleOverflow},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().form.vertical},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().form.padding},className:[String,Function],readonly:Boolean,disabled:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:()=>(0,_ui.getConfig)().form.preventSubmit},validConfig:Object,tooltipConfig:Object,collapseConfig:Object,customLayout:{type:Boolean,default:()=>(0,_ui.getConfig)().form.customLayout},params:Object},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(s,e){let{slots:d,emit:i}=e,o=(0,_vue.inject)("$xeGrid",null);var t=_xeUtils.default.uniqueId();let f=(0,_ui.useSize)(s).computeSize,c=(0,_vue.reactive)(createReactData()),m=createInternalData(),v=(0,_vue.ref)(),g=(0,_vue.ref)(),r={},_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.validConfig,s.validConfig)),p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tooltip,(0,_ui.getConfig)().form.tooltipConfig,s.tooltipConfig));var l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.collapseConfig,s.collapseConfig));let a=(0,_vue.computed)(()=>{let{titleWidth:i,vertical:r}=s;var e=c.formItems;let a=[];return _xeUtils.default.eachTree(e,e=>{var{titleWidth:t,vertical:l}=e;"auto"!==t&&("auto"!==((_xeUtils.default.eqNull(l)?r:l)?null:_xeUtils.default.eqNull(t)?i:t)||e.children&&e.children.length)||a.push(e)},{children:"children"}),a}),u={refElem:v},n={computeSize:f,computeValidOpts:_,computeTooltipOpts:p,computeCollapseOpts:l,computeAutoItemWidthList:a},h={xID:t,props:s,context:e,reactData:c,internalData:m,xeGrid:o,getRefMaps:()=>u,getComputeMaps:()=>n};let x=e=>(e.length&&e.forEach(e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||d[e]||(0,_log.errLog)("vxe.error.notSlot",["[form] "+e])})}),c.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(h,e),{children:"children"}),m.itemFormatCache={},(0,_vue.nextTick)().then(()=>F())),y=()=>{let t=[];return _xeUtils.default.eachTree(c.formItems,e=>{t.push(e)},{children:"children"}),t},b=e=>{var t=m.fullItemFieldData,t=t[e];return t?t.item:null},I=()=>c.collapseAll,C=()=>{var e=!I();return c.collapseAll=e,i("update:collapseStatus",e),(0,_vue.nextTick)()};let U=t=>{if(t){let e=t;(e=_xeUtils.default.isArray(t)?e:[t]).forEach(e=>{e&&(e=(0,_util.handleFieldOrItem)(h,e))&&(e.showError=!1,e.showIconMsg=!1)})}else y().forEach(e=>{e.showError=!1,e.showIconMsg=!1});return(0,_vue.nextTick)()},E=(e,t,l)=>{var{field:i,resetValue:r}=e;return _xeUtils.default.isFunction(r)?r({field:i,item:e,data:t,$form:h,$grid:o}):_xeUtils.default.eqNull(r)&&_xeUtils.default.isArray(l)?[]:r},w=()=>{let u=s.data;var e=y();return u&&e.forEach(e=>{var t,l,i,{field:r,itemRender:a}=e;(0,_utils.isEnableConf)(a)&&({name:a,startField:t,endField:l}=a,i=(a=_ui.renderer.get(a))?a.formItemResetMethod||a.itemResetMethod:null,a&&i?i({data:u,field:r,property:r,item:e,$form:h,$grid:o}):r&&(a=_xeUtils.default.get(u,r),_xeUtils.default.set(u,r,E(e,u,a))),t)&&l&&(_xeUtils.default.set(u,t,E(e,u,_xeUtils.default.get(u,t))),_xeUtils.default.set(u,l,E(e,u,_xeUtils.default.get(u,l))))}),m.itemFormatCache={},U(),F()},O=e=>{e.preventDefault(),w(),r.dispatchEvent("reset",{data:s.data},e)},$=e=>{var l=v.value;if(l)for(let t=0;t<e.length;t++){var i=e[t],r=b(i);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var a=r.itemRender,u=_ui.renderer.get(a.name);t||(0,_dom.scrollToView)(l.querySelector("."+r.id));let e=null;a=a.autoFocus||a.autofocus||(u?u.formItemAutoFocus:null);if(_xeUtils.default.isFunction(a)?e=a({$form:h,$grid:o,item:r,data:s.data,field:i}):!0===a?e=l.querySelector(`.${r.id} input,textarea`):a&&(e=l.querySelector(`.${r.id} `+a)),e){e.focus();break}}}},S=(f,e,t)=>{let{data:c,rules:l}=s,i={};return _xeUtils.default.isArray(e)||(e=[e]),Promise.all(e.map(n=>{let s=[],d=[];if(n&&l){var e=b(n);let o=e&&e.rules?e.rules:_xeUtils.default.get(l,n);if(o){let u=_xeUtils.default.isUndefined(t)?_xeUtils.default.get(c,n):t;o.forEach(t=>{let{trigger:l,validator:i}=t;if("all"===f||!l||f===l)if(i){var r,a={itemValue:u,rule:t,rules:o,data:c,field:n,property:n,$form:h};let e;_xeUtils.default.isString(i)?(r=_ui.validators.get(i))?(r=r.formItemValidatorMethod||r.itemValidatorMethod)?e=r(a):(0,_log.warnLog)("vxe.error.notValidators",["[form] "+i]):(0,_log.errLog)("vxe.error.notValidators",["[form] "+i]):e=i(a),e&&(_xeUtils.default.isError(e)?s.push(new Rule({type:"custom",trigger:l,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{s.push(new Rule({type:"custom",trigger:l,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else checkRuleStatus(t,c,u)||s.push(new Rule(t))})}}return Promise.all(d).then(()=>{s.length&&(i[n]=s.map(e=>({$form:h,rule:e,data:c,field:n,property:n})))})})).then(()=>{if(!_xeUtils.default.isEmpty(i))return Promise.reject(i)})},R=(t,e,l)=>{var{data:i,rules:r}=s;let a=_.value,u={},o=[],n=[];return clearTimeout(m.meTimeout),i&&r?(t.forEach(t=>{let l=t.field;l&&!(0,_util.isHiddenItem)(h,t)&&(0,_util.isActiveItem)(h,t)&&n.push(S(e||"all",l).then(()=>{t.errRule=null}).catch(e=>{e=e[l];return u[l]||(u[l]=[]),u[l].push(e),o.push(l),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(n).then(()=>{l&&l()}).catch(()=>new Promise(e=>{m.meTimeout=setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==a.autoPos&&(0,_vue.nextTick)(()=>{$(o)}),l?(l(u),e()):e(u)}))):(l&&l(),Promise.resolve())};let T=t=>{var e=s.readonly;U(),e?(h.dispatchEvent("submit",{data:s.data},t),F()):R(y()).then(e=>{e?h.dispatchEvent("submit-invalid",{data:s.data,errMap:e},t):h.dispatchEvent("submit",{data:s.data},t),F()})},k=e=>{e.preventDefault(),s.preventSubmit||T(e)},q=()=>{var e=m.tooltipStore,t=g.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};let V=(e,l,t)=>l?S(e?["blur"].includes(e.type)?"blur":"change":"all",l,t).then(()=>{U(l)}).catch(e=>{var e=e[l],t=b(l);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();let F=()=>{var e=a.value,l=v.value;if(l&&e.length){l=l.querySelectorAll(e.map(e=>`.vxe-form--item-title[itemid="${e.id}"]`).join(","));let t=0;_xeUtils.default.arrayEach(l,e=>{e.style.width="",t=Math.max(t,Math.ceil(e.clientWidth+2))}),_xeUtils.default.arrayEach(l,e=>{e.style.width=t+"px"})}return(0,_vue.nextTick)()},j=()=>{F()};l=t=>function(e){return(_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=(0,_util.handleFieldOrItem)(h,e);e&&(e.visible=t)}),(0,_vue.nextTick)()},r={dispatchEvent(e,t,l){i(e,(0,_ui.createEvent)(l,{$form:h,$grid:o},t))},loadItems:x,showItem:l(!0),hideItem:l(!1),reset:w,validate:e=>{var t=s.readonly;return U(),t?(0,_vue.nextTick)():R(y(),"",e).then(e=>(F(),e))},validateField:(e,t)=>{var l=s.readonly;if(l)return(0,_vue.nextTick)();let i=[];l=(i=e?_xeUtils.default.isArray(e)?e:[e]:i).map(e=>(0,_util.handleFieldOrItem)(h,e));return R(l,"",t).then(e=>(F(),e))},clearValidate:U,updateStatus:(e,t)=>{e=e.field;return V(new Event("change"),e,t)},toggleCollapse:C,getItems:y,getItemByField:b,closeTooltip:q,recalculate:F},t={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:V,toggleCollapseEvent:e=>{var t=C(),l=I();r.dispatchEvent("toggle-collapse",{status:l,collapse:l,data:s.data},e),r.dispatchEvent("collapse",{status:l,collapse:l,data:s.data},e),t.then(()=>{F().then(()=>{o&&o.recalculate(!0)}),o&&o.recalculate()})},triggerTitleTipEvent:(e,t)=>{var t=t.item,l=m.tooltipStore,i=g.value,e=e.currentTarget.children[0],r=(e.textContent||"").trim(),a=e.scrollWidth>e.clientWidth;clearTimeout(m.stTimeout),l.item!==t&&q(),r&&a&&(Object.assign(l,{item:t,visible:!0}),i)&&i.open(e,r)},handleTitleTipLeaveEvent:()=>{var e=p.value;let t=g.value;t&&t.setActived(!1),e.enterable?m.stTimeout=setTimeout(()=>{(t=g.value)&&!t.isActived()&&q()},e.leaveDelay):q()},handleValidIconEvent(e,t){t=t.item;t.showIconMsg=!t.showIconMsg},handleSubmitEvent:T};Object.assign(h,r,t);let A=(0,_vue.ref)(0),M=((0,_vue.watch)(()=>s.vertical,()=>{A.value++}),(0,_vue.watch)(()=>s.titleWidth,()=>{A.value++}),(0,_vue.watch)(A,()=>{(0,_vue.nextTick)().then(()=>{F()})}),(0,_vue.ref)(0)),D=((0,_vue.watch)(()=>c.staticItems.length,()=>{M.value++}),(0,_vue.watch)(()=>c.staticItems,()=>{M.value++}),(0,_vue.watch)(M,()=>{c.formItems=c.staticItems,A.value++,(()=>{var e=c.formItems;let a={},u={};_xeUtils.default.eachTree(e,(e,t,l)=>{var{id:i,field:r}=e,e={item:e,items:l,index:t};i&&(a[i]=e),r&&(u[r]=e)},{children:"children"}),m.fullItemFieldData=u,m.fullItemIdData=a})()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>s.items?s.items.length:-1,()=>{D.value++}),(0,_vue.watch)(()=>s.items,()=>{D.value++}),(0,_vue.watch)(D,()=>{x(s.items||[])}),(0,_vue.watch)(()=>s.collapseStatus,e=>{c.collapseAll=!!e}),(0,_vue.watch)(()=>s.readonly,()=>{U()}),(0,_vue.watch)(()=>s.disabled,()=>{U()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{s.customLayout&&s.items&&(0,_log.errLog)("vxe.error.errConflicts",["[form] custom-layout","items"])}),_ui.globalEvents.on(h,"resize",j)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(h,"resize"),_xeUtils.default.assign(m,createInternalData())}),c.collapseAll=!!s.collapseStatus,s.items&&x(s.items),(0,_vue.provide)("xeFormItemInfo",null),(0,_vue.provide)("$xeForm",h),(0,_vue.provide)("$xeFormGroup",null),(0,_vue.provide)("$xeFormItem",null),h.renderVN=()=>{var{loading:e,border:t,className:l,data:i,customLayout:r}=s,a=c.formItems,u=f.value,o=p.value,n=d.default;return(0,_vue.h)("form",{ref:v,class:["vxe-form",l?_xeUtils.default.isFunction(l)?l({items:a,data:i,$form:h}):l:"",{["size--"+u]:u,"is--border":t,"custom--layout":r,"is--loading":e}],onSubmit:k,onReset:O},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-form--item-row"},r?n?n({}):[]:a.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e,visible:e.visible}))),(0,_vue.h)("div",{class:"vxe-form-slots"},!r&&n?n({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,Object.assign({ref:g},o))])},h},render(){return this.renderVN()}});
|
package/lib/form/style/style.css
CHANGED
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
pointer-events: auto;
|
|
226
226
|
}
|
|
227
227
|
.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify {
|
|
228
|
-
padding: 0.
|
|
228
|
+
padding: 0.15em 0.6em 0.2em 0.6em;
|
|
229
229
|
color: #fff;
|
|
230
230
|
background-color: var(--vxe-ui-status-error-color);
|
|
231
231
|
}
|
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
.vxe-form-item--valid-error-icon-theme-beautify {
|
|
299
|
-
padding: 0.
|
|
299
|
+
padding: 0.15em 0.6em 0.2em 0.6em;
|
|
300
300
|
color: #fff;
|
|
301
301
|
background-color: var(--vxe-ui-status-error-color);
|
|
302
302
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-col--inner>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-col--inner>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-col--inner>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-col--inner>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-col--inner>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-col--inner>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-col--inner>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-col--inner>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-col--inner>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-col--inner>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-col--inner>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-col--inner>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-col--inner>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-col--inner>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-col--inner>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-col--inner>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-col--inner>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-col--inner>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-col--inner>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-col--inner>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-col--inner>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-col--inner>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-col--inner>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-col--inner>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-inner,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;align-items:center;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix,.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-tip-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-tip-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{display:inline-flex;flex-direction:row;vertical-align:middle}.vxe-form--item-title{flex-shrink:0}.vxe-form--item-content{display:flex;flex-direction:row;position:relative;flex-grow:1;word-break:break-all}.vxe-form--item-content:not(.vxe-form--group-content){align-items:center}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form-item--valid-error-tip{position:absolute;width:100%;font-size:.9em;line-height:1em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-wrapper{display:inline-block;border-radius:var(--vxe-ui-base-border-radius);pointer-events:auto}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify{padding:.2em .6em .25em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-normal{color:var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item-inner{position:relative;width:100%}.vxe-form-item--valid-error-icon-wrapper{visibility:hidden;position:relative;flex-shrink:0;padding-left:.5em;color:var(--vxe-ui-form-validate-error-color)}.vxe-form-item--valid-error-icon-wrapper.is--hide .vxe-form-item--valid-error-icon-msg-tip{width:0;padding:0}.vxe-form-item--valid-error-icon-btn{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:6;cursor:help}.vxe-form-item--valid-error-icon-msg-tip{position:absolute;top:50%;right:.8em;display:block;max-width:24em;padding:.4em;overflow:hidden;z-index:5;transform:translateY(-50%)}.vxe-form-item--valid-error-icon-msg{border-radius:var(--vxe-ui-base-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:2px 2px 4px -2px rgba(0,0,0,.5)}.vxe-form-item--valid-error-icon-theme-beautify{padding:.2em .6em .25em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-icon-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-icon-theme-normal{padding:0 .6em;color:var(--vxe-ui-table-validate-error-color);border:1px solid var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form--item.is--bold>.vxe-form--item-title{font-weight:700}.vxe-form--item.is--colon>.vxe-form--item-title .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required>.vxe-form--item-title .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--tbg>.vxe-form--item-title{background-color:var(--vxe-ui-form-title-background-color)}.vxe-form--item.is--vertical{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical>.vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical>.vxe-form--item-title .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-date-picker,.vxe-form--item.is--span .vxe-date-range-picker,.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-ico-picker,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-number-input,.vxe-form--item.is--span .vxe-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-table-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error.show--err-msg>.vxe-form--item-content{padding-top:0;padding-bottom:1.3em}.vxe-form--item.is--error.err--bg>.vxe-form--item-content{background-color:var(--vxe-ui-form-validate-error-item-background-color)}.vxe-form--item.is--error>.vxe-form--item-content>.vxe-form-item--valid-error-icon-wrapper{visibility:visible}.vxe-form--item.is--error .vxe-date-picker,.vxe-form--item.is--error .vxe-date-range-picker,.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-ico-picker,.vxe-form--item.is--error .vxe-input,.vxe-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-table-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn>.vxe-button,.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-date-picker:focus,.vxe-form--item.is--error .vxe-date-range-picker:focus,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form-item--valid-error-tip{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-default) * 2);padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form.is--border{position:relative;overflow:hidden}.vxe-form.is--border::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--vxe-ui-form-border-color);pointer-events:none;z-index:1}.vxe-form.is--border .vxe-form--item{position:relative;padding:0}.vxe-form.is--border .vxe-form--item::before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border:1px solid var(--vxe-ui-form-border-color);pointer-events:none}.vxe-form.is--border .vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{border-bottom:1px solid var(--vxe-ui-form-border-color)}.vxe-form.is--border .vxe-form--item.is--padding:not(.is--vertical)>.vxe-form--item-title{border-right:1px solid var(--vxe-ui-form-border-color)}.vxe-form .vxe-form--item.hide--content>.vxe-form--item-title{max-width:none;flex-shrink:unset;flex-grow:1}.vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.size--medium.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--small.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--mini.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.is--padding>.vxe-form--group-content.vxe-form--item-content{padding:0}.vxe-form .vxe-form--item-title.align--center{text-align:center}.vxe-form .vxe-form--item-title.align--left{text-align:left}.vxe-form .vxe-form--item-title.align--right{text-align:right}.vxe-form .vxe-form--item-content.align--center>.vxe-form--item-inner{text-align:center}.vxe-form .vxe-form--item-content.align--left>.vxe-form--item-inner{text-align:left}.vxe-form .vxe-form--item-content.align--right>.vxe-form--item-inner{text-align:right}.vxe-form .vxe-form--item-content.vertical-align--center{align-items:center}.vxe-form .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.vxe-form.size--medium .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.vxe-form.size--small .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}.vxe-form.size--mini .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-mini)}
|
|
1
|
+
.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-col--inner>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-col--inner>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-col--inner>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-col--inner>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-col--inner>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-col--inner>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-col--inner>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-col--inner>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-col--inner>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-col--inner>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-col--inner>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-col--inner>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-col--inner>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-col--inner>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-col--inner>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-col--inner>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-col--inner>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-col--inner>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-col--inner>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-col--inner>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-col--inner>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-col--inner>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-col--inner>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-col--inner>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-inner,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;align-items:center;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix,.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-tip-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-tip-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{display:inline-flex;flex-direction:row;vertical-align:middle}.vxe-form--item-title{flex-shrink:0}.vxe-form--item-content{display:flex;flex-direction:row;position:relative;flex-grow:1;word-break:break-all}.vxe-form--item-content:not(.vxe-form--group-content){align-items:center}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form-item--valid-error-tip{position:absolute;width:100%;font-size:.9em;line-height:1em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-wrapper{display:inline-block;border-radius:var(--vxe-ui-base-border-radius);pointer-events:auto}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify{padding:.15em .6em .2em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-normal{color:var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item-inner{position:relative;width:100%}.vxe-form-item--valid-error-icon-wrapper{visibility:hidden;position:relative;flex-shrink:0;padding-left:.5em;color:var(--vxe-ui-form-validate-error-color)}.vxe-form-item--valid-error-icon-wrapper.is--hide .vxe-form-item--valid-error-icon-msg-tip{width:0;padding:0}.vxe-form-item--valid-error-icon-btn{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:6;cursor:help}.vxe-form-item--valid-error-icon-msg-tip{position:absolute;top:50%;right:.8em;display:block;max-width:24em;padding:.4em;overflow:hidden;z-index:5;transform:translateY(-50%)}.vxe-form-item--valid-error-icon-msg{border-radius:var(--vxe-ui-base-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:2px 2px 4px -2px rgba(0,0,0,.5)}.vxe-form-item--valid-error-icon-theme-beautify{padding:.15em .6em .2em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-icon-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-icon-theme-normal{padding:0 .6em;color:var(--vxe-ui-table-validate-error-color);border:1px solid var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form--item.is--bold>.vxe-form--item-title{font-weight:700}.vxe-form--item.is--colon>.vxe-form--item-title .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required>.vxe-form--item-title .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--tbg>.vxe-form--item-title{background-color:var(--vxe-ui-form-title-background-color)}.vxe-form--item.is--vertical{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical>.vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical>.vxe-form--item-title .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-date-picker,.vxe-form--item.is--span .vxe-date-range-picker,.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-ico-picker,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-number-input,.vxe-form--item.is--span .vxe-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-table-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error.show--err-msg>.vxe-form--item-content{padding-top:0;padding-bottom:1.3em}.vxe-form--item.is--error.err--bg>.vxe-form--item-content{background-color:var(--vxe-ui-form-validate-error-item-background-color)}.vxe-form--item.is--error>.vxe-form--item-content>.vxe-form-item--valid-error-icon-wrapper{visibility:visible}.vxe-form--item.is--error .vxe-date-picker,.vxe-form--item.is--error .vxe-date-range-picker,.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-ico-picker,.vxe-form--item.is--error .vxe-input,.vxe-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-table-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn>.vxe-button,.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-date-picker:focus,.vxe-form--item.is--error .vxe-date-range-picker:focus,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form-item--valid-error-tip{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-default) * 2);padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form.is--border{position:relative;overflow:hidden}.vxe-form.is--border::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--vxe-ui-form-border-color);pointer-events:none;z-index:1}.vxe-form.is--border .vxe-form--item{position:relative;padding:0}.vxe-form.is--border .vxe-form--item::before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border:1px solid var(--vxe-ui-form-border-color);pointer-events:none}.vxe-form.is--border .vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{border-bottom:1px solid var(--vxe-ui-form-border-color)}.vxe-form.is--border .vxe-form--item.is--padding:not(.is--vertical)>.vxe-form--item-title{border-right:1px solid var(--vxe-ui-form-border-color)}.vxe-form .vxe-form--item.hide--content>.vxe-form--item-title{max-width:none;flex-shrink:unset;flex-grow:1}.vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.size--medium.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--small.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--mini.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.is--padding>.vxe-form--group-content.vxe-form--item-content{padding:0}.vxe-form .vxe-form--item-title.align--center{text-align:center}.vxe-form .vxe-form--item-title.align--left{text-align:left}.vxe-form .vxe-form--item-title.align--right{text-align:right}.vxe-form .vxe-form--item-content.align--center>.vxe-form--item-inner{text-align:center}.vxe-form .vxe-form--item-content.align--left>.vxe-form--item-inner{text-align:left}.vxe-form .vxe-form--item-content.align--right>.vxe-form--item-inner{text-align:right}.vxe-form .vxe-form--item-content.vertical-align--center{align-items:center}.vxe-form .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.vxe-form.size--medium .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.vxe-form.size--small .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}.vxe-form.size--mini .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-mini)}
|