vxe-pc-ui 4.6.0 → 4.6.2

package/helper/vetur/tags.json

@@ -1 +1 @@
-{"vxe-alert":{"attributes":["title","content","status","show-icon","show-close","icon"],"description":"vxe-alert"},"vxe-anchor":{"attributes":["model-value","options","container","show-marker"],"description":"vxe-anchor"},"vxe-anchor-link":{"attributes":["content","title","href"],"description":"vxe-anchor-link"},"vxe-avatar":{"attributes":["content","icon","count","dot","src","circle","status","width","height","size"],"description":"vxe-avatar"},"vxe-badge":{"attributes":["content","count","dot","size"],"description":"vxe-badge"},"vxe-breadcrumb":{"attributes":["separator","options"],"description":"vxe-breadcrumb"},"vxe-breadcrumb-item":{"attributes":["title","router-link"],"description":"vxe-breadcrumb-item"},"vxe-button":{"attributes":["content","mode","title","type","size","name","icon","round","circle","status","disabled","permission-code","router-link","class-name","popup-class-name","loading","placement","destroy-on-close","trigger","transfer"],"description":"vxe-button"},"vxe-button-group":{"attributes":["mode","size","status","round","circle","vertical","disabled","permission-code","class-name","options"],"description":"vxe-button-group"},"vxe-calendar":{"attributes":["model-value","height","width","type","class-name","size","multiple"],"description":"vxe-calendar"},"vxe-card":{"attributes":["title","show-title-overflow","width","height","border","shadow","padding"],"description":"vxe-card"},"vxe-carousel":{"attributes":["model-value","options","height","width","show-indicators","auto-play","vertical","loop"],"description":"vxe-carousel"},"vxe-carousel-item":{"attributes":["name","url","class-name"],"description":"vxe-carousel-item"},"vxe-checkbox":{"attributes":["model-value","label","content","size","disabled","title","indeterminate","checked-value","unchecked-value"],"description":"vxe-checkbox"},"vxe-checkbox-group":{"attributes":["model-value","max","size","disabled","readonly","options","option-props"],"description":"vxe-checkbox-group"},"vxe-col":{"attributes":["span","align","width","fill","ellipsis"],"description":"vxe-col"},"vxe-collapse":{"attributes":["model-value","size","padding","options"],"description":"vxe-collapse"},"vxe-collapse-pane":{"attributes":["title","name","icon","permission-code"],"description":"vxe-collapse-pane"},"vxe-color-picker":{"attributes":["model-value","clearable","type","size","class-name","popup-class-name","colors","show-alpha","show-eye-dropper","show-color-extractor","show-quick","readonly","disabled","click-to-copy","placement","transfer"],"description":"vxe-color-picker"},"vxe-countdown":{"attributes":["model-value","format","size"],"description":"vxe-countdown"},"vxe-date-picker":{"attributes":["model-value","type","clearable","placeholder","multiple","limit-count","disabled","readonly","label-format","value-format","shortcut-config"],"description":"vxe-date-picker"},"vxe-drawer":{"attributes":["model-value","size","loading","title","class-name","content","show-cancel-button","cancel-button-text","show-confirm-button","confirm-button-text","show-header","show-footer","lock-view","lock-scroll","mask","mask-closable","resize","esc-closable","confirm-closable","cancel-closable","show-close","width","height","position","z-index","show-title-overflow","transfer","destroy-on-close","before-hide-method"],"description":"vxe-drawer"},"vxe-empty":{"attributes":["image-url","image-style","icon","content"],"description":"vxe-empty"},"vxe-flow-design":{"attributes":[],"description":"vxe-flow-design"},"vxe-flow-view":{"attributes":[],"description":"vxe-flow-view"},"vxe-form":{"attributes":["data","loading","span","align","vertical-align","border","size","title-background","title-align","title-width","title-colon","title-asterisk","title-overflow","padding","vertical","class-name","readonly","disabled","collapse-status","custom-layout","items","rules","prevent-submit","valid-config","collapse-config"],"description":"vxe-form"},"vxe-form-design":{"attributes":["size","height","widgets","show-pc","show-mobile","form-render"],"description":"vxe-form-design"},"vxe-form-group":{"attributes":["field","title","span","align","vertical-align","title-background","title-align","title-width","title-colon","title-asterisk","title-overflow","show-title","padding","vertical","class-name","content-class-name","content-style","visible","visible-method","folding","collapse-node","title-prefix","title-suffix","reset-value","item-render"],"description":"vxe-form-group"},"vxe-form-item":{"attributes":["field","title","span","align","vertical-align","title-background","title-align","title-width","title-colon","title-asterisk","title-overflow","show-title","padding","vertical","class-name","content-class-name","content-style","visible","visible-method","folding","collapse-node","title-prefix","title-suffix","reset-value","item-render"],"description":"vxe-form-item"},"vxe-form-view":{"attributes":["model-value","config","readonly","disabled","view-render","create-form-config"],"description":"vxe-form-view"},"vxe-icon":{"attributes":["size","name","status","roll"],"description":"vxe-icon"},"vxe-icon-picker":{"attributes":["model-value","clearable","size","icons","class-name","popup-class-name","show-icon-title","readonly","disabled","placement","transfer"],"description":"vxe-icon-picker"},"vxe-image":{"attributes":["src","alt","loading","title","width","height","circle","show-preview","mask-closable","size"],"description":"vxe-image"},"vxe-image-group":{"attributes":["url-list","show-preview","image-style","size","show-download-button"],"description":"vxe-image-group"},"vxe-image-preview":{"attributes":["model-value","url-list","url-field","mask-closable","esc-closable","margin-size","show-print-button","show-download-button","before-download-method","download-method","size"],"description":"vxe-image-preview"},"vxe-input":{"attributes":["model-value","size","type","name","form","trim","clearable","placeholder","autocomplete","maxlength","max-length","multiple","readonly","disabled","class-name","prefix-icon","suffix-icon","min","max","step","digits","align","exponential","controls","show-word-count","count-method","start-date","end-date","start-week","start-day","select-day","label-format","value-format","editable","disabled-method","festival-method","transfer"],"description":"vxe-input"},"vxe-layout-aside":{"attributes":["width","collapsed","collapse-width","loading","padding","size"],"description":"vxe-layout-aside"},"vxe-layout-body":{"attributes":["padding","loading","size"],"description":"vxe-layout-body"},"vxe-layout-container":{"attributes":["vertical","size"],"description":"vxe-layout-container"},"vxe-layout-footer":{"attributes":["fixed","align"],"description":"vxe-layout-footer"},"vxe-layout-header":{"attributes":["fixed"],"description":"vxe-layout-header"},"vxe-link":{"attributes":["size","href","target","status","title","icon","router-link","underline","content","permission-code"],"description":"vxe-link"},"vxe-list-design":{"attributes":["size","height","config","show-pc","show-mobile","action-codes"],"description":"vxe-list-design"},"vxe-list-view":{"attributes":["config","loading","height","action-buttons","grid-options","grid-events","view-render"],"description":"vxe-list-view"},"vxe-list":{"attributes":["data","size","loading","height","class-name","auto-resize","sync-resize","scroll-y"],"description":"vxe-list"},"vxe-loading":{"attributes":["model-value","icon","text","status"],"description":"vxe-loading"},"vxe-menu":{"attributes":["model-value","expand-all","options","collapsed","loading"],"description":"vxe-menu"},"vxe-modal":{"attributes":["model-value","size","loading","id","title","type","status","class-name","icon-status","content","message","show-cancel-button","cancel-button-text","show-confirm-button","confirm-button-text","show-header","show-footer","lock-view","lock-scroll","mask","mask-closable","esc-closable","confirm-closable","cancel-closable","show-maximize","show-minimize","show-zoom","zoom-config","show-close","resize","margin-size","duration","width","height","min-width","min-height","top","position","z-index","show-title-overflow","transfer","fullscreen","draggable","dblclick-zoom","remember","destroy-on-close","storage","before-hide-method"],"description":"vxe-modal"},"vxe-notice-bar":{"attributes":["size","vertical","direction","loop","speed","duration"],"description":"vxe-notice-bar"},"vxe-number-input":{"attributes":["model-value","type","clearable","placeholder","editable","readonly","disabled","min","max","step","digits","auto-fill","exponential","controls","show-currency","currency-symbol"],"description":"vxe-number-input"},"vxe-optgroup":{"attributes":["label","visible","class-name","disabled"],"description":"vxe-optgroup"},"vxe-option":{"attributes":["value","label","visible","class-name","disabled"],"description":"vxe-option"},"vxe-pager":{"attributes":["size","loading","layouts","current-page","page-size","total","pager-count","page-sizes","page-size-placement","align","border","background","class-name","auto-hidden","icon-prev-page","icon-jump-prev","icon-jump-next","icon-next-page","icon-jump-more"],"description":"vxe-pager"},"vxe-password-input":{"attributes":["model-value","clearable","placeholder","readonly","disabled","controls"],"description":"vxe-password-input"},"vxe-print-page-break":{"attributes":[],"description":"vxe-print-page-break"},"vxe-print":{"attributes":["align","title","header-align","footer-align","show-page-number","custom-layout","page-breaks","html","header-html","footer-html","left-html","right-html","show-all-page-title","custom-style","before-method"],"description":"vxe-print"},"vxe-pulldown":{"attributes":["model-value","size","options","trigger","class-name","popup-class-name","show-popup-shadow","disabled","placement","destroy-on-close","transfer"],"description":"vxe-pulldown"},"vxe-radio":{"attributes":["model-value","label","content","size","disabled","strict","name"],"description":"vxe-radio"},"vxe-radio-button":{"attributes":["model-value","label","content","disabled","strict"],"description":"vxe-radio-button"},"vxe-radio-group":{"attributes":["model-value","type","size","type","disabled","readonly","strict","options","option-props"],"description":"vxe-radio-group"},"vxe-rate":{"attributes":["model-value","disabled","size"],"description":"vxe-rate"},"vxe-result":{"attributes":["image-url","image-style","icon","type","status","title","content"],"description":"vxe-result"},"vxe-row":{"attributes":["gutter","wrap","vertical"],"description":"vxe-row"},"vxe-select":{"attributes":["model-value","max","size","multiple","multi-char-overflow","clearable","placeholder","class-name","popup-class-name","disabled","prefix-icon","placement","default-config","options","option-props","option-groups","option-group-props","option-config","option-id","option-key","filterable","filter-method","remote","remote-method","remote-config","allow-create","transfer","scroll-y","virtual-y-config"],"description":"vxe-select"},"vxe-split":{"attributes":["vertical","border","width","padding","resize","height","items","item-config","bar-config","action-config"],"description":"vxe-split"},"vxe-split-pane":{"attributes":["name","width","height","min-width","min-height","show-action"],"description":"vxe-split-pane"},"vxe-slider":{"attributes":["model-value","range","vertical","min","max","disabled","readonly","size"],"description":"vxe-slider"},"vxe-steps":{"attributes":[],"description":"vxe-steps"},"vxe-switch":{"attributes":["model-value","disabled","readonly","size","open-label","close-label","open-value","close-value","open-icon","close-icon","open-active-icon","close-active-icon"],"description":"vxe-switch"},"vxe-tab-pane":{"attributes":["title","name","icon","title-width","title-align","preload","permission-code"],"description":"vxe-tab-pane"},"vxe-table-select":{"attributes":["model-value","size","multiple","clearable","placeholder","class-name","popup-class-name","disabled","prefix-icon","placement","options","option-props","popup-config","grid-config","transfer"],"description":"vxe-table-select"},"vxe-tabs":{"attributes":["model-value","options","height","destroy-on-close","title-width","title-align","type","padding","trigger","options","before-change-method","show-close","before-close-method","close-config","refresh-config"],"description":"vxe-tabs"},"vxe-tag":{"attributes":["size","status","title","icon","content"],"description":"vxe-tag"},"vxe-text-ellipsis":{"attributes":["size","line-clamp","status","title","content","offset-length","href","target","router-link","underline","permission-code"],"description":"vxe-text-ellipsis"},"vxe-text":{"attributes":["size","status","title","icon","content","click-to-copy"],"description":"vxe-text"},"vxe-textarea":{"attributes":["model-value","size","name","form","placeholder","class-name","rows","maxlength","max-length","readonly","disabled","resize","autosize","show-word-count","count-method"],"description":"vxe-textarea"},"vxe-tip":{"attributes":["title","size","content","status","icon","permission-code"],"description":"vxe-tip"},"vxe-tooltip":{"attributes":["model-value","content","trigger","theme","popup-class-name","z-index","is-arrow","enterable","enter-delay","leave-delay"],"description":"vxe-tooltip"},"vxe-tree":{"attributes":["data","size","title-field","value-field","key-field","children-field","parent-field","has-child-field","transform","is-current","is-hover","show-line","accordion","trigger","indent","show-radio","check-node-key","node-config","radio-config","show-checkbox","check-node-keys","checkbox-config","lazy","toggle-method","load-method","show-icon","icon-open","icon-close","icon-loaded"],"description":"vxe-tree"},"vxe-tree-select":{"attributes":["model-value","size","multiple","clearable","placeholder","class-name","popup-class-name","disabled","prefix-icon","placement","options","option-props","popup-config","tree-config","transfer"],"description":"vxe-tree-select"},"vxe-upload":{"attributes":["model-value","size","key-field","show-list","readonly","disabled","drag-to-upload","paste-to-upload","image-types","image-style","image-config","more-config","file-types","multiple","single-mode","url-mode","limit-size","limit-count","name-field","type-field","url-field","size-field","show-error-status","auto-hidden-button","show-upload-button","button-text","button-icon","show-button-text","show-button-icon","show-remove-button","show-download-button","show-preview","show-progress","progress-text","show-tip","tip-text","upload-method","before-remove-method","remove-method","before-download-method","download-method","preview-method","get-url-method","get-thumbnail-url-method"],"description":"vxe-upload"},"vxe-watermark":{"attributes":["width","height","content","rotate","gap","font","z-index"],"description":"vxe-watermark"}}
+{"vxe-alert":{"attributes":["title","content","status","show-icon","show-close","icon"],"description":"vxe-alert"},"vxe-anchor":{"attributes":["model-value","options","container","show-marker"],"description":"vxe-anchor"},"vxe-anchor-link":{"attributes":["content","title","href"],"description":"vxe-anchor-link"},"vxe-avatar":{"attributes":["content","icon","count","dot","src","circle","status","width","height","size"],"description":"vxe-avatar"},"vxe-badge":{"attributes":["content","count","dot","size"],"description":"vxe-badge"},"vxe-breadcrumb":{"attributes":["separator","options"],"description":"vxe-breadcrumb"},"vxe-breadcrumb-item":{"attributes":["title","router-link"],"description":"vxe-breadcrumb-item"},"vxe-button":{"attributes":["content","mode","title","type","size","name","icon","round","circle","status","disabled","permission-code","router-link","class-name","popup-class-name","loading","placement","destroy-on-close","trigger","transfer"],"description":"vxe-button"},"vxe-button-group":{"attributes":["mode","size","status","round","circle","vertical","disabled","permission-code","class-name","options"],"description":"vxe-button-group"},"vxe-calendar":{"attributes":["model-value","height","width","type","class-name","size","multiple"],"description":"vxe-calendar"},"vxe-card":{"attributes":["title","show-title-overflow","width","height","border","shadow","padding"],"description":"vxe-card"},"vxe-carousel":{"attributes":["model-value","options","height","width","show-indicators","auto-play","vertical","loop"],"description":"vxe-carousel"},"vxe-carousel-item":{"attributes":["name","url","class-name"],"description":"vxe-carousel-item"},"vxe-checkbox":{"attributes":["model-value","label","content","size","disabled","title","indeterminate","checked-value","unchecked-value"],"description":"vxe-checkbox"},"vxe-checkbox-group":{"attributes":["model-value","max","size","disabled","readonly","options","option-props"],"description":"vxe-checkbox-group"},"vxe-col":{"attributes":["span","align","width","fill","ellipsis"],"description":"vxe-col"},"vxe-collapse":{"attributes":["model-value","size","padding","options"],"description":"vxe-collapse"},"vxe-collapse-pane":{"attributes":["title","name","icon","permission-code"],"description":"vxe-collapse-pane"},"vxe-color-picker":{"attributes":["model-value","clearable","type","size","class-name","popup-class-name","colors","show-alpha","show-eye-dropper","show-color-extractor","show-quick","readonly","disabled","click-to-copy","placement","transfer"],"description":"vxe-color-picker"},"vxe-countdown":{"attributes":["model-value","format","size"],"description":"vxe-countdown"},"vxe-date-picker":{"attributes":["model-value","type","clearable","placeholder","multiple","limit-count","disabled","readonly","label-format","value-format","show-clear-button","show-confirm-button","shortcut-config"],"description":"vxe-date-picker"},"vxe-date-range-picker":{"attributes":["model-value","start-value","end-value","type","clearable","placeholder","disabled","readonly","label-format","value-format","auto-aclose","show-clear-button","show-confirm-button","shortcut-config"],"description":"vxe-date-range-picker"},"vxe-drawer":{"attributes":["model-value","size","loading","title","class-name","content","show-cancel-button","cancel-button-text","show-confirm-button","confirm-button-text","show-header","show-footer","lock-view","lock-scroll","mask","mask-closable","resize","esc-closable","confirm-closable","cancel-closable","show-close","width","height","position","z-index","show-title-overflow","transfer","destroy-on-close","before-hide-method"],"description":"vxe-drawer"},"vxe-empty":{"attributes":["image-url","image-style","icon","content"],"description":"vxe-empty"},"vxe-flow-design":{"attributes":[],"description":"vxe-flow-design"},"vxe-flow-view":{"attributes":[],"description":"vxe-flow-view"},"vxe-form":{"attributes":["data","loading","span","align","vertical-align","border","size","title-background","title-align","title-width","title-colon","title-asterisk","title-overflow","padding","vertical","class-name","readonly","disabled","collapse-status","custom-layout","items","rules","prevent-submit","valid-config","collapse-config"],"description":"vxe-form"},"vxe-form-design":{"attributes":["size","height","widgets","show-pc","show-mobile","form-render"],"description":"vxe-form-design"},"vxe-form-group":{"attributes":["field","title","span","align","vertical-align","title-background","title-align","title-width","title-colon","title-asterisk","title-overflow","show-title","padding","vertical","class-name","content-class-name","content-style","visible","visible-method","folding","collapse-node","title-prefix","title-suffix","reset-value","item-render"],"description":"vxe-form-group"},"vxe-form-item":{"attributes":["field","title","span","align","vertical-align","title-background","title-align","title-width","title-colon","title-asterisk","title-overflow","show-title","padding","vertical","class-name","content-class-name","content-style","visible","visible-method","folding","collapse-node","title-prefix","title-suffix","reset-value","item-render"],"description":"vxe-form-item"},"vxe-form-view":{"attributes":["model-value","config","readonly","disabled","view-render","create-form-config"],"description":"vxe-form-view"},"vxe-icon":{"attributes":["size","name","status","roll"],"description":"vxe-icon"},"vxe-icon-picker":{"attributes":["model-value","clearable","size","icons","class-name","popup-class-name","show-icon-title","readonly","disabled","placement","transfer"],"description":"vxe-icon-picker"},"vxe-image":{"attributes":["src","alt","loading","title","width","height","circle","show-preview","mask-closable","size"],"description":"vxe-image"},"vxe-image-group":{"attributes":["url-list","show-preview","image-style","size","show-download-button"],"description":"vxe-image-group"},"vxe-image-preview":{"attributes":["model-value","url-list","url-field","mask-closable","esc-closable","margin-size","show-print-button","show-download-button","before-download-method","download-method","size"],"description":"vxe-image-preview"},"vxe-input":{"attributes":["model-value","size","type","name","form","trim","clearable","placeholder","autocomplete","maxlength","max-length","multiple","readonly","disabled","class-name","prefix-icon","suffix-icon","min","max","step","digits","align","exponential","controls","show-word-count","count-method","start-date","end-date","start-week","start-day","select-day","label-format","value-format","editable","disabled-method","festival-method","transfer"],"description":"vxe-input"},"vxe-layout-aside":{"attributes":["width","collapsed","collapse-width","loading","padding","size"],"description":"vxe-layout-aside"},"vxe-layout-body":{"attributes":["padding","loading","size"],"description":"vxe-layout-body"},"vxe-layout-container":{"attributes":["vertical","size"],"description":"vxe-layout-container"},"vxe-layout-footer":{"attributes":["fixed","align"],"description":"vxe-layout-footer"},"vxe-layout-header":{"attributes":["fixed"],"description":"vxe-layout-header"},"vxe-link":{"attributes":["size","href","target","status","title","icon","router-link","underline","content","permission-code"],"description":"vxe-link"},"vxe-list-design":{"attributes":["size","height","config","show-pc","show-mobile","action-codes"],"description":"vxe-list-design"},"vxe-list-view":{"attributes":["config","loading","height","action-buttons","grid-options","grid-events","view-render"],"description":"vxe-list-view"},"vxe-list":{"attributes":["data","size","loading","height","class-name","auto-resize","sync-resize","scroll-y"],"description":"vxe-list"},"vxe-loading":{"attributes":["model-value","icon","text","status"],"description":"vxe-loading"},"vxe-menu":{"attributes":["model-value","expand-all","options","collapsed","loading"],"description":"vxe-menu"},"vxe-modal":{"attributes":["model-value","size","loading","id","title","type","status","class-name","icon-status","content","message","show-cancel-button","cancel-button-text","show-confirm-button","confirm-button-text","show-header","show-footer","lock-view","lock-scroll","mask","mask-closable","esc-closable","confirm-closable","cancel-closable","show-maximize","show-minimize","show-zoom","zoom-config","show-close","resize","margin-size","duration","width","height","min-width","min-height","top","position","z-index","show-title-overflow","transfer","fullscreen","draggable","dblclick-zoom","remember","destroy-on-close","storage","before-hide-method"],"description":"vxe-modal"},"vxe-notice-bar":{"attributes":["size","vertical","direction","loop","speed","duration"],"description":"vxe-notice-bar"},"vxe-number-input":{"attributes":["model-value","type","align","clearable","placeholder","editable","readonly","disabled","min","max","step","digits","auto-fill","exponential","controls","control-config","show-currency","currency-symbol","plus-icon","minus-icon","prefix-icon","suffix-icon"],"description":"vxe-number-input"},"vxe-optgroup":{"attributes":["label","visible","class-name","disabled"],"description":"vxe-optgroup"},"vxe-option":{"attributes":["value","label","visible","class-name","disabled"],"description":"vxe-option"},"vxe-pager":{"attributes":["size","loading","layouts","current-page","page-size","total","pager-count","page-sizes","page-size-placement","align","border","background","class-name","auto-hidden","icon-prev-page","icon-jump-prev","icon-jump-next","icon-next-page","icon-jump-more"],"description":"vxe-pager"},"vxe-password-input":{"attributes":["model-value","clearable","placeholder","readonly","disabled","controls"],"description":"vxe-password-input"},"vxe-print-page-break":{"attributes":[],"description":"vxe-print-page-break"},"vxe-print":{"attributes":["align","title","header-align","footer-align","show-page-number","custom-layout","page-breaks","html","header-html","footer-html","left-html","right-html","show-all-page-title","page-style","custom-style","before-method"],"description":"vxe-print"},"vxe-pulldown":{"attributes":["model-value","size","options","trigger","class-name","popup-class-name","show-popup-shadow","disabled","placement","destroy-on-close","transfer"],"description":"vxe-pulldown"},"vxe-radio":{"attributes":["model-value","label","content","size","disabled","strict","name"],"description":"vxe-radio"},"vxe-radio-button":{"attributes":["model-value","label","content","disabled","strict"],"description":"vxe-radio-button"},"vxe-radio-group":{"attributes":["model-value","type","size","type","disabled","readonly","strict","options","option-props"],"description":"vxe-radio-group"},"vxe-rate":{"attributes":["model-value","disabled","size"],"description":"vxe-rate"},"vxe-result":{"attributes":["image-url","image-style","icon","type","status","title","content"],"description":"vxe-result"},"vxe-row":{"attributes":["gutter","wrap","vertical"],"description":"vxe-row"},"vxe-select":{"attributes":["model-value","max","size","multiple","multi-char-overflow","clearable","placeholder","class-name","popup-class-name","disabled","prefix-icon","placement","default-config","options","option-props","option-groups","option-group-props","option-config","option-id","option-key","filterable","filter-method","remote","remote-method","remote-config","allow-create","transfer","scroll-y","virtual-y-config"],"description":"vxe-select"},"vxe-split":{"attributes":["vertical","border","width","padding","resize","height","items","item-config","bar-config","action-config"],"description":"vxe-split"},"vxe-split-pane":{"attributes":["name","width","height","min-width","min-height","show-action"],"description":"vxe-split-pane"},"vxe-slider":{"attributes":["model-value","range","vertical","min","max","disabled","readonly","size"],"description":"vxe-slider"},"vxe-steps":{"attributes":[],"description":"vxe-steps"},"vxe-switch":{"attributes":["model-value","disabled","readonly","size","open-label","close-label","open-value","close-value","open-icon","close-icon","open-active-icon","close-active-icon"],"description":"vxe-switch"},"vxe-tab-pane":{"attributes":["title","name","icon","title-width","title-align","preload","permission-code"],"description":"vxe-tab-pane"},"vxe-table-select":{"attributes":["model-value","size","multiple","clearable","placeholder","class-name","popup-class-name","disabled","prefix-icon","placement","options","option-props","popup-config","grid-config","transfer"],"description":"vxe-table-select"},"vxe-tabs":{"attributes":["model-value","options","height","destroy-on-close","title-width","title-align","type","padding","trigger","options","before-change-method","show-close","before-close-method","close-config","refresh-config"],"description":"vxe-tabs"},"vxe-tag":{"attributes":["size","status","title","icon","content"],"description":"vxe-tag"},"vxe-text-ellipsis":{"attributes":["size","line-clamp","status","title","content","offset-length","href","target","router-link","underline","permission-code"],"description":"vxe-text-ellipsis"},"vxe-text":{"attributes":["size","status","title","icon","content","click-to-copy"],"description":"vxe-text"},"vxe-textarea":{"attributes":["model-value","size","name","form","placeholder","class-name","rows","maxlength","max-length","readonly","disabled","resize","autosize","show-word-count","count-method"],"description":"vxe-textarea"},"vxe-tip":{"attributes":["title","size","content","status","icon","permission-code"],"description":"vxe-tip"},"vxe-tooltip":{"attributes":["model-value","content","trigger","theme","popup-class-name","z-index","is-arrow","enterable","enter-delay","leave-delay"],"description":"vxe-tooltip"},"vxe-tree":{"attributes":["data","size","title-field","value-field","key-field","children-field","parent-field","has-child-field","transform","is-current","is-hover","show-line","accordion","trigger","indent","expand-all","show-radio","check-node-key","node-config","radio-config","show-checkbox","check-node-keys","checkbox-config","lazy","toggle-method","load-method","show-icon","icon-open","icon-close","icon-loaded"],"description":"vxe-tree"},"vxe-tree-select":{"attributes":["model-value","size","multiple","clearable","placeholder","class-name","popup-class-name","disabled","prefix-icon","placement","options","option-props","popup-config","tree-config","transfer"],"description":"vxe-tree-select"},"vxe-upload":{"attributes":["model-value","size","key-field","show-list","readonly","disabled","drag-to-upload","paste-to-upload","image-types","image-style","image-config","more-config","file-types","multiple","single-mode","url-mode","limit-size","show-limit-size","limit-size-text","limit-count","show-limit-count","limit-count-text","name-field","type-field","url-field","size-field","show-error-status","auto-hidden-button","show-upload-button","button-text","button-icon","show-button-text","show-button-icon","show-remove-button","show-download-button","show-preview","show-progress","progress-text","show-tip","tip-text","upload-method","before-remove-method","remove-method","before-download-method","download-method","preview-method","get-url-method","get-thumbnail-url-method"],"description":"vxe-upload"},"vxe-watermark":{"attributes":["width","height","content","rotate","gap","font","z-index"],"description":"vxe-watermark"}}

package/lib/form/render/index.js

@@ -95,10 +95,14 @@ function getNativeElementOns(renderOpts, params, modelFunc, changeFunc) {
  * @param modelFunc
  * @param changeFunc
  */
-function getComponentOns(renderOpts, params, modelFunc, changeFunc) {
+function getComponentOns(renderOpts, params, eFns, eventOns) {
   const {
     events
   } = renderOpts;
+  const {
+    model: modelFunc,
+    change: changeFunc
+  } = eFns || {};
   const modelEvent = (0, _vn.getModelEvent)(renderOpts.name);
   const changeEvent = (0, _vn.getChangeEvent)(renderOpts.name);
   const ons = {};
@@ -128,7 +132,7 @@ function getComponentOns(renderOpts, params, modelFunc, changeFunc) {
       }
     };
   }
-  return ons;
+  return eventOns ? Object.assign(ons, eventOns) : ons;
 }
 function getItemOns(renderOpts, params) {
   const {
@@ -136,12 +140,15 @@ function getItemOns(renderOpts, params) {
     data,
     field
   } = params;
-  return getComponentOns(renderOpts, params, value => {
-    // 处理 model 值双向绑定
-    _xeUtils.default.set(data, field, value);
-  }, () => {
-    // 处理 change 事件相关逻辑
-    $form.updateStatus(params);
+  return getComponentOns(renderOpts, params, {
+    model(value) {
+      // 处理 model 值双向绑定
+      _xeUtils.default.set(data, field, value);
+    },
+    change(params) {
+      // 处理 change 事件相关逻辑
+      $form.updateStatus(params);
+    }
   });
 }
 function getNativeItemOns(renderOpts, params) {
@@ -360,6 +367,47 @@ _ui.renderer.mixin({
     formItemAutoFocus: 'input',
     renderFormItemContent: defaultItemRender
   },
+  VxeDateRangePicker: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent(renderOpts, params) {
+      const {
+        startField,
+        endField
+      } = renderOpts;
+      const {
+        $form,
+        data,
+        field
+      } = params;
+      const itemValue = _xeUtils.default.get(data, field);
+      const seProps = {};
+      const seOs = {};
+      if (startField && endField) {
+        seProps.startValue = _xeUtils.default.get(data, startField);
+        seProps.endValue = _xeUtils.default.get(data, endField);
+        seOs['onUpdate:startValue'] = value => {
+          if (startField) {
+            _xeUtils.default.set(data, startField, value);
+          }
+        };
+        seOs['onUpdate:endValue'] = value => {
+          if (endField) {
+            _xeUtils.default.set(data, endField, value);
+          }
+        };
+      }
+      return [(0, _vue.h)(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getComponentFormItemProps(renderOpts, params, itemValue, seProps)), getComponentOns(renderOpts, params, {
+        model(value) {
+          // 处理 model 值双向绑定
+          _xeUtils.default.set(data, field, value);
+        },
+        change() {
+          // 处理 change 事件相关逻辑
+          $form.updateStatus(params);
+        }
+      }, seOs)))];
+    }
+  },
   VxeButton: {
     renderFormItemContent: defaultFormItemRender
   },

package/lib/form/render/index.min.js

@@ -1 +1 @@
-"use strict";var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const componentDefaultModelProp="modelValue";function getOldComponentName(e){return"vxe-"+e.replace("$","")}function getDefaultComponent({name:e}){return(0,_ui.getComponent)(e)||(0,_vue.resolveComponent)(e)}function getOldComponent({name:e}){return(0,_vue.resolveComponent)(getOldComponentName(e))}function getNativeAttrs(e){let{name:t,attrs:n}=e;return n="input"===t?Object.assign({type:"text"},n):n}function getComponentFormItemProps(e,t,n,o){return _xeUtils.default.assign({},o,e.props,{[componentDefaultModelProp]:n})}function getNativeElementOns(e,n,t,o){const r=e["events"],m=(0,_vn.getModelEvent)(e.name),s=(0,_vn.getChangeEvent)(e.name),u=s===m,a={};return r&&_xeUtils.default.objectEach(r,(t,e)=>{a[(0,_vn.getOnName)(e)]=function(...e){t(n,...e)}}),t&&(a[(0,_vn.getOnName)(m)]=function(e){t(e),u&&o&&o(e),r&&r[m]&&r[m](n,e)}),!u&&o&&(a[(0,_vn.getOnName)(s)]=function(...e){o(...e),r&&r[s]&&r[s](n,...e)}),a}function getComponentOns(e,n,t,o){const r=e["events"],m=(0,_vn.getModelEvent)(e.name),s=(0,_vn.getChangeEvent)(e.name),u={};return _xeUtils.default.objectEach(r,(t,e)=>{u[(0,_vn.getOnName)(e)]=function(...e){"development"!==process.env.NODE_ENV||_xeUtils.default.isFunction(t)||(0,_log.errLog)("vxe.error.errFunc",[t]),t(n,...e)}}),t&&(u[(0,_vn.getOnName)(m)]=function(e){t(e),r&&r[m]&&r[m](n,e)}),o&&(u[(0,_vn.getOnName)(s)]=function(...e){o(...e),r&&r[s]&&r[s](n,...e)}),u}function getItemOns(e,t){const{$form:n,data:o,field:r}=t;return getComponentOns(e,t,e=>{_xeUtils.default.set(o,r,e)},()=>{n.updateStatus(t)})}function getNativeItemOns(e,t){const{$form:n,data:o,field:r}=t;return getNativeElementOns(e,t,e=>{e=e.target.value;_xeUtils.default.set(o,r,e)},()=>{n.updateStatus(t)})}function renderNativeOptgroup(n,o,r){var{optionGroups:e,optionGroupProps:t={}}=n;const m=t.options||"options",s=t.label||"label";return e?e.map((e,t)=>(0,_vue.h)("optgroup",{key:t,label:e[s]},r(e[m],n,o))):[]}function nativeItemRender(e,t){var{data:n,field:o}=t,r=e["name"],m=getNativeAttrs(e),n=_xeUtils.default.get(n,o);return[(0,_vue.h)(r,Object.assign(Object.assign(Object.assign({class:"vxe-default-"+r},m),{value:!m||"input"!==r||"submit"!==m.type&&"reset"!==m.type?n:null}),getNativeItemOns(e,t)))]}function defaultItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function oldItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function oldButtonItemRender(e,t){return[(0,_vue.h)((0,_vue.resolveComponent)("vxe-button"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,null)),getComponentOns(e,t)))]}function oldButtonsItemRender(e,t){return e.children.map(e=>oldButtonItemRender(e,t)[0])}function renderNativeFormOptions(e,t,n){var{data:n,field:o}=n,{optionProps:t={}}=t;const r=t.label||"label",m=t.value||"value",s=t.disabled||"disabled",u=_xeUtils.default.get(n,o);return e?e.map((e,t)=>(0,_vue.h)("option",{key:t,value:e[m],disabled:e[s],selected:e[m]==u},e[r])):[]}function defaultFormItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function formItemRadioAndCheckboxRender(e,t){var{options:n,optionProps:o}=e,{data:r,field:m}=t,r=_xeUtils.default.get(r,m);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({options:n,optionProps:o},getComponentFormItemProps(e,t,r)),getItemOns(e,t)))]}function oldFormItemRadioAndCheckboxRender(e,t){const{name:n,options:o,optionProps:r={}}=e;var{data:m,field:s}=t;const u=r.label||"label",a=r.value||"value",i=r.disabled||"disabled";m=_xeUtils.default.get(m,s);const d=getOldComponentName(n);return o?[(0,_vue.h)((0,_vue.resolveComponent)(d+"-group"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,m)),getItemOns(e,t)),{default:()=>o.map((e,t)=>(0,_vue.h)((0,_vue.resolveComponent)(d),{key:t,label:e[a],content:e[u],disabled:e[i]}))})]:[(0,_vue.h)((0,_vue.resolveComponent)(d),Object.assign(Object.assign({},getComponentFormItemProps(e,t,m)),getItemOns(e,t)))]}_ui.renderer.mixin({input:{formItemAutoFocus:"input",renderFormItemContent:nativeItemRender},textarea:{formItemAutoFocus:"textarea",renderFormItemContent:nativeItemRender},select:{formItemAutoFocus:"input",renderFormItemContent(e,t){return[(0,_vue.h)("select",Object.assign(Object.assign({class:"vxe-default-select"},getNativeAttrs(e)),getNativeItemOns(e,t)),e.optionGroups?renderNativeOptgroup(e,t,renderNativeFormOptions):renderNativeFormOptions(e.options,e,t))]}},VxeInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeNumberInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxePasswordInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeTextarea:{formItemAutoFocus:"textarea",renderFormItemContent:defaultItemRender},VxeDatePicker:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeButton:{renderFormItemContent:defaultFormItemRender},VxeButtonGroup:{renderFormItemContent(e,t){var n=e["options"],{data:o,field:r}=t,o=_xeUtils.default.get(o,r);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({options:n},getComponentFormItemProps(e,t,o)),getItemOns(e,t)))]}},VxeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:m,optionGroups:s,optionGroupProps:u}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:m,optionGroups:s,optionGroupProps:u})),getItemOns(e,t)))]}},VxeTreeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:m}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:m})),getItemOns(e,t)))]}},VxeTableSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:m}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:m})),getItemOns(e,t)))]}},VxeColorPicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["options"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{colors:r})),getItemOns(e,t)))]}},VxeIconPicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["options"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{icons:r})),getItemOns(e,t)))]}},VxeRadio:{renderFormItemContent:defaultFormItemRender},VxeRadioGroup:{renderFormItemContent:formItemRadioAndCheckboxRender},VxeCheckbox:{renderFormItemContent:defaultFormItemRender},VxeCheckboxGroup:{renderFormItemContent:formItemRadioAndCheckboxRender},VxeSwitch:{renderFormItemContent:defaultItemRender},VxeRate:{renderFormItemContent:defaultItemRender},VxeSlider:{renderFormItemContent:defaultItemRender},VxeImage:{renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["props"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign(Object.assign({},r),{src:n}),getItemOns(e,t)))]}},VxeImageGroup:{renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["props"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign(Object.assign({},r),{urlList:n}),getItemOns(e,t)))]}},VxeUpload:{renderFormItemContent:defaultItemRender},$input:{formItemAutoFocus:"input",renderFormItemContent:oldItemRender},$textarea:{formItemAutoFocus:"textarea",renderFormItemContent:oldItemRender},$button:{renderFormItemContent:oldButtonItemRender},$buttons:{renderFormItemContent:oldButtonsItemRender},$select:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:m,optionGroups:s,optionGroupProps:u}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:m,optionGroups:s,optionGroupProps:u})),getItemOns(e,t)))]}},$radio:{renderFormItemContent:oldFormItemRadioAndCheckboxRender},$checkbox:{renderFormItemContent:oldFormItemRadioAndCheckboxRender},$switch:{renderFormItemContent:oldItemRender}});
+"use strict";var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const componentDefaultModelProp="modelValue";function getOldComponentName(e){return"vxe-"+e.replace("$","")}function getDefaultComponent({name:e}){return(0,_ui.getComponent)(e)||(0,_vue.resolveComponent)(e)}function getOldComponent({name:e}){return(0,_vue.resolveComponent)(getOldComponentName(e))}function getNativeAttrs(e){let{name:t,attrs:n}=e;return n="input"===t?Object.assign({type:"text"},n):n}function getComponentFormItemProps(e,t,n,o){return _xeUtils.default.assign({},o,e.props,{[componentDefaultModelProp]:n})}function getNativeElementOns(e,n,t,o){const r=e["events"],s=(0,_vn.getModelEvent)(e.name),m=(0,_vn.getChangeEvent)(e.name),a=m===s,u={};return r&&_xeUtils.default.objectEach(r,(t,e)=>{u[(0,_vn.getOnName)(e)]=function(...e){t(n,...e)}}),t&&(u[(0,_vn.getOnName)(s)]=function(e){t(e),a&&o&&o(e),r&&r[s]&&r[s](n,e)}),!a&&o&&(u[(0,_vn.getOnName)(m)]=function(...e){o(...e),r&&r[m]&&r[m](n,...e)}),u}function getComponentOns(e,n,t,o){const r=e["events"],{model:s,change:m}=t||{},a=(0,_vn.getModelEvent)(e.name),u=(0,_vn.getChangeEvent)(e.name),i={};return _xeUtils.default.objectEach(r,(t,e)=>{i[(0,_vn.getOnName)(e)]=function(...e){"development"!==process.env.NODE_ENV||_xeUtils.default.isFunction(t)||(0,_log.errLog)("vxe.error.errFunc",[t]),t(n,...e)}}),s&&(i[(0,_vn.getOnName)(a)]=function(e){s(e),r&&r[a]&&r[a](n,e)}),m&&(i[(0,_vn.getOnName)(u)]=function(...e){m(...e),r&&r[u]&&r[u](n,...e)}),o?Object.assign(i,o):i}function getItemOns(e,t){const{$form:n,data:o,field:r}=t;return getComponentOns(e,t,{model(e){_xeUtils.default.set(o,r,e)},change(e){n.updateStatus(e)}})}function getNativeItemOns(e,t){const{$form:n,data:o,field:r}=t;return getNativeElementOns(e,t,e=>{e=e.target.value;_xeUtils.default.set(o,r,e)},()=>{n.updateStatus(t)})}function renderNativeOptgroup(n,o,r){var{optionGroups:e,optionGroupProps:t={}}=n;const s=t.options||"options",m=t.label||"label";return e?e.map((e,t)=>(0,_vue.h)("optgroup",{key:t,label:e[m]},r(e[s],n,o))):[]}function nativeItemRender(e,t){var{data:n,field:o}=t,r=e["name"],s=getNativeAttrs(e),n=_xeUtils.default.get(n,o);return[(0,_vue.h)(r,Object.assign(Object.assign(Object.assign({class:"vxe-default-"+r},s),{value:!s||"input"!==r||"submit"!==s.type&&"reset"!==s.type?n:null}),getNativeItemOns(e,t)))]}function defaultItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function oldItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function oldButtonItemRender(e,t){return[(0,_vue.h)((0,_vue.resolveComponent)("vxe-button"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,null)),getComponentOns(e,t)))]}function oldButtonsItemRender(e,t){return e.children.map(e=>oldButtonItemRender(e,t)[0])}function renderNativeFormOptions(e,t,n){var{data:n,field:o}=n,{optionProps:t={}}=t;const r=t.label||"label",s=t.value||"value",m=t.disabled||"disabled",a=_xeUtils.default.get(n,o);return e?e.map((e,t)=>(0,_vue.h)("option",{key:t,value:e[s],disabled:e[m],selected:e[s]==a},e[r])):[]}function defaultFormItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function formItemRadioAndCheckboxRender(e,t){var{options:n,optionProps:o}=e,{data:r,field:s}=t,r=_xeUtils.default.get(r,s);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({options:n,optionProps:o},getComponentFormItemProps(e,t,r)),getItemOns(e,t)))]}function oldFormItemRadioAndCheckboxRender(e,t){const{name:n,options:o,optionProps:r={}}=e;var{data:s,field:m}=t;const a=r.label||"label",u=r.value||"value",i=r.disabled||"disabled";s=_xeUtils.default.get(s,m);const d=getOldComponentName(n);return o?[(0,_vue.h)((0,_vue.resolveComponent)(d+"-group"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,s)),getItemOns(e,t)),{default:()=>o.map((e,t)=>(0,_vue.h)((0,_vue.resolveComponent)(d),{key:t,label:e[u],content:e[a],disabled:e[i]}))})]:[(0,_vue.h)((0,_vue.resolveComponent)(d),Object.assign(Object.assign({},getComponentFormItemProps(e,t,s)),getItemOns(e,t)))]}_ui.renderer.mixin({input:{formItemAutoFocus:"input",renderFormItemContent:nativeItemRender},textarea:{formItemAutoFocus:"textarea",renderFormItemContent:nativeItemRender},select:{formItemAutoFocus:"input",renderFormItemContent(e,t){return[(0,_vue.h)("select",Object.assign(Object.assign({class:"vxe-default-select"},getNativeAttrs(e)),getNativeItemOns(e,t)),e.optionGroups?renderNativeOptgroup(e,t,renderNativeFormOptions):renderNativeFormOptions(e.options,e,t))]}},VxeInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeNumberInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxePasswordInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeTextarea:{formItemAutoFocus:"textarea",renderFormItemContent:defaultItemRender},VxeDatePicker:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeDateRangePicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){const{startField:n,endField:o}=e,{$form:r,data:s,field:m}=t;var a=_xeUtils.default.get(s,m),u={},i={};return n&&o&&(u.startValue=_xeUtils.default.get(s,n),u.endValue=_xeUtils.default.get(s,o),i["onUpdate:startValue"]=e=>{n&&_xeUtils.default.set(s,n,e)},i["onUpdate:endValue"]=e=>{o&&_xeUtils.default.set(s,o,e)}),[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,a,u)),getComponentOns(e,t,{model(e){_xeUtils.default.set(s,m,e)},change(){r.updateStatus(t)}},i)))]}},VxeButton:{renderFormItemContent:defaultFormItemRender},VxeButtonGroup:{renderFormItemContent(e,t){var n=e["options"],{data:o,field:r}=t,o=_xeUtils.default.get(o,r);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({options:n},getComponentFormItemProps(e,t,o)),getItemOns(e,t)))]}},VxeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s,optionGroups:m,optionGroupProps:a}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s,optionGroups:m,optionGroupProps:a})),getItemOns(e,t)))]}},VxeTreeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s})),getItemOns(e,t)))]}},VxeTableSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s})),getItemOns(e,t)))]}},VxeColorPicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["options"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{colors:r})),getItemOns(e,t)))]}},VxeIconPicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["options"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{icons:r})),getItemOns(e,t)))]}},VxeRadio:{renderFormItemContent:defaultFormItemRender},VxeRadioGroup:{renderFormItemContent:formItemRadioAndCheckboxRender},VxeCheckbox:{renderFormItemContent:defaultFormItemRender},VxeCheckboxGroup:{renderFormItemContent:formItemRadioAndCheckboxRender},VxeSwitch:{renderFormItemContent:defaultItemRender},VxeRate:{renderFormItemContent:defaultItemRender},VxeSlider:{renderFormItemContent:defaultItemRender},VxeImage:{renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["props"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign(Object.assign({},r),{src:n}),getItemOns(e,t)))]}},VxeImageGroup:{renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["props"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign(Object.assign({},r),{urlList:n}),getItemOns(e,t)))]}},VxeUpload:{renderFormItemContent:defaultItemRender},$input:{formItemAutoFocus:"input",renderFormItemContent:oldItemRender},$textarea:{formItemAutoFocus:"textarea",renderFormItemContent:oldItemRender},$button:{renderFormItemContent:oldButtonItemRender},$buttons:{renderFormItemContent:oldButtonsItemRender},$select:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s,optionGroups:m,optionGroupProps:a}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s,optionGroups:m,optionGroupProps:a})),getItemOns(e,t)))]}},$radio:{renderFormItemContent:oldFormItemRadioAndCheckboxRender},$checkbox:{renderFormItemContent:oldFormItemRadioAndCheckboxRender},$switch:{renderFormItemContent:oldItemRender}});

package/lib/form/src/form-item.js

@@ -62,6 +62,7 @@ const formItemProps = exports.formItemProps = {
     type: Boolean,
     default: null
   },
+  formatter: [String, Function],
   className: [String, Function],
   contentClassName: [String, Function],
   contentStyle: [Object, Function],

package/lib/form/src/form-item.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _vue=require("vue"),_util=require("./util"),_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}}const formItemProps=exports.formItemProps={title:String,field:String,span:{type:[String,Number],default:null},align:{type:String,default:null},verticalAlign:{type:String,default:null},titleBackground:{type:Boolean,default:null},titleBold:{type:Boolean,default:null},titleAlign:{type:String,default:null},titleWidth:{type:[String,Number],default:null},titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},showTitle:{type:Boolean,default:!0},vertical:{type:Boolean,default:null},padding:{type:Boolean,default:null},className:[String,Function],contentClassName:[String,Function],contentStyle:[Object,Function],titleClassName:[String,Function],titleStyle:[Object,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},showContent:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object,rules:Array};var _default=exports.default=(0,_vue.defineComponent)({name:"VxeFormItem",props:formItemProps,setup(e,{slots:t}){const f=(0,_vue.ref)(),p=(0,_vue.inject)("$xeForm",{}),l=(0,_vue.inject)("$xeFormGroup",null),_=(0,_vue.reactive)((0,_util.createItem)(p,e));_.slots=t;t={itemConfig:_};(0,_vue.provide)("xeFormItemInfo",t);t={formItem:_,renderVN:()=>{var e,t,l,n,r,u,o,i,a,d,s=!!p&&p.props.customLayout,m=_;return s?(s=p,m=m,d=s.props,e=s.xeGrid,{data:d,readonly:t,disabled:l}=d,{visible:n,field:r,itemRender:a,contentStyle:u,showContent:o}=m,i=(a=(0,_utils.isEnableConf)(a)?_ui.renderer.get(a.name):null)?a.formItemStyle||a.itemStyle:null,a=a?a.formItemContentStyle||a.itemContentStyle:null,!(d={data:d,disabled:l,readonly:t,field:r,property:r,item:m,$form:s,$grid:e})===n?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:f,key:m.id,class:(0,_render.getItemClass)(s,m),style:_xeUtils.default.isFunction(i)?i(d):i},[(0,_render.renderTitle)(s,m),!1===o?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:(0,_render.getItemContentClass)(s,m),style:Object.assign({},_xeUtils.default.isFunction(a)?a(d):a,_xeUtils.default.isFunction(u)?u(d):u)},[(0,_render.renderItemContent)(s,m)])])):(0,_vue.h)("div",{ref:f})}};return(0,_util.watchItem)(e,_),(0,_vue.onMounted)(()=>{var e=f.value;(0,_util.assembleItem)(p,e,_,l)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyItem)(p,_)}),(0,_vue.provide)("$xeFormItem",t),(0,_vue.provide)("$xeFormGroup",null),t},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _vue=require("vue"),_util=require("./util"),_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}}const formItemProps=exports.formItemProps={title:String,field:String,span:{type:[String,Number],default:null},align:{type:String,default:null},verticalAlign:{type:String,default:null},titleBackground:{type:Boolean,default:null},titleBold:{type:Boolean,default:null},titleAlign:{type:String,default:null},titleWidth:{type:[String,Number],default:null},titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},showTitle:{type:Boolean,default:!0},vertical:{type:Boolean,default:null},padding:{type:Boolean,default:null},formatter:[String,Function],className:[String,Function],contentClassName:[String,Function],contentStyle:[Object,Function],titleClassName:[String,Function],titleStyle:[Object,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},showContent:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object,rules:Array};var _default=exports.default=(0,_vue.defineComponent)({name:"VxeFormItem",props:formItemProps,setup(e,{slots:t}){const f=(0,_vue.ref)(),p=(0,_vue.inject)("$xeForm",{}),l=(0,_vue.inject)("$xeFormGroup",null),_=(0,_vue.reactive)((0,_util.createItem)(p,e));_.slots=t;t={itemConfig:_};(0,_vue.provide)("xeFormItemInfo",t);t={formItem:_,renderVN:()=>{var e,t,l,n,r,o,u,i,a,d,s=!!p&&p.props.customLayout,m=_;return s?(s=p,m=m,d=s.props,e=s.xeGrid,{data:d,readonly:t,disabled:l}=d,{visible:n,field:r,itemRender:a,contentStyle:o,showContent:u}=m,i=(a=(0,_utils.isEnableConf)(a)?_ui.renderer.get(a.name):null)?a.formItemStyle||a.itemStyle:null,a=a?a.formItemContentStyle||a.itemContentStyle:null,!(d={data:d,disabled:l,readonly:t,field:r,property:r,item:m,$form:s,$grid:e})===n?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:f,key:m.id,class:(0,_render.getItemClass)(s,m),style:_xeUtils.default.isFunction(i)?i(d):i},[(0,_render.renderTitle)(s,m),!1===u?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:(0,_render.getItemContentClass)(s,m),style:Object.assign({},_xeUtils.default.isFunction(a)?a(d):a,_xeUtils.default.isFunction(o)?o(d):o)},[(0,_render.renderItemContent)(s,m)])])):(0,_vue.h)("div",{ref:f})}};return(0,_util.watchItem)(e,_),(0,_vue.onMounted)(()=>{var e=f.value;(0,_util.assembleItem)(p,e,_,l)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyItem)(p,_)}),(0,_vue.provide)("$xeFormItem",t),(0,_vue.provide)("$xeFormGroup",null),t},render(){return this.renderVN()}});

package/lib/form/src/form.js

@@ -168,7 +168,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       tooltipStore: {
         item: null,
         visible: false
-      }
+      },
+      itemFormatCache: {}
     });
     const refElem = (0, _vue.ref)();
     const refTooltip = (0, _vue.ref)();
@@ -196,6 +197,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       props,
       context,
       reactData,
+      internalData,
       xeGrid: $xeGrid,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
@@ -228,6 +230,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reactData.staticItems = _xeUtils.default.mapTree(list, item => (0, _util.createItem)($xeForm, item), {
         children: 'children'
       });
+      internalData.itemFormatCache = {};
       return (0, _vue.nextTick)();
     };
     const getItems = () => {
@@ -345,6 +348,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         });
       }
+      internalData.itemFormatCache = {};
       return clearValidate();
     };
     const resetEvent = evnt => {

package/lib/form/src/form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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/src/tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading/src/loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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}}const validErrorRuleValue=(e,t)=>{var{type:e,min:i,max:l,pattern:r}=e,e="number"===e,o=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||!_xeUtils.default.eqNull(i)&&o<_xeUtils.default.toNumber(i)||!_xeUtils.default.eqNull(l)&&o>_xeUtils.default.toNumber(l)||!(!r||(_xeUtils.default.isRegExp(r)?r:new RegExp(r)).test(t))};var _default=exports.default=(0,_vue.defineComponent)({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}},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(n,e){const{slots:d,emit:l}=e,u=(0,_vue.inject)("$xeGrid",null);var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(n)["computeSize"],m=(0,_vue.reactive)({collapseAll:n.collapseStatus,staticItems:[],formItems:[]}),f=(0,_vue.reactive)({meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1}}),g=(0,_vue.ref)(),v=(0,_vue.ref)();let i={};const p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.validConfig,n.validConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tooltip,(0,_ui.getConfig)().form.tooltipConfig,n.tooltipConfig));var r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.collapseConfig,n.collapseConfig));const o={refElem:g},a={computeSize:c,computeValidOpts:p,computeTooltipOpts:_,computeCollapseOpts:r},h={xID:t,props:n,context:e,reactData:m,xeGrid:u,getRefMaps:()=>o,getComputeMaps:()=>a};const s=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",[e])})}),m.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(h,e),{children:"children"}),(0,_vue.nextTick)()),x=()=>{const t=[];return _xeUtils.default.eachTree(m.formItems,e=>{t.push(e)},{children:"children"}),t},y=t=>{var e=_xeUtils.default.findTree(m.formItems,e=>e.field===t,{children:"children"});return e?e.item:null},b=()=>m.collapseAll,C=()=>{var e=!b();return m.collapseAll=e,l("update:collapseStatus",e),(0,_vue.nextTick)()};const 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)})}else x().forEach(e=>{e.showError=!1});return(0,_vue.nextTick)()},S=()=>{const r=n["data"];var e=x();return r&&e.forEach(e=>{var t,{field:i,itemRender:l}=e;(0,_utils.isEnableConf)(l)&&(t=(l=_ui.renderer.get(l.name))?l.formItemResetMethod||l.itemResetMethod:null,l&&t?t({data:r,field:i,property:i,item:e,$form:h,$grid:u}):i&&_xeUtils.default.set(r,i,((e,t)=>{var{field:i,resetValue:l}=e,r=_xeUtils.default.get(t,i);return _xeUtils.default.isFunction(l)?l({field:i,item:e,data:t,$form:h,$grid:u}):null===l&&_xeUtils.default.isArray(r)?[]:l})(e,r)))}),E()},U=e=>{e.preventDefault(),S(),i.dispatchEvent("reset",{data:n.data},e)},T=e=>{var i=g.value;if(i)for(let t=0;t<e.length;t++){var l=e[t],r=y(l);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var o=r["itemRender"],a=_ui.renderer.get(o.name);t||(0,_dom.scrollToView)(i.querySelector("."+r.id));let e=null;o=o.autoFocus||o.autofocus||(a?a.formItemAutoFocus:null);if(_xeUtils.default.isFunction(o)?e=o({$form:h,$grid:u,item:r,data:n.data,field:l}):!0===o?e=i.querySelector(`.${r.id} input,textarea`):o&&(e=i.querySelector(`.${r.id} `+o)),e){e.focus();break}}}},I=(e,t,i)=>{const{data:f,rules:l}=n,r={};return _xeUtils.default.isArray(t)||(t=[t]),Promise.all(t.map(s=>{const n=[],d=[];if(s&&l){const c=_xeUtils.default.get(l,s);if(c){const m=_xeUtils.default.isUndefined(i)?_xeUtils.default.get(f,s):i;c.forEach(t=>{const{type:i,trigger:l,required:r,validator:o}=t;if("all"===e||!l||e===l)if(o){var a={itemValue:m,rule:t,rules:c,data:f,field:s,property:s,$form:h};let e;_xeUtils.default.isString(o)?(u=_ui.validators.get(o))?(u=u.formItemValidatorMethod||u.itemValidatorMethod)?e=u(a):"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.notValidators",[o]):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notValidators",[o]):e=o(a),e&&(_xeUtils.default.isError(e)?n.push(new Rule({type:"custom",trigger:l,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{n.push(new Rule({type:"custom",trigger:l,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else{var u="array"===i,a=_xeUtils.default.isArray(m);let e=!0;e=u||a?!a||!m.length:_xeUtils.default.isString(m)?(0,_utils.eqEmptyValue)(m.trim()):(0,_utils.eqEmptyValue)(m),(r?e||validErrorRuleValue(t,m):!e&&validErrorRuleValue(t,m))&&n.push(new Rule(t))}})}}return Promise.all(d).then(()=>{n.length&&(r[s]=n.map(e=>({$form:h,rule:e,data:f,field:s,property:s})))})})).then(()=>{if(!_xeUtils.default.isEmpty(r))return Promise.reject(r)})},q=(t,e,i)=>{var{data:l,rules:r}=n;const o=p.value,a={},u=[],s=[];return clearTimeout(f.meTimeout),l&&r?(t.forEach(t=>{const i=t["field"];i&&!(0,_util.isHiddenItem)(h,t)&&(0,_util.isActiveItem)(h,t)&&s.push(I(e||"all",i).then(()=>{t.errRule=null}).catch(e=>{e=e[i];return a[i]||(a[i]=[]),a[i].push(e),u.push(i),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(s).then(()=>{i&&i()}).catch(()=>new Promise(e=>{f.meTimeout=setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==o.autoPos&&(0,_vue.nextTick)(()=>{T(u)}),i?(i(a),e()):e(a)}))):(i&&i(),Promise.resolve())};const w=t=>{var e=n["readonly"];t.preventDefault(),n.preventSubmit||(E(),e?i.dispatchEvent("submit",{data:n.data},t):q(x()).then(e=>{e?i.dispatchEvent("submit-invalid",{data:n.data,errMap:e},t):i.dispatchEvent("submit",{data:n.data},t)}))},R=()=>{var e=f["tooltipStore"],t=v.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};const O=(e,i,t)=>i?I(e?["blur"].includes(e.type)?"blur":"change":"all",i,t).then(()=>{E(i)}).catch(e=>{var e=e[i],t=y(i);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();i={dispatchEvent(e,t,i){l(e,(0,_ui.createEvent)(i,{$form:h,$grid:u},t))},reset:S,validate:e=>{var t=n["readonly"];return E(),t?(0,_vue.nextTick)():q(x(),"",e)},validateField:(e,t)=>{var i=n["readonly"];if(i)return(0,_vue.nextTick)();let l=[];return e&&(l=_xeUtils.default.isArray(e)?e:[e]),q(l.map(e=>(0,_util.handleFieldOrItem)(h,e)),"",t)},clearValidate:E,updateStatus:(e,t)=>{e=e.field;return O(new Event("change"),e,t)},toggleCollapse:C,getItems:x,getItemByField:y,closeTooltip:R};r={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:O,toggleCollapseEvent:e=>{C();var t=b();i.dispatchEvent("toggle-collapse",{status:t,collapse:t,data:n.data},e),i.dispatchEvent("collapse",{status:t,collapse:t,data:n.data},e),(0,_vue.nextTick)(()=>{u&&u.recalculate()})},triggerTitleTipEvent:(e,t)=>{var t=t["item"],i=f["tooltipStore"],l=v.value,e=e.currentTarget.children[0],r=(e.textContent||"").trim(),o=e.scrollWidth>e.clientWidth;clearTimeout(f.stTimeout),i.item!==t&&R(),r&&o&&(Object.assign(i,{item:t,visible:!0}),l)&&l.open(e,r)},handleTitleTipLeaveEvent:()=>{var e=_.value;let t=v.value;t&&t.setActived(!1),e.enterable?f.stTimeout=setTimeout(()=>{(t=v.value)&&!t.isActived()&&R()},e.leaveDelay):R()}};Object.assign(h,i,r);const V=(0,_vue.ref)(0),A=((0,_vue.watch)(()=>m.staticItems.length,()=>{V.value++}),(0,_vue.watch)(()=>m.staticItems,()=>{V.value++}),(0,_vue.watch)(V,()=>{m.formItems=m.staticItems}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>n.items?n.items.length:-1,()=>{A.value++}),(0,_vue.watch)(()=>n.items,()=>{A.value++}),(0,_vue.watch)(A,()=>{s(n.items||[])}),(0,_vue.watch)(()=>n.collapseStatus,e=>{m.collapseAll=!!e}),(0,_vue.watch)(()=>n.readonly,()=>{E()}),(0,_vue.watch)(()=>n.disabled,()=>{E()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{n.customLayout&&n.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"])})}),n.items&&s(n.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:i,data:l,customLayout:r}=n,o=m["formItems"],a=c.value,u=_.value,s=d.default;return(0,_vue.h)("form",{ref:g,class:["vxe-form",i?_xeUtils.default.isFunction(i)?i({items:o,data:l,$form:h}):i:"",{["size--"+a]:a,"is--border":t,"custom--layout":r,"is--loading":e}],onSubmit:w,onReset:U},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-form--item-row"},r?s?s({}):[]:o.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e}))),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&s?s({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,Object.assign({ref:v},u))])},h},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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/src/tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading/src/loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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}}const validErrorRuleValue=(e,t)=>{var{type:e,min:i,max:l,pattern:r}=e,e="number"===e,a=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||!_xeUtils.default.eqNull(i)&&a<_xeUtils.default.toNumber(i)||!_xeUtils.default.eqNull(l)&&a>_xeUtils.default.toNumber(l)||!(!r||(_xeUtils.default.isRegExp(r)?r:new RegExp(r)).test(t))};var _default=exports.default=(0,_vue.defineComponent)({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}},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(n,e){const{slots:d,emit:l}=e,u=(0,_vue.inject)("$xeGrid",null);var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(n)["computeSize"],m=(0,_vue.reactive)({collapseAll:n.collapseStatus,staticItems:[],formItems:[]}),f=(0,_vue.reactive)({meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1},itemFormatCache:{}}),g=(0,_vue.ref)(),v=(0,_vue.ref)();let i={};const p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.validConfig,n.validConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tooltip,(0,_ui.getConfig)().form.tooltipConfig,n.tooltipConfig));var r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.collapseConfig,n.collapseConfig));const a={refElem:g},o={computeSize:c,computeValidOpts:p,computeTooltipOpts:_,computeCollapseOpts:r},h={xID:t,props:n,context:e,reactData:m,internalData:f,xeGrid:u,getRefMaps:()=>a,getComputeMaps:()=>o};const s=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",[e])})}),m.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(h,e),{children:"children"}),f.itemFormatCache={},(0,_vue.nextTick)()),x=()=>{const t=[];return _xeUtils.default.eachTree(m.formItems,e=>{t.push(e)},{children:"children"}),t},y=t=>{var e=_xeUtils.default.findTree(m.formItems,e=>e.field===t,{children:"children"});return e?e.item:null},C=()=>m.collapseAll,b=()=>{var e=!C();return m.collapseAll=e,l("update:collapseStatus",e),(0,_vue.nextTick)()};const 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)})}else x().forEach(e=>{e.showError=!1});return(0,_vue.nextTick)()},S=()=>{const r=n["data"];var e=x();return r&&e.forEach(e=>{var t,{field:i,itemRender:l}=e;(0,_utils.isEnableConf)(l)&&(t=(l=_ui.renderer.get(l.name))?l.formItemResetMethod||l.itemResetMethod:null,l&&t?t({data:r,field:i,property:i,item:e,$form:h,$grid:u}):i&&_xeUtils.default.set(r,i,((e,t)=>{var{field:i,resetValue:l}=e,r=_xeUtils.default.get(t,i);return _xeUtils.default.isFunction(l)?l({field:i,item:e,data:t,$form:h,$grid:u}):null===l&&_xeUtils.default.isArray(r)?[]:l})(e,r)))}),f.itemFormatCache={},E()},U=e=>{e.preventDefault(),S(),i.dispatchEvent("reset",{data:n.data},e)},T=e=>{var i=g.value;if(i)for(let t=0;t<e.length;t++){var l=e[t],r=y(l);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var a=r["itemRender"],o=_ui.renderer.get(a.name);t||(0,_dom.scrollToView)(i.querySelector("."+r.id));let e=null;a=a.autoFocus||a.autofocus||(o?o.formItemAutoFocus:null);if(_xeUtils.default.isFunction(a)?e=a({$form:h,$grid:u,item:r,data:n.data,field:l}):!0===a?e=i.querySelector(`.${r.id} input,textarea`):a&&(e=i.querySelector(`.${r.id} `+a)),e){e.focus();break}}}},I=(e,t,i)=>{const{data:f,rules:l}=n,r={};return _xeUtils.default.isArray(t)||(t=[t]),Promise.all(t.map(s=>{const n=[],d=[];if(s&&l){const c=_xeUtils.default.get(l,s);if(c){const m=_xeUtils.default.isUndefined(i)?_xeUtils.default.get(f,s):i;c.forEach(t=>{const{type:i,trigger:l,required:r,validator:a}=t;if("all"===e||!l||e===l)if(a){var o={itemValue:m,rule:t,rules:c,data:f,field:s,property:s,$form:h};let e;_xeUtils.default.isString(a)?(u=_ui.validators.get(a))?(u=u.formItemValidatorMethod||u.itemValidatorMethod)?e=u(o):"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.notValidators",[a]):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notValidators",[a]):e=a(o),e&&(_xeUtils.default.isError(e)?n.push(new Rule({type:"custom",trigger:l,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{n.push(new Rule({type:"custom",trigger:l,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else{var u="array"===i,o=_xeUtils.default.isArray(m);let e=!0;e=u||o?!o||!m.length:_xeUtils.default.isString(m)?(0,_utils.eqEmptyValue)(m.trim()):(0,_utils.eqEmptyValue)(m),(r?e||validErrorRuleValue(t,m):!e&&validErrorRuleValue(t,m))&&n.push(new Rule(t))}})}}return Promise.all(d).then(()=>{n.length&&(r[s]=n.map(e=>({$form:h,rule:e,data:f,field:s,property:s})))})})).then(()=>{if(!_xeUtils.default.isEmpty(r))return Promise.reject(r)})},q=(t,e,i)=>{var{data:l,rules:r}=n;const a=p.value,o={},u=[],s=[];return clearTimeout(f.meTimeout),l&&r?(t.forEach(t=>{const i=t["field"];i&&!(0,_util.isHiddenItem)(h,t)&&(0,_util.isActiveItem)(h,t)&&s.push(I(e||"all",i).then(()=>{t.errRule=null}).catch(e=>{e=e[i];return o[i]||(o[i]=[]),o[i].push(e),u.push(i),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(s).then(()=>{i&&i()}).catch(()=>new Promise(e=>{f.meTimeout=setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==a.autoPos&&(0,_vue.nextTick)(()=>{T(u)}),i?(i(o),e()):e(o)}))):(i&&i(),Promise.resolve())};const w=t=>{var e=n["readonly"];t.preventDefault(),n.preventSubmit||(E(),e?i.dispatchEvent("submit",{data:n.data},t):q(x()).then(e=>{e?i.dispatchEvent("submit-invalid",{data:n.data,errMap:e},t):i.dispatchEvent("submit",{data:n.data},t)}))},R=()=>{var e=f["tooltipStore"],t=v.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};const O=(e,i,t)=>i?I(e?["blur"].includes(e.type)?"blur":"change":"all",i,t).then(()=>{E(i)}).catch(e=>{var e=e[i],t=y(i);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();i={dispatchEvent(e,t,i){l(e,(0,_ui.createEvent)(i,{$form:h,$grid:u},t))},reset:S,validate:e=>{var t=n["readonly"];return E(),t?(0,_vue.nextTick)():q(x(),"",e)},validateField:(e,t)=>{var i=n["readonly"];if(i)return(0,_vue.nextTick)();let l=[];return e&&(l=_xeUtils.default.isArray(e)?e:[e]),q(l.map(e=>(0,_util.handleFieldOrItem)(h,e)),"",t)},clearValidate:E,updateStatus:(e,t)=>{e=e.field;return O(new Event("change"),e,t)},toggleCollapse:b,getItems:x,getItemByField:y,closeTooltip:R};r={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:O,toggleCollapseEvent:e=>{b();var t=C();i.dispatchEvent("toggle-collapse",{status:t,collapse:t,data:n.data},e),i.dispatchEvent("collapse",{status:t,collapse:t,data:n.data},e),(0,_vue.nextTick)(()=>{u&&u.recalculate()})},triggerTitleTipEvent:(e,t)=>{var t=t["item"],i=f["tooltipStore"],l=v.value,e=e.currentTarget.children[0],r=(e.textContent||"").trim(),a=e.scrollWidth>e.clientWidth;clearTimeout(f.stTimeout),i.item!==t&&R(),r&&a&&(Object.assign(i,{item:t,visible:!0}),l)&&l.open(e,r)},handleTitleTipLeaveEvent:()=>{var e=_.value;let t=v.value;t&&t.setActived(!1),e.enterable?f.stTimeout=setTimeout(()=>{(t=v.value)&&!t.isActived()&&R()},e.leaveDelay):R()}};Object.assign(h,i,r);const F=(0,_vue.ref)(0),V=((0,_vue.watch)(()=>m.staticItems.length,()=>{F.value++}),(0,_vue.watch)(()=>m.staticItems,()=>{F.value++}),(0,_vue.watch)(F,()=>{m.formItems=m.staticItems}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>n.items?n.items.length:-1,()=>{V.value++}),(0,_vue.watch)(()=>n.items,()=>{V.value++}),(0,_vue.watch)(V,()=>{s(n.items||[])}),(0,_vue.watch)(()=>n.collapseStatus,e=>{m.collapseAll=!!e}),(0,_vue.watch)(()=>n.readonly,()=>{E()}),(0,_vue.watch)(()=>n.disabled,()=>{E()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{n.customLayout&&n.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"])})}),n.items&&s(n.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:i,data:l,customLayout:r}=n,a=m["formItems"],o=c.value,u=_.value,s=d.default;return(0,_vue.h)("form",{ref:g,class:["vxe-form",i?_xeUtils.default.isFunction(i)?i({items:a,data:l,$form:h}):i:"",{["size--"+o]:o,"is--border":t,"custom--layout":r,"is--loading":e}],onSubmit:w,onReset:U},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-form--item-row"},r?s?s({}):[]:a.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e}))),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&s?s({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,Object.assign({ref:v},u))])},h},render(){return this.renderVN()}});

package/lib/form/src/itemInfo.js

@@ -4,10 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ItemInfo = void 0;
+var _ui = require("../../ui");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _log = require("../../ui/src/log");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class ItemInfo {
   constructor($xeForm, item) {
+    const {
+      formatter
+    } = item;
+    if (formatter) {
+      if (_xeUtils.default.isString(formatter)) {
+        const gFormatOpts = _ui.formats.get(formatter);
+        if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
+          (0, _log.errLog)('vxe.error.notFormats', [formatter]);
+        }
+      } else if (_xeUtils.default.isArray(formatter)) {
+        const gFormatOpts = _ui.formats.get(formatter[0]);
+        if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
+          (0, _log.errLog)('vxe.error.notFormats', [formatter[0]]);
+        }
+      }
+    }
     Object.assign(this, {
       id: _xeUtils.default.uniqueId('item_'),
       title: item.title,
@@ -40,6 +58,7 @@ class ItemInfo {
       titleStyle: item.titleStyle,
       itemRender: item.itemRender,
       rules: item.rules,
+      formatter,
       // 渲染属性
       showError: false,
       errRule: null,

package/lib/form/src/itemInfo.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ItemInfo=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class ItemInfo{constructor(e,t){Object.assign(this,{id:_xeUtils.default.uniqueId("item_"),title:t.title,field:t.field,span:t.span,align:t.align,verticalAlign:t.verticalAlign,titleBackground:t.titleBackground,titleBold:t.titleBold,titleAlign:t.titleAlign,titleWidth:t.titleWidth,titleColon:t.titleColon,vertical:t.vertical,padding:t.padding,titleAsterisk:t.titleAsterisk,titlePrefix:t.titlePrefix,titleSuffix:t.titleSuffix,titleOverflow:t.titleOverflow,showTitle:t.showTitle,resetValue:t.resetValue,visibleMethod:t.visibleMethod,visible:t.visible,showContent:t.showContent,folding:t.folding,collapseNode:t.collapseNode,className:t.className,contentClassName:t.contentClassName,contentStyle:t.contentStyle,titleClassName:t.titleClassName,titleStyle:t.titleStyle,itemRender:t.itemRender,rules:t.rules,showError:!1,errRule:null,slots:t.slots,children:[]})}update(e,t){this[e]=t}}exports.ItemInfo=ItemInfo;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ItemInfo=void 0;var _ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class ItemInfo{constructor(e,t){var l,i=t["formatter"];i&&(_xeUtils.default.isString(i)?(l=_ui.formats.get(i))&&l.formItemFormatMethod||(0,_log.errLog)("vxe.error.notFormats",[i]):!_xeUtils.default.isArray(i)||(l=_ui.formats.get(i[0]))&&l.formItemFormatMethod||(0,_log.errLog)("vxe.error.notFormats",[i[0]])),Object.assign(this,{id:_xeUtils.default.uniqueId("item_"),title:t.title,field:t.field,span:t.span,align:t.align,verticalAlign:t.verticalAlign,titleBackground:t.titleBackground,titleBold:t.titleBold,titleAlign:t.titleAlign,titleWidth:t.titleWidth,titleColon:t.titleColon,vertical:t.vertical,padding:t.padding,titleAsterisk:t.titleAsterisk,titlePrefix:t.titlePrefix,titleSuffix:t.titleSuffix,titleOverflow:t.titleOverflow,showTitle:t.showTitle,resetValue:t.resetValue,visibleMethod:t.visibleMethod,visible:t.visible,showContent:t.showContent,folding:t.folding,collapseNode:t.collapseNode,className:t.className,contentClassName:t.contentClassName,contentStyle:t.contentStyle,titleClassName:t.titleClassName,titleStyle:t.titleStyle,itemRender:t.itemRender,rules:t.rules,formatter:i,showError:!1,errRule:null,slots:t.slots,children:[]})}update(e,t){this[e]=t}}exports.ItemInfo=ItemInfo;

package/lib/form/src/render.js

@@ -240,11 +240,15 @@ function renderTitle($xeForm, item, isGroup) {
 const renderItemContent = ($xeForm, item) => {
   const formProps = $xeForm.props;
   const formReactData = $xeForm.reactData;
+  const formInternalData = $xeForm.internalData;
   const $xeGrid = $xeForm.xeGrid;
   const {
     computeCollapseOpts,
     computeValidOpts
   } = $xeForm.getComputeMaps();
+  const {
+    itemFormatCache
+  } = formInternalData;
   const {
     data,
     readonly,
@@ -258,13 +262,15 @@ const renderItemContent = ($xeForm, item) => {
     field,
     itemRender,
     collapseNode,
-    errRule
+    errRule,
+    formatter
   } = item;
   const defaultSlot = slots ? slots.default : null;
   const validSlot = slots ? slots.valid : null;
   const collapseOpts = computeCollapseOpts.value;
   const validOpts = computeValidOpts.value;
   const compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
+  const itemValue = _xeUtils.default.get(data, field);
   const params = {
     data,
     disabled,
@@ -272,6 +278,7 @@ const renderItemContent = ($xeForm, item) => {
     field,
     property: field,
     item,
+    itemValue,
     $form: $xeForm,
     $grid: $xeGrid
   };
@@ -282,8 +289,43 @@ const renderItemContent = ($xeForm, item) => {
   } else if (rftContent) {
     contentVNs = (0, _vn.getSlotVNs)(rftContent(itemRender, params));
   } else if (field) {
-    const itemValue = _xeUtils.default.get(data, field);
-    contentVNs = [(0, _utils.eqEmptyValue)(itemValue) ? '' : `${itemValue}`];
+    let itemLabel = itemValue;
+    if (formatter) {
+      let formatData;
+      if (field) {
+        const itemRest = itemFormatCache[field];
+        if (itemRest) {
+          formatData = itemRest.formatData;
+          if (formatData) {
+            if (formatData.value === itemValue) {
+              return formatData.label;
+            }
+          } else {
+            formatData = itemRest.formatData = {};
+          }
+        } else {
+          itemFormatCache[field] = {
+            field
+          };
+        }
+      }
+      if (_xeUtils.default.isString(formatter)) {
+        const gFormatOpts = _ui.formats.get(formatter);
+        const fiFormatMethod = gFormatOpts ? gFormatOpts.formItemFormatMethod : null;
+        itemLabel = fiFormatMethod ? fiFormatMethod(params) : '';
+      } else if (_xeUtils.default.isArray(formatter)) {
+        const gFormatOpts = _ui.formats.get(formatter[0]);
+        const fiFormatMethod = gFormatOpts ? gFormatOpts.formItemFormatMethod : null;
+        itemLabel = fiFormatMethod ? fiFormatMethod(params, ...formatter.slice(1)) : '';
+      } else {
+        itemLabel = formatter(params);
+      }
+      if (formatData) {
+        formatData.value = itemValue;
+        formatData.label = itemLabel;
+      }
+    }
+    contentVNs = [(0, _utils.eqEmptyValue)(itemLabel) ? '' : `${itemLabel}`];
   }
   if (collapseNode) {
     contentVNs.push((0, _vue.h)('div', {

package/lib/form/src/render.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderItemContent=exports.getItemContentClass=exports.getItemClass=void 0,exports.renderTitle=renderTitle;var _vue=require("vue"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip")),_icon=_interopRequireDefault(require("../../icon/src/icon")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function renderPrefixIcon(e){return(0,_vue.h)("span",{class:"vxe-form--item-title-prefix"},[(0,_vue.h)(_icon.default,{class:e.icon||(0,_ui.getIcon)().FORM_PREFIX,status:e.iconStatus})])}function renderSuffixIcon(e){return(0,_vue.h)("span",{class:"vxe-form--item-title-suffix"},[(0,_vue.h)(_icon.default,{class:e.icon||(0,_ui.getIcon)().FORM_SUFFIX,status:e.iconStatus})])}const getItemClass=(e,t,l)=>{var i=e.props,n=e.reactData,s=e.xeGrid,{data:i,rules:r,readonly:o,disabled:a,span:u,titleBackground:d,titleBold:m,titleColon:c,titleAsterisk:f,vertical:v,padding:_}=i,n=n["collapseAll"],{folding:g,field:x,itemRender:p,showError:h,className:C,vertical:I,padding:N,children:q,showContent:b}=t,p=(0,_utils.isEnableConf)(p)?_ui.renderer.get(p.name):null,p=p?p.formItemClassName||p.itemClassName:"",u=t.span||u,_=_xeUtils.default.eqNull(N)?_:N,N=_xeUtils.default.eqNull(I)?v:I,v=_xeUtils.default.eqNull(t.titleBackground)?d:t.titleBackground,I=_xeUtils.default.eqNull(t.titleBold)?m:t.titleBold,d=_xeUtils.default.eqNull(t.titleColon)?c:t.titleColon,m=_xeUtils.default.eqNull(t.titleAsterisk)?f:t.titleAsterisk,c={data:i,disabled:a,readonly:o,field:x,property:x,item:t,$form:e,$grid:s},f=q&&0<q.length;let U=!1,F=!1;return!o&&r&&(i=r[x])&&i.length&&(F=!0,U=i.some(e=>e.required)),[l||f?"vxe-form--group":"","vxe-form--item",t.id,u?`vxe-form--item-col_${u} is--span`:"",C?_xeUtils.default.isFunction(C)?C(c):C:"",p?_xeUtils.default.isFunction(p)?p(c):p:"",{"is--colon":d,"is--tbg":v,"is--bold":I,"is--padding":_,"is--vertical":N,"is--asterisk":m,"hide--content":!1===b,"is--valid":F,"is--required":U,"is--hidden":g&&n,"is--active":(0,_util.isActiveItem)(e,t),"is--error":h}]},getItemContentClass=(exports.getItemClass=getItemClass,(e,t,l)=>{var i=e.props,n=e.xeGrid,{data:i,readonly:s,disabled:r,align:o,verticalAlign:a}=i,{field:u,itemRender:d,contentClassName:m,children:c}=t,d=(0,_utils.isEnableConf)(d)?_ui.renderer.get(d.name):null,d=d?d.formItemContentClassName||d.itemContentClassName:"",o=_xeUtils.default.eqNull(t.align)?o:t.align,a=_xeUtils.default.eqNull(t.verticalAlign)?a:t.verticalAlign,i={data:i,disabled:r,readonly:s,field:u,property:u,item:t,$form:e,$grid:n},r=c&&0<c.length;return[l||r?"vxe-form--group-content vxe-form--item-row":"","vxe-form--item-content",o?"align--"+o:"",a?"vertical-align--"+a:"",d?_xeUtils.default.isFunction(d)?d(i):d:"",m?_xeUtils.default.isFunction(m)?m(i):m:""]});function renderTitle(t,e,l){var i=t.props,n=t.xeGrid,{data:i,readonly:s,disabled:r,titleAlign:o,titleWidth:a,titleOverflow:u,vertical:d}=i;const{slots:m,title:c,field:f,itemRender:v,titleOverflow:_,vertical:g,showTitle:x,titleClassName:p,titleStyle:h,titlePrefix:C,titleSuffix:I,children:N,showContent:q}=e;var b=t.getComputeMaps()["computeTooltipOpts"],b=b.value,U=(0,_utils.isEnableConf)(v)?_ui.renderer.get(v.name):null,F=U?U.formItemTitleClassName||U.itemTitleClassName:"",O=U?U.formItemTitleStyle||U.itemTitleStyle:null,d=_xeUtils.default.eqNull(g)?d:g,o=_xeUtils.default.eqNull(e.titleAlign)?o:e.titleAlign,d=d?null:_xeUtils.default.eqNull(e.titleWidth)?a:e.titleWidth,a=_xeUtils.default.eqNull(_)?u:_,u="title"===a,T=!0===a||"tooltip"===a,a=u||T||"ellipsis"===a;const y={data:i,disabled:r,readonly:s,field:f,property:f,item:e,$form:t,$grid:n};var i=m?m.title:null,r=m?m.extra:null,s=!1!==x&&(c||i),n=N&&0<N.length,S=[],U=(C&&S.push(C.content||C.message?(0,_vue.h)(_tooltip.default,Object.assign(Object.assign(Object.assign({},b),C),{content:(0,_utils.getFuncText)(C.content||C.message)}),{default:()=>renderPrefixIcon(C)}):renderPrefixIcon(C)),U?U.renderFormItemTitle||U.renderItemTitle:null),i=(S.push((0,_vue.h)("span",{class:"vxe-form--item-title-label"},i?t.callSlot(i,y):U?(0,_vn.getSlotVNs)(U(v,y)):(0,_utils.getFuncText)(e.title))),[]),U=(I&&i.push(I.content||I.message?(0,_vue.h)(_tooltip.default,Object.assign(Object.assign(Object.assign({},b),I),{content:(0,_utils.getFuncText)(I.content||I.message)}),{default:()=>renderSuffixIcon(I)}):renderSuffixIcon(I)),T?{onMouseenter(e){t.triggerTitleTipEvent(e,y)},onMouseleave:t.handleTitleTipLeaveEvent}:{});return s?(0,_vue.h)("div",Object.assign({class:[l||n?"vxe-form--group-title":"","vxe-form--item-title",o?"align--"+o:"",a?"is--ellipsis":"",F?_xeUtils.default.isFunction(F)?F(y):F:"",p?_xeUtils.default.isFunction(p)?p(y):p:""],style:Object.assign({},_xeUtils.default.isFunction(O)?O(y):O,_xeUtils.default.isFunction(h)?h(y):h,d&&!1!==q?{width:(0,_dom.toCssUnit)(d)}:null),title:u?(0,_utils.getFuncText)(c):null},U),[(0,_vue.h)("div",{class:"vxe-form--item-title-content"},S),(0,_vue.h)("div",{class:"vxe-form--item-title-postfix"},i),r?(0,_vue.h)("div",{class:"vxe-form--item-title-extra"},t.callSlot(r,y)):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()}exports.getItemContentClass=getItemContentClass;const renderItemContent=(e,t)=>{var l=e.props,i=e.reactData,n=e.xeGrid,{computeCollapseOpts:s,computeValidOpts:r}=e.getComputeMaps(),{data:l,readonly:o,disabled:a}=l,i=i["collapseAll"],{slots:u,field:d,itemRender:m,collapseNode:c,errRule:f}=t,v=u?u.default:null,u=u?u.valid:null,s=s.value,r=r.value,_=(0,_utils.isEnableConf)(m)?_ui.renderer.get(m.name):null,a={data:l,disabled:a,readonly:o,field:d,property:d,item:t,$form:e,$grid:n};let g=[];o=_?_.renderFormItemContent||_.renderItemContent:null;return v?g=e.callSlot(v,a):o?g=(0,_vn.getSlotVNs)(o(m,a)):d&&(t=_xeUtils.default.get(l,d),g=[(0,_utils.eqEmptyValue)(t)?"":""+t]),c&&g.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:e.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},i?s.unfoldButtonText||(0,_ui.getI18n)("vxe.form.unfolding"):s.foldButtonText||(0,_ui.getI18n)("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",i?s.foldIcon||(0,_ui.getIcon)().FORM_FOLDING:s.unfoldIcon||(0,_ui.getIcon)().FORM_UNFOLDING]})])),f&&r.showMessage&&(n=Object.assign(Object.assign({},a),{rule:f}),g.push((0,_vue.h)("div",{class:"vxe-form-item--valid-error-tip",style:f.maxWidth?{width:(0,_dom.toCssUnit)(f.maxWidth)}:null},[(0,_vue.h)("div",{class:"vxe-form-item--valid-error-wrapper vxe-form-item--valid-error-theme-"+(r.theme||"normal")},[u?e.callSlot(u,n):[(0,_vue.h)("span",{class:"vxe-form--item--valid-error-msg"},f.content||f.message)]])]))),(0,_vue.h)("div",{class:"vxe-form--item-inner"},g)};exports.renderItemContent=renderItemContent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderItemContent=exports.getItemContentClass=exports.getItemClass=void 0,exports.renderTitle=renderTitle;var _vue=require("vue"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip")),_icon=_interopRequireDefault(require("../../icon/src/icon")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function renderPrefixIcon(e){return(0,_vue.h)("span",{class:"vxe-form--item-title-prefix"},[(0,_vue.h)(_icon.default,{class:e.icon||(0,_ui.getIcon)().FORM_PREFIX,status:e.iconStatus})])}function renderSuffixIcon(e){return(0,_vue.h)("span",{class:"vxe-form--item-title-suffix"},[(0,_vue.h)(_icon.default,{class:e.icon||(0,_ui.getIcon)().FORM_SUFFIX,status:e.iconStatus})])}const getItemClass=(e,t,l)=>{var i=e.props,r=e.reactData,s=e.xeGrid,{data:i,rules:n,readonly:o,disabled:a,span:u,titleBackground:d,titleBold:m,titleColon:f,titleAsterisk:c,vertical:v,padding:_}=i,r=r["collapseAll"],{folding:g,field:x,itemRender:p,showError:h,className:C,vertical:I,padding:N,children:b,showContent:q}=t,p=(0,_utils.isEnableConf)(p)?_ui.renderer.get(p.name):null,p=p?p.formItemClassName||p.itemClassName:"",u=t.span||u,_=_xeUtils.default.eqNull(N)?_:N,N=_xeUtils.default.eqNull(I)?v:I,v=_xeUtils.default.eqNull(t.titleBackground)?d:t.titleBackground,I=_xeUtils.default.eqNull(t.titleBold)?m:t.titleBold,d=_xeUtils.default.eqNull(t.titleColon)?f:t.titleColon,m=_xeUtils.default.eqNull(t.titleAsterisk)?c:t.titleAsterisk,f={data:i,disabled:a,readonly:o,field:x,property:x,item:t,$form:e,$grid:s},c=b&&0<b.length;let U=!1,F=!1;return!o&&n&&(i=n[x])&&i.length&&(F=!0,U=i.some(e=>e.required)),[l||c?"vxe-form--group":"","vxe-form--item",t.id,u?`vxe-form--item-col_${u} is--span`:"",C?_xeUtils.default.isFunction(C)?C(f):C:"",p?_xeUtils.default.isFunction(p)?p(f):p:"",{"is--colon":d,"is--tbg":v,"is--bold":I,"is--padding":_,"is--vertical":N,"is--asterisk":m,"hide--content":!1===q,"is--valid":F,"is--required":U,"is--hidden":g&&r,"is--active":(0,_util.isActiveItem)(e,t),"is--error":h}]},getItemContentClass=(exports.getItemClass=getItemClass,(e,t,l)=>{var i=e.props,r=e.xeGrid,{data:i,readonly:s,disabled:n,align:o,verticalAlign:a}=i,{field:u,itemRender:d,contentClassName:m,children:f}=t,d=(0,_utils.isEnableConf)(d)?_ui.renderer.get(d.name):null,d=d?d.formItemContentClassName||d.itemContentClassName:"",o=_xeUtils.default.eqNull(t.align)?o:t.align,a=_xeUtils.default.eqNull(t.verticalAlign)?a:t.verticalAlign,i={data:i,disabled:n,readonly:s,field:u,property:u,item:t,$form:e,$grid:r},n=f&&0<f.length;return[l||n?"vxe-form--group-content vxe-form--item-row":"","vxe-form--item-content",o?"align--"+o:"",a?"vertical-align--"+a:"",d?_xeUtils.default.isFunction(d)?d(i):d:"",m?_xeUtils.default.isFunction(m)?m(i):m:""]});function renderTitle(t,e,l){var i=t.props,r=t.xeGrid,{data:i,readonly:s,disabled:n,titleAlign:o,titleWidth:a,titleOverflow:u,vertical:d}=i;const{slots:m,title:f,field:c,itemRender:v,titleOverflow:_,vertical:g,showTitle:x,titleClassName:p,titleStyle:h,titlePrefix:C,titleSuffix:I,children:N,showContent:b}=e;var q=t.getComputeMaps()["computeTooltipOpts"],q=q.value,U=(0,_utils.isEnableConf)(v)?_ui.renderer.get(v.name):null,F=U?U.formItemTitleClassName||U.itemTitleClassName:"",O=U?U.formItemTitleStyle||U.itemTitleStyle:null,d=_xeUtils.default.eqNull(g)?d:g,o=_xeUtils.default.eqNull(e.titleAlign)?o:e.titleAlign,d=d?null:_xeUtils.default.eqNull(e.titleWidth)?a:e.titleWidth,a=_xeUtils.default.eqNull(_)?u:_,u="title"===a,T=!0===a||"tooltip"===a,a=u||T||"ellipsis"===a;const y={data:i,disabled:n,readonly:s,field:c,property:c,item:e,$form:t,$grid:r};var i=m?m.title:null,n=m?m.extra:null,s=!1!==x&&(f||i),r=N&&0<N.length,S=[],U=(C&&S.push(C.content||C.message?(0,_vue.h)(_tooltip.default,Object.assign(Object.assign(Object.assign({},q),C),{content:(0,_utils.getFuncText)(C.content||C.message)}),{default:()=>renderPrefixIcon(C)}):renderPrefixIcon(C)),U?U.renderFormItemTitle||U.renderItemTitle:null),i=(S.push((0,_vue.h)("span",{class:"vxe-form--item-title-label"},i?t.callSlot(i,y):U?(0,_vn.getSlotVNs)(U(v,y)):(0,_utils.getFuncText)(e.title))),[]),U=(I&&i.push(I.content||I.message?(0,_vue.h)(_tooltip.default,Object.assign(Object.assign(Object.assign({},q),I),{content:(0,_utils.getFuncText)(I.content||I.message)}),{default:()=>renderSuffixIcon(I)}):renderSuffixIcon(I)),T?{onMouseenter(e){t.triggerTitleTipEvent(e,y)},onMouseleave:t.handleTitleTipLeaveEvent}:{});return s?(0,_vue.h)("div",Object.assign({class:[l||r?"vxe-form--group-title":"","vxe-form--item-title",o?"align--"+o:"",a?"is--ellipsis":"",F?_xeUtils.default.isFunction(F)?F(y):F:"",p?_xeUtils.default.isFunction(p)?p(y):p:""],style:Object.assign({},_xeUtils.default.isFunction(O)?O(y):O,_xeUtils.default.isFunction(h)?h(y):h,d&&!1!==b?{width:(0,_dom.toCssUnit)(d)}:null),title:u?(0,_utils.getFuncText)(f):null},U),[(0,_vue.h)("div",{class:"vxe-form--item-title-content"},S),(0,_vue.h)("div",{class:"vxe-form--item-title-postfix"},i),n?(0,_vue.h)("div",{class:"vxe-form--item-title-extra"},t.callSlot(n,y)):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)()}exports.getItemContentClass=getItemContentClass;const renderItemContent=(e,l)=>{var i=e.props,t=e.reactData,r=e.internalData,s=e.xeGrid,{computeCollapseOpts:n,computeValidOpts:o}=e.getComputeMaps(),r=r["itemFormatCache"],{data:i,readonly:a,disabled:u}=i,t=t["collapseAll"],{slots:d,field:m,itemRender:f,collapseNode:c,errRule:v,formatter:_}=l,g=d?d.default:null,d=d?d.valid:null,n=n.value,o=o.value,x=(0,_utils.isEnableConf)(f)?_ui.renderer.get(f.name):null,p=_xeUtils.default.get(i,m),i={data:i,disabled:u,readonly:a,field:m,property:m,item:l,itemValue:p,$form:e,$grid:s};let h=[];var u=x?x.renderFormItemContent||x.renderItemContent:null;if(g)h=e.callSlot(g,i);else if(u)h=(0,_vn.getSlotVNs)(u(f,i));else if(m){let t=p;if(_){let e;if(m){a=r[m];if(a)if(e=a.formatData){if(e.value===p)return e.label}else e=a.formatData={};else r[m]={field:m}}t=_xeUtils.default.isString(_)?(s=(l=_ui.formats.get(_))?l.formItemFormatMethod:null)?s(i):"":_xeUtils.default.isArray(_)?(g=(x=_ui.formats.get(_[0]))?x.formItemFormatMethod:null)?g(i,..._.slice(1)):"":_(i),e&&(e.value=p,e.label=t)}h=[(0,_utils.eqEmptyValue)(t)?"":""+t]}return c&&h.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:e.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},t?n.unfoldButtonText||(0,_ui.getI18n)("vxe.form.unfolding"):n.foldButtonText||(0,_ui.getI18n)("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",t?n.foldIcon||(0,_ui.getIcon)().FORM_FOLDING:n.unfoldIcon||(0,_ui.getIcon)().FORM_UNFOLDING]})])),v&&o.showMessage&&(u=Object.assign(Object.assign({},i),{rule:v}),h.push((0,_vue.h)("div",{class:"vxe-form-item--valid-error-tip",style:v.maxWidth?{width:(0,_dom.toCssUnit)(v.maxWidth)}:null},[(0,_vue.h)("div",{class:"vxe-form-item--valid-error-wrapper vxe-form-item--valid-error-theme-"+(o.theme||"normal")},[d?e.callSlot(d,u):[(0,_vue.h)("span",{class:"vxe-form--item--valid-error-msg"},v.content||v.message)]])]))),(0,_vue.h)("div",{class:"vxe-form--item-inner"},h)};exports.renderItemContent=renderItemContent;

package/lib/form/style/style.css

@@ -282,6 +282,7 @@
 .vxe-form--item.is--span .vxe-number-input,
 .vxe-form--item.is--span .vxe-password-input,
 .vxe-form--item.is--span .vxe-date-picker,
+.vxe-form--item.is--span .vxe-date-range-picker,
 .vxe-form--item.is--span .vxe-textarea,
 .vxe-form--item.is--span .vxe-select,
 .vxe-form--item.is--span .vxe-tree-select,
@@ -293,6 +294,7 @@
 .vxe-form--item.is--error .vxe-number-input,
 .vxe-form--item.is--error .vxe-password-input,
 .vxe-form--item.is--error .vxe-date-picker,
+.vxe-form--item.is--error .vxe-date-range-picker,
 .vxe-form--item.is--error .vxe-textarea > .vxe-textarea--inner,
 .vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box,
 .vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn > .vxe-button,
@@ -309,6 +311,7 @@
 .vxe-form--item.is--error .vxe-number-input:focus,
 .vxe-form--item.is--error .vxe-password-input:focus,
 .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-textarea > .vxe-textarea--inner:focus,
 .vxe-form--item.is--error .vxe-default-input[type=text]:focus,
 .vxe-form--item.is--error .vxe-default-input[type=search]:focus,