vxe-pc-ui 4.20.14 → 4.20.16

package/lib/drawer/src/drawer.js

@@ -16,6 +16,16 @@ var _button = _interopRequireDefault(require("../../button"));
 var _loading = _interopRequireDefault(require("../../loading"));
 var _scrollbar = _interopRequireDefault(require("../../scrollbar"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  getIcon,
+  getConfig,
+  getI18n,
+  useFns,
+  globalEvents,
+  GLOBAL_EVENT_KEYS,
+  createEvent,
+  renderEmptyElement
+} = _ui.VxeUI;
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeDrawer',
   props: {
@@ -29,49 +39,49 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     className: String,
     position: {
       type: [String, Object],
-      default: () => (0, _ui.getConfig)().drawer.position
+      default: () => getConfig().drawer.position
     },
     lockView: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.lockView
+      default: () => getConfig().drawer.lockView
     },
     lockScroll: Boolean,
     mask: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.mask
+      default: () => getConfig().drawer.mask
     },
     maskClosable: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.maskClosable
+      default: () => getConfig().drawer.maskClosable
     },
     escClosable: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.escClosable
+      default: () => getConfig().drawer.escClosable
     },
     cancelClosable: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.cancelClosable
+      default: () => getConfig().drawer.cancelClosable
     },
     confirmClosable: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.confirmClosable
+      default: () => getConfig().drawer.confirmClosable
     },
     showHeader: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.showHeader
+      default: () => getConfig().drawer.showHeader
     },
     showFooter: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.showFooter
+      default: () => getConfig().drawer.showFooter
     },
     showClose: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.showClose
+      default: () => getConfig().drawer.showClose
     },
     content: [Number, String],
     useHtml: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.useHtml
+      default: () => getConfig().drawer.useHtml
     },
     showCancelButton: {
       type: Boolean,
@@ -79,79 +89,79 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     },
     cancelButtonText: {
       type: String,
-      default: () => (0, _ui.getConfig)().drawer.cancelButtonText
+      default: () => getConfig().drawer.cancelButtonText
     },
     showConfirmButton: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.showConfirmButton
+      default: () => getConfig().drawer.showConfirmButton
     },
     confirmButtonText: {
       type: String,
-      default: () => (0, _ui.getConfig)().drawer.confirmButtonText
+      default: () => getConfig().drawer.confirmButtonText
     },
     destroyOnClose: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.destroyOnClose
+      default: () => getConfig().drawer.destroyOnClose
     },
     showTitleOverflow: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.showTitleOverflow
+      default: () => getConfig().drawer.showTitleOverflow
     },
     preload: Boolean,
     width: {
       type: [Number, String],
-      default: () => (0, _ui.getConfig)().drawer.width
+      default: () => getConfig().drawer.width
     },
     height: {
       type: [Number, String],
-      default: () => (0, _ui.getConfig)().drawer.height
+      default: () => getConfig().drawer.height
     },
     minWidth: {
       type: [Number, String],
-      default: () => (0, _ui.getConfig)().drawer.minWidth
+      default: () => getConfig().drawer.minWidth
     },
     minHeight: {
       type: [Number, String],
-      default: () => (0, _ui.getConfig)().drawer.minHeight
+      default: () => getConfig().drawer.minHeight
     },
     resize: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.resize
+      default: () => getConfig().drawer.resize
     },
     border: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.border
+      default: () => getConfig().drawer.border
     },
     showTitleBackground: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.showTitleBackground
+      default: () => getConfig().drawer.showTitleBackground
     },
     zIndex: Number,
     transfer: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.transfer
+      default: () => getConfig().drawer.transfer
     },
     appendTo: {
       type: [String, Function],
-      default: () => (0, _ui.getConfig)().drawer.appendTo
+      default: () => getConfig().drawer.appendTo
     },
     isWithinAppendTo: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.isWithinAppendTo
+      default: () => getConfig().drawer.isWithinAppendTo
     },
     padding: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().drawer.padding
+      default: () => getConfig().drawer.padding
     },
     size: {
       type: String,
-      default: () => (0, _ui.getConfig)().drawer.size || (0, _ui.getConfig)().size
+      default: () => getConfig().drawer.size || getConfig().size
     },
     beforeHideMethod: Function,
     slots: Object,
     useScrollbar: {
       type: Boolean,
-      default: () => (0, _utils.getDefaultConfig)((0, _ui.getConfig)().drawer.useScrollbar, (0, _ui.getConfig)().useScrollbar)
+      default: () => (0, _utils.getDefaultConfig)(getConfig().drawer.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object
   },
@@ -168,10 +178,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const {
       computeSize
-    } = _ui.useFns.useSize(props);
+    } = useFns.useSize(props);
     const {
       computeIsVScrollbar
-    } = _ui.useFns.useVScrollbar(props);
+    } = useFns.useVScrollbar(props);
     const refElem = (0, _vue.ref)();
     const refDrawerBox = (0, _vue.ref)();
     const refConfirmBtn = (0, _vue.ref)();
@@ -184,7 +194,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       resizeFlag: 1
     });
     const defaultFuncProps = {
-      beforeHideMethod: (0, _ui.getConfig)().drawer.beforeHideMethod
+      beforeHideMethod: getConfig().drawer.beforeHideMethod
     };
     const refMaps = {
       refElem
@@ -194,7 +204,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         transfer
       } = props;
       if (transfer === null) {
-        const globalTransfer = (0, _ui.getConfig)().modal.transfer;
+        const globalTransfer = getConfig().modal.transfer;
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
@@ -216,7 +226,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       return 'wl';
     });
     const computeScrollbarOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, (0, _ui.getConfig)().modal.scrollbarConfig, props.scrollbarConfig);
+      return Object.assign({}, getConfig().modal.scrollbarConfig, props.scrollbarConfig);
     });
     const computeScrollbarProps = (0, _vue.computed)(() => {
       const scrollbarOpts = computeScrollbarOpts.value;
@@ -399,7 +409,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       return (0, _vue.nextTick)();
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, _ui.createEvent)(evnt, {
+      emit(type, createEvent(evnt, {
         $drawer: $xeDrawer
       }, params));
     };
@@ -419,7 +429,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
     };
     const handleGlobalKeydownEvent = evnt => {
-      const isEsc = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ESCAPE);
+      const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
       if (isEsc) {
         const lastDrawer = _xeUtils.default.max(_store.allActiveDrawers, item => item.reactData.drawerZIndex);
         // 多个时，只关掉最上层的窗口
@@ -545,19 +555,19 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         class: 'vxe-drawer--header-title'
       }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({
         $drawer: $xeDrawer
-      })) : title ? (0, _utils.getFuncText)(title) : (0, _ui.getI18n)('vxe.alert.title')), (0, _vue.h)('div', {
+      })) : title ? (0, _utils.getFuncText)(title) : getI18n('vxe.alert.title')), (0, _vue.h)('div', {
         class: 'vxe-drawer--header-right'
       }, [cornerSlot ? (0, _vue.h)('div', {
         class: 'vxe-drawer--corner-wrapper'
       }, (0, _vn.getSlotVNs)(cornerSlot({
         $drawer: $xeDrawer
-      }))) : (0, _ui.renderEmptyElement)($xeDrawer), showClose ? (0, _vue.h)('div', {
+      }))) : renderEmptyElement($xeDrawer), showClose ? (0, _vue.h)('div', {
         class: ['vxe-drawer--close-btn', 'trigger--btn'],
-        title: (0, _ui.getI18n)('vxe.drawer.close'),
+        title: getI18n('vxe.drawer.close'),
         onClick: closeEvent
       }, [(0, _vue.h)('i', {
-        class: (0, _ui.getIcon)().DRAWER_CLOSE
-      })]) : (0, _ui.renderEmptyElement)($xeDrawer)])];
+        class: getIcon().DRAWER_CLOSE
+      })]) : renderEmptyElement($xeDrawer)])];
     };
     const renderHeader = () => {
       const {
@@ -574,7 +584,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           $drawer: $xeDrawer
         })) : renderTitles());
       }
-      return (0, _ui.renderEmptyElement)($xeDrawer);
+      return renderEmptyElement($xeDrawer);
     };
     const renderBody = () => {
       const {
@@ -625,13 +635,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         class: 'vxe-drawer--body-left'
       }, (0, _vn.getSlotVNs)(leftSlot({
         $drawer: $xeDrawer
-      }))) : (0, _ui.renderEmptyElement)($xeDrawer), (0, _vue.h)('div', {
+      }))) : renderEmptyElement($xeDrawer), (0, _vue.h)('div', {
         class: 'vxe-drawer--body-default'
       }, contVNs), rightSlot ? (0, _vue.h)('div', {
         class: 'vxe-drawer--body-right'
       }, (0, _vn.getSlotVNs)(rightSlot({
         $drawer: $xeDrawer
-      }))) : (0, _ui.renderEmptyElement)($xeDrawer), (0, _vue.h)(_loading.default, {
+      }))) : renderEmptyElement($xeDrawer), (0, _vue.h)(_loading.default, {
         class: 'vxe-drawer--loading',
         modelValue: props.loading
       })]);
@@ -650,7 +660,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         btnVNs.push((0, _vue.h)(_button.default, {
           key: 1,
           ref: refCancelBtn,
-          content: props.cancelButtonText || (0, _ui.getI18n)('vxe.button.cancel'),
+          content: props.cancelButtonText || getI18n('vxe.button.cancel'),
           onClick: cancelEvent
         }));
       }
@@ -660,7 +670,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           ref: refConfirmBtn,
           loading: loading,
           status: 'primary',
-          content: props.confirmButtonText || (0, _ui.getI18n)('vxe.button.confirm'),
+          content: props.confirmButtonText || getI18n('vxe.button.confirm'),
           onClick: confirmEvent
         }));
       }
@@ -688,7 +698,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           $drawer: $xeDrawer
         })) : [renderDefaultFooter()]);
       }
-      return (0, _ui.renderEmptyElement)($xeDrawer);
+      return renderEmptyElement($xeDrawer);
     };
     const renderVN = () => {
       const {
@@ -746,7 +756,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         class: 'vxe-drawer--aside'
       }, (0, _vn.getSlotVNs)(asideSlot({
         $drawer: $xeDrawer
-      }))) : (0, _ui.renderEmptyElement)($xeDrawer), (0, _vue.h)('div', {
+      }))) : renderEmptyElement($xeDrawer), (0, _vue.h)('div', {
         class: 'vxe-drawer--container'
       }, !reactData.initialized || destroyOnClose && !reactData.visible ? [] : [renderHeader(), renderBody(), renderFooter(), resize ? (0, _vue.h)('span', {
         class: 'vxe-drawer--resize'
@@ -754,7 +764,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         class: `${dragType}-resize`,
         type: dragType,
         onMousedown: dragEvent
-      })]) : (0, _ui.renderEmptyElement)($xeDrawer)])])])]);
+      })]) : renderEmptyElement($xeDrawer)])])])]);
     };
     const reFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.width, () => {
@@ -783,11 +793,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         recalculate();
       });
       if (props.escClosable) {
-        _ui.globalEvents.on($xeDrawer, 'keydown', handleGlobalKeydownEvent);
+        globalEvents.on($xeDrawer, 'keydown', handleGlobalKeydownEvent);
       }
     });
     (0, _vue.onUnmounted)(() => {
-      _ui.globalEvents.off($xeDrawer, 'keydown');
+      globalEvents.off($xeDrawer, 'keydown');
       removeActiveQueue();
     });
     (0, _vue.provide)('$xeDrawer', $xeDrawer);

package/lib/drawer/src/drawer.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_store=require("./store"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDrawer",props:{modelValue:Boolean,id:String,title:String,loading:{type:Boolean,default:null},className:String,position:{type:[String,Object],default:()=>(0,_ui.getConfig)().drawer.position},lockView:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.lockView},lockScroll:Boolean,mask:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.mask},maskClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.maskClosable},escClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.escClosable},cancelClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.cancelClosable},confirmClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.confirmClosable},showHeader:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.showHeader},showFooter:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.showFooter},showClose:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.showClose},content:[Number,String],useHtml:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.useHtml},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:()=>(0,_ui.getConfig)().drawer.cancelButtonText},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.showConfirmButton},confirmButtonText:{type:String,default:()=>(0,_ui.getConfig)().drawer.confirmButtonText},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.destroyOnClose},showTitleOverflow:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.showTitleOverflow},preload:Boolean,width:{type:[Number,String],default:()=>(0,_ui.getConfig)().drawer.width},height:{type:[Number,String],default:()=>(0,_ui.getConfig)().drawer.height},minWidth:{type:[Number,String],default:()=>(0,_ui.getConfig)().drawer.minWidth},minHeight:{type:[Number,String],default:()=>(0,_ui.getConfig)().drawer.minHeight},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.resize},border:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.border},showTitleBackground:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.showTitleBackground},zIndex:Number,transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.transfer},appendTo:{type:[String,Function],default:()=>(0,_ui.getConfig)().drawer.appendTo},isWithinAppendTo:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.isWithinAppendTo},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().drawer.padding},size:{type:String,default:()=>(0,_ui.getConfig)().drawer.size||(0,_ui.getConfig)().size},beforeHideMethod:Function,slots:Object,useScrollbar:{type:Boolean,default:()=>(0,_utils.getDefaultConfig)((0,_ui.getConfig)().drawer.useScrollbar,(0,_ui.getConfig)().useScrollbar)},scrollbarConfig:Object},emits:["update:modelValue","show","hide","before-hide","close","confirm","cancel","resize"],setup(b,e){let{slots:x,emit:l}=e;var t=_xeUtils.default.uniqueId();let r=(0,_vue.inject)("$xeModal",null),i=(0,_vue.inject)("$xeDrawer",null),o=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),C=_ui.useFns.useSize(b).computeSize,y=_ui.useFns.useVScrollbar(b).computeIsVScrollbar,B=(0,_vue.ref)(),T=(0,_vue.ref)(),n=(0,_vue.ref)(),s=(0,_vue.ref)(),k=(0,_vue.reactive)({initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1}),u={beforeHideMethod:(0,_ui.getConfig)().drawer.beforeHideMethod},d={refElem:B},S=(0,_vue.computed)(()=>{var e=b.transfer;if(null===e){var t=(0,_ui.getConfig)().modal.transfer;if(_xeUtils.default.isBoolean(t))return t;if(o||r||i||a)return!0}return e}),N=(0,_vue.computed)(()=>{switch(b.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"}),c=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().modal.scrollbarConfig,b.scrollbarConfig)),V=(0,_vue.computed)(()=>{var e=c.value,{viewClassName:t,viewInnerClassName:r}=e;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-drawer--scrollbar-content-view"+(t?" "+t:""),viewInnerClassName:"vxe-drawer--scrollbar-content-inner"+(t?" "+r:"")}}),v={},E={xID:t,props:b,context:e,reactData:k,getRefMaps:()=>d,getComputeMaps:()=>v},z=()=>T.value,f=()=>{var{position:e,width:t,height:r}=b,i=z();return i&&(i.style.height=(e="top"===e||"bottom"===e)?(0,_dom.toCssUnit)(r):"",i.style.width=e?"":(0,_dom.toCssUnit)(t)),(0,_vue.nextTick)()},_=()=>{var e=b.zIndex,t=k.drawerZIndex;e?k.drawerZIndex=e:t<(0,_utils.getLastZIndex)()&&(k.drawerZIndex=(0,_utils.nextZIndex)())},g=()=>{-1<_store.allActiveDrawers.indexOf(E)&&_xeUtils.default.remove(_store.allActiveDrawers,e=>e===E)},w=e=>{var t=k.visible,r=b.beforeHideMethod||u.beforeHideMethod;let i={type:e};return t&&Promise.resolve(r?r(i):null).then(e=>{_xeUtils.default.isError(e)||((e=B.value)&&e.setAttribute("data-effect","y"),k.contentVisible=!1,g(),D("before-hide",i,null),setTimeout(()=>{k.visible=!1,l("update:modelValue",!1),D("hide",i,null)},200),setTimeout(()=>{var e=B.value;e&&e.removeAttribute("data-effect")},350))}).catch(e=>e),(0,_vue.nextTick)()},p=e=>{var t="close";D(t,{type:t},e),w(t)},h=e=>{var t=b.confirmClosable,r="confirm";D(r,{type:r},e),t&&w(r)},m=e=>{var t=b.cancelClosable,r="cancel";D(r,{type:r},e),t&&w(r)},I=()=>{let r=b.showFooter;var{initialized:e,visible:t}=k;return e||(k.initialized=!0),t||(k.visible=!0,k.contentVisible=!1,_(),_store.allActiveDrawers.push(E),(0,_vue.nextTick)(()=>{var e=B.value;e&&e.setAttribute("data-effect","y")}),setTimeout(()=>{f(),k.contentVisible=!0,(0,_vue.nextTick)(()=>{r&&(e=n.value,t=s.value,e=e||t)&&e.focus();var e,t={type:""};l("update:modelValue",!0),D("show",t,null)})},10),setTimeout(()=>{var e=B.value;e&&e.removeAttribute("data-effect")},350)),(0,_vue.nextTick)()},D=(e,t,r)=>{l(e,(0,_ui.createEvent)(r,{$drawer:E},t))};t={dispatchEvent:D,open:I,close(){return w("close")},getBox:z};let $=e=>{var t=B.value;b.maskClosable&&e.target===t&&w("mask")},A=t=>{if(_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE)){let e=_xeUtils.default.max(_store.allActiveDrawers,e=>e.reactData.drawerZIndex);e&&setTimeout(()=>{e===E&&e.props.escClosable&&(D("close",{type:"exit"},t),w("exit"))},10)}},q=()=>{let t=k.drawerZIndex;_store.allActiveDrawers.some(e=>e.reactData.visible&&e.reactData.drawerZIndex>t)&&_()},F=e=>{e.preventDefault();var{resize:t,isWithinAppendTo:r}=b,i=B.value,i=(0,_dom.getPopupWrapperElement)(r?i:document.body);if(i){let o=i.clientWidth-(t&&r?8:0),a=i.clientHeight-(t&&r?8:0);let n=e.target.getAttribute("type"),s=_xeUtils.default.toNumber(b.minWidth),u=_xeUtils.default.toNumber(b.minHeight),d=o,c=a,v=z(),f=v.clientWidth,_=v.clientHeight,g=e.clientX,w=e.clientY,p=v.offsetTop,h=v.offsetLeft,m={type:"resize"};document.onmousemove=e=>{e.preventDefault();let t,r,i,l;switch(n){case"wl":t=g-e.clientX,i=t+f,0<h-t&&i>s&&(v.style.width=`${i<d?i:d}px`);break;case"st":r=w-e.clientY,l=_+r,0<p-r&&l>u&&(v.style.height=`${l<c?l:c}px`);break;case"wr":t=e.clientX-g,i=t+f,h+i+0<o&&i>s&&(v.style.width=`${i<d?i:d}px`);break;case"sb":r=e.clientY-w,l=r+_,p+l+0<a&&l>u&&(v.style.height=`${l<c?l:c}px`)}v.className=v.className.replace(/\s?is--drag/,"")+" is--drag",D("resize",m,e),k.resizeFlag++},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,k.resizeFlag++,setTimeout(()=>{v.className=v.className.replace(/\s?is--drag/,"")},50)}}};Object.assign(E,t,{});let O=()=>{var{slots:e={},showClose:t,title:r}=b,i=x.title||e.title,e=x.corner||e.corner;return[(0,_vue.h)("div",{class:"vxe-drawer--header-title"},i?(0,_vn.getSlotVNs)(i({$drawer:E})):r?(0,_utils.getFuncText)(r):(0,_ui.getI18n)("vxe.alert.title")),(0,_vue.h)("div",{class:"vxe-drawer--header-right"},[e?(0,_vue.h)("div",{class:"vxe-drawer--corner-wrapper"},(0,_vn.getSlotVNs)(e({$drawer:E}))):(0,_ui.renderEmptyElement)(E),t?(0,_vue.h)("div",{class:["vxe-drawer--close-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.drawer.close"),onClick:p},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().DRAWER_CLOSE})]):(0,_ui.renderEmptyElement)(E)])]},M=()=>{var{slots:e={},showCancelButton:t,showConfirmButton:r,loading:i}=b,l=x.leftfoot||e.leftfoot,e=x.rightfoot||e.rightfoot,o=[];return t&&o.push((0,_vue.h)(_button.default,{key:1,ref:s,content:b.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel"),onClick:m})),r&&o.push((0,_vue.h)(_button.default,{key:2,ref:n,loading:i,status:"primary",content:b.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm"),onClick:h})),(0,_vue.h)("div",{class:"vxe-drawer--footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-drawer--footer-left"},l?(0,_vn.getSlotVNs)(l({$drawer:E})):[]),(0,_vue.h)("div",{class:"vxe-drawer--footer-right"},e?(0,_vn.getSlotVNs)(e({$drawer:E})):o)])};let H=(0,_vue.ref)(0);return(0,_vue.watch)(()=>b.width,()=>{H.value++}),(0,_vue.watch)(()=>b.height,()=>{H.value++}),(0,_vue.watch)(()=>b.position,()=>{H.value++}),(0,_vue.watch)(H,f),(0,_vue.watch)(()=>b.modelValue,e=>{e?I():w("model")}),(0,_vue.onMounted)(()=>{k.initialized=!!b.preload,(0,_vue.nextTick)(()=>{b.modelValue&&I(),f()}),b.escClosable&&_ui.globalEvents.on(E,"keydown",A)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(E,"keydown"),g()}),(0,_vue.provide)("$xeDrawer",E),E.renderVN=()=>{var{border:e,showTitleBackground:t,slots:r={},className:i,position:l,loading:o,lockScroll:a,padding:n,lockView:s,mask:u,resize:d,appendTo:c,destroyOnClose:v,isWithinAppendTo:f}=b,{initialized:_,contentVisible:g,visible:w}=k,r=x.aside||r.aside,p=C.value,h=N.value,m=S.value;return(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(c),disabled:!m||!_},[(0,_vue.h)("div",{ref:B,class:["vxe-drawer--wrapper","pos--"+l,f?"ctx--within":"ctx--free",i||"",{["size--"+p]:p,"is--padding":n,"is--border":e,"is--title-bg":t,"lock--scroll":a,"lock--view":s,"is--resize":d,"is--mask":u,"is--visible":g,"is--active":w,"is--loading":o}],style:{zIndex:k.drawerZIndex},onClick:$},[(0,_vue.h)("div",{ref:T,class:"vxe-drawer--box",onMousedown:q},[r?(0,_vue.h)("div",{class:"vxe-drawer--aside"},(0,_vn.getSlotVNs)(r({$drawer:E}))):(0,_ui.renderEmptyElement)(E),(0,_vue.h)("div",{class:"vxe-drawer--container"},!k.initialized||v&&!k.visible?[]:[(()=>{var{slots:e={},showTitleOverflow:t}=b,e=x.header||e.header;return b.showHeader?(0,_vue.h)("div",{class:["vxe-drawer--header",{"is--ellipsis":t}]},e?(0,_vn.getSlotVNs)(e({$drawer:E})):O()):(0,_ui.renderEmptyElement)(E)})(),(()=>{let{slots:e={},content:t,useHtml:r}=b;var i=y.value,l=V.value;let o=x.default||e.default;var a=x.left||e.left,n=x.right||e.right,s=[];return r&&!o?s.push(i?(0,_vue.h)(_scrollbar.default,Object.assign({key:"shc",class:"vxe-drawer--scrollbar-content"},l),{default(){return[(0,_vue.h)("div",{class:"vxe-drawer--scrollbar-content-html",innerHTML:(0,_utils.getFuncText)(t)})]}}):(0,_vue.h)("div",{key:"hc",class:"vxe-drawer--content",innerHTML:(0,_utils.getFuncText)(t)})):s.push(i?(0,_vue.h)(_scrollbar.default,Object.assign({key:"sdc",class:"vxe-drawer--scrollbar-content"},l),{default:()=>o?(0,_vn.getSlotVNs)(o({$drawer:E})):(0,_utils.getFuncText)(t)}):(0,_vue.h)("div",{key:"dc",class:"vxe-drawer--content"},o?(0,_vn.getSlotVNs)(o({$drawer:E})):(0,_utils.getFuncText)(t))),(0,_vue.h)("div",{class:"vxe-drawer--body"},[a?(0,_vue.h)("div",{class:"vxe-drawer--body-left"},(0,_vn.getSlotVNs)(a({$drawer:E}))):(0,_ui.renderEmptyElement)(E),(0,_vue.h)("div",{class:"vxe-drawer--body-default"},s),n?(0,_vue.h)("div",{class:"vxe-drawer--body-right"},(0,_vn.getSlotVNs)(n({$drawer:E}))):(0,_ui.renderEmptyElement)(E),(0,_vue.h)(_loading.default,{class:"vxe-drawer--loading",modelValue:b.loading})])})(),(()=>{var{slots:e={}}=b,e=x.footer||e.footer;return b.showFooter?(0,_vue.h)("div",{class:"vxe-drawer--footer"},e?(0,_vn.getSlotVNs)(e({$drawer:E})):[M()]):(0,_ui.renderEmptyElement)(E)})(),d?(0,_vue.h)("span",{class:"vxe-drawer--resize"},[(0,_vue.h)("span",{class:h+"-resize",type:h,onMousedown:F})]):(0,_ui.renderEmptyElement)(E)])])])])},E},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_store=require("./store"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getIcon,getConfig,getI18n,useFns,globalEvents,GLOBAL_EVENT_KEYS,createEvent,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDrawer",props:{modelValue:Boolean,id:String,title:String,loading:{type:Boolean,default:null},className:String,position:{type:[String,Object],default:()=>getConfig().drawer.position},lockView:{type:Boolean,default:()=>getConfig().drawer.lockView},lockScroll:Boolean,mask:{type:Boolean,default:()=>getConfig().drawer.mask},maskClosable:{type:Boolean,default:()=>getConfig().drawer.maskClosable},escClosable:{type:Boolean,default:()=>getConfig().drawer.escClosable},cancelClosable:{type:Boolean,default:()=>getConfig().drawer.cancelClosable},confirmClosable:{type:Boolean,default:()=>getConfig().drawer.confirmClosable},showHeader:{type:Boolean,default:()=>getConfig().drawer.showHeader},showFooter:{type:Boolean,default:()=>getConfig().drawer.showFooter},showClose:{type:Boolean,default:()=>getConfig().drawer.showClose},content:[Number,String],useHtml:{type:Boolean,default:()=>getConfig().drawer.useHtml},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:()=>getConfig().drawer.cancelButtonText},showConfirmButton:{type:Boolean,default:()=>getConfig().drawer.showConfirmButton},confirmButtonText:{type:String,default:()=>getConfig().drawer.confirmButtonText},destroyOnClose:{type:Boolean,default:()=>getConfig().drawer.destroyOnClose},showTitleOverflow:{type:Boolean,default:()=>getConfig().drawer.showTitleOverflow},preload:Boolean,width:{type:[Number,String],default:()=>getConfig().drawer.width},height:{type:[Number,String],default:()=>getConfig().drawer.height},minWidth:{type:[Number,String],default:()=>getConfig().drawer.minWidth},minHeight:{type:[Number,String],default:()=>getConfig().drawer.minHeight},resize:{type:Boolean,default:()=>getConfig().drawer.resize},border:{type:Boolean,default:()=>getConfig().drawer.border},showTitleBackground:{type:Boolean,default:()=>getConfig().drawer.showTitleBackground},zIndex:Number,transfer:{type:Boolean,default:()=>getConfig().drawer.transfer},appendTo:{type:[String,Function],default:()=>getConfig().drawer.appendTo},isWithinAppendTo:{type:Boolean,default:()=>getConfig().drawer.isWithinAppendTo},padding:{type:Boolean,default:()=>getConfig().drawer.padding},size:{type:String,default:()=>getConfig().drawer.size||getConfig().size},beforeHideMethod:Function,slots:Object,useScrollbar:{type:Boolean,default:()=>(0,_utils.getDefaultConfig)(getConfig().drawer.useScrollbar,getConfig().useScrollbar)},scrollbarConfig:Object},emits:["update:modelValue","show","hide","before-hide","close","confirm","cancel","resize"],setup(b,e){let{slots:x,emit:o}=e;var t=_xeUtils.default.uniqueId();let r=(0,_vue.inject)("$xeModal",null),l=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),i=(0,_vue.inject)("$xeForm",null),C=useFns.useSize(b).computeSize,y=useFns.useVScrollbar(b).computeIsVScrollbar,B=(0,_vue.ref)(),T=(0,_vue.ref)(),n=(0,_vue.ref)(),s=(0,_vue.ref)(),k=(0,_vue.reactive)({initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1}),d={beforeHideMethod:getConfig().drawer.beforeHideMethod},u={refElem:B},E=(0,_vue.computed)(()=>{var e=b.transfer;if(null===e){var t=getConfig().modal.transfer;if(_xeUtils.default.isBoolean(t))return t;if(a||r||l||i)return!0}return e}),S=(0,_vue.computed)(()=>{switch(b.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"}),c=(0,_vue.computed)(()=>Object.assign({},getConfig().modal.scrollbarConfig,b.scrollbarConfig)),N=(0,_vue.computed)(()=>{var e=c.value,{viewClassName:t,viewInnerClassName:r}=e;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-drawer--scrollbar-content-view"+(t?" "+t:""),viewInnerClassName:"vxe-drawer--scrollbar-content-inner"+(t?" "+r:"")}}),v={},V={xID:t,props:b,context:e,reactData:k,getRefMaps:()=>u,getComputeMaps:()=>v},z=()=>T.value,f=()=>{var{position:e,width:t,height:r}=b,l=z();return l&&(l.style.height=(e="top"===e||"bottom"===e)?(0,_dom.toCssUnit)(r):"",l.style.width=e?"":(0,_dom.toCssUnit)(t)),(0,_vue.nextTick)()},g=()=>{var e=b.zIndex,t=k.drawerZIndex;e?k.drawerZIndex=e:t<(0,_utils.getLastZIndex)()&&(k.drawerZIndex=(0,_utils.nextZIndex)())},w=()=>{-1<_store.allActiveDrawers.indexOf(V)&&_xeUtils.default.remove(_store.allActiveDrawers,e=>e===V)},p=e=>{var t=k.visible,r=b.beforeHideMethod||d.beforeHideMethod;let l={type:e};return t&&Promise.resolve(r?r(l):null).then(e=>{_xeUtils.default.isError(e)||((e=B.value)&&e.setAttribute("data-effect","y"),k.contentVisible=!1,w(),D("before-hide",l,null),setTimeout(()=>{k.visible=!1,o("update:modelValue",!1),D("hide",l,null)},200),setTimeout(()=>{var e=B.value;e&&e.removeAttribute("data-effect")},350))}).catch(e=>e),(0,_vue.nextTick)()},h=e=>{var t="close";D(t,{type:t},e),p(t)},m=e=>{var t=b.confirmClosable,r="confirm";D(r,{type:r},e),t&&p(r)},_=e=>{var t=b.cancelClosable,r="cancel";D(r,{type:r},e),t&&p(r)},I=()=>{let r=b.showFooter;var{initialized:e,visible:t}=k;return e||(k.initialized=!0),t||(k.visible=!0,k.contentVisible=!1,g(),_store.allActiveDrawers.push(V),(0,_vue.nextTick)(()=>{var e=B.value;e&&e.setAttribute("data-effect","y")}),setTimeout(()=>{f(),k.contentVisible=!0,(0,_vue.nextTick)(()=>{r&&(e=n.value,t=s.value,e=e||t)&&e.focus();var e,t={type:""};o("update:modelValue",!0),D("show",t,null)})},10),setTimeout(()=>{var e=B.value;e&&e.removeAttribute("data-effect")},350)),(0,_vue.nextTick)()},D=(e,t,r)=>{o(e,createEvent(r,{$drawer:V},t))};t={dispatchEvent:D,open:I,close(){return p("close")},getBox:z};let $=e=>{var t=B.value;b.maskClosable&&e.target===t&&p("mask")},H=t=>{if(globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ESCAPE)){let e=_xeUtils.default.max(_store.allActiveDrawers,e=>e.reactData.drawerZIndex);e&&setTimeout(()=>{e===V&&e.props.escClosable&&(D("close",{type:"exit"},t),p("exit"))},10)}},F=()=>{let t=k.drawerZIndex;_store.allActiveDrawers.some(e=>e.reactData.visible&&e.reactData.drawerZIndex>t)&&g()},O=e=>{e.preventDefault();var{resize:t,isWithinAppendTo:r}=b,l=B.value,l=(0,_dom.getPopupWrapperElement)(r?l:document.body);if(l){let a=l.clientWidth-(t&&r?8:0),i=l.clientHeight-(t&&r?8:0);let n=e.target.getAttribute("type"),s=_xeUtils.default.toNumber(b.minWidth),d=_xeUtils.default.toNumber(b.minHeight),u=a,c=i,v=z(),f=v.clientWidth,g=v.clientHeight,w=e.clientX,p=e.clientY,h=v.offsetTop,m=v.offsetLeft,_={type:"resize"};document.onmousemove=e=>{e.preventDefault();let t,r,l,o;switch(n){case"wl":t=w-e.clientX,l=t+f,0<m-t&&l>s&&(v.style.width=`${l<u?l:u}px`);break;case"st":r=p-e.clientY,o=g+r,0<h-r&&o>d&&(v.style.height=`${o<c?o:c}px`);break;case"wr":t=e.clientX-w,l=t+f,m+l+0<a&&l>s&&(v.style.width=`${l<u?l:u}px`);break;case"sb":r=e.clientY-p,o=r+g,h+o+0<i&&o>d&&(v.style.height=`${o<c?o:c}px`)}v.className=v.className.replace(/\s?is--drag/,"")+" is--drag",D("resize",_,e),k.resizeFlag++},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,k.resizeFlag++,setTimeout(()=>{v.className=v.className.replace(/\s?is--drag/,"")},50)}}};Object.assign(V,t,{});let q=()=>{var{slots:e={},showClose:t,title:r}=b,l=x.title||e.title,e=x.corner||e.corner;return[(0,_vue.h)("div",{class:"vxe-drawer--header-title"},l?(0,_vn.getSlotVNs)(l({$drawer:V})):r?(0,_utils.getFuncText)(r):getI18n("vxe.alert.title")),(0,_vue.h)("div",{class:"vxe-drawer--header-right"},[e?(0,_vue.h)("div",{class:"vxe-drawer--corner-wrapper"},(0,_vn.getSlotVNs)(e({$drawer:V}))):renderEmptyElement(V),t?(0,_vue.h)("div",{class:["vxe-drawer--close-btn","trigger--btn"],title:getI18n("vxe.drawer.close"),onClick:h},[(0,_vue.h)("i",{class:getIcon().DRAWER_CLOSE})]):renderEmptyElement(V)])]},M=()=>{var{slots:e={},showCancelButton:t,showConfirmButton:r,loading:l}=b,o=x.leftfoot||e.leftfoot,e=x.rightfoot||e.rightfoot,a=[];return t&&a.push((0,_vue.h)(_button.default,{key:1,ref:s,content:b.cancelButtonText||getI18n("vxe.button.cancel"),onClick:_})),r&&a.push((0,_vue.h)(_button.default,{key:2,ref:n,loading:l,status:"primary",content:b.confirmButtonText||getI18n("vxe.button.confirm"),onClick:m})),(0,_vue.h)("div",{class:"vxe-drawer--footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-drawer--footer-left"},o?(0,_vn.getSlotVNs)(o({$drawer:V})):[]),(0,_vue.h)("div",{class:"vxe-drawer--footer-right"},e?(0,_vn.getSlotVNs)(e({$drawer:V})):a)])};let A=(0,_vue.ref)(0);return(0,_vue.watch)(()=>b.width,()=>{A.value++}),(0,_vue.watch)(()=>b.height,()=>{A.value++}),(0,_vue.watch)(()=>b.position,()=>{A.value++}),(0,_vue.watch)(A,f),(0,_vue.watch)(()=>b.modelValue,e=>{e?I():p("model")}),(0,_vue.onMounted)(()=>{k.initialized=!!b.preload,(0,_vue.nextTick)(()=>{b.modelValue&&I(),f()}),b.escClosable&&globalEvents.on(V,"keydown",H)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(V,"keydown"),w()}),(0,_vue.provide)("$xeDrawer",V),V.renderVN=()=>{var{border:e,showTitleBackground:t,slots:r={},className:l,position:o,loading:a,lockScroll:i,padding:n,lockView:s,mask:d,resize:u,appendTo:c,destroyOnClose:v,isWithinAppendTo:f}=b,{initialized:g,contentVisible:w,visible:p}=k,r=x.aside||r.aside,h=C.value,m=S.value,_=E.value;return(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(c),disabled:!_||!g},[(0,_vue.h)("div",{ref:B,class:["vxe-drawer--wrapper","pos--"+o,f?"ctx--within":"ctx--free",l||"",{["size--"+h]:h,"is--padding":n,"is--border":e,"is--title-bg":t,"lock--scroll":i,"lock--view":s,"is--resize":u,"is--mask":d,"is--visible":w,"is--active":p,"is--loading":a}],style:{zIndex:k.drawerZIndex},onClick:$},[(0,_vue.h)("div",{ref:T,class:"vxe-drawer--box",onMousedown:F},[r?(0,_vue.h)("div",{class:"vxe-drawer--aside"},(0,_vn.getSlotVNs)(r({$drawer:V}))):renderEmptyElement(V),(0,_vue.h)("div",{class:"vxe-drawer--container"},!k.initialized||v&&!k.visible?[]:[(()=>{var{slots:e={},showTitleOverflow:t}=b,e=x.header||e.header;return b.showHeader?(0,_vue.h)("div",{class:["vxe-drawer--header",{"is--ellipsis":t}]},e?(0,_vn.getSlotVNs)(e({$drawer:V})):q()):renderEmptyElement(V)})(),(()=>{let{slots:e={},content:t,useHtml:r}=b;var l=y.value,o=N.value;let a=x.default||e.default;var i=x.left||e.left,n=x.right||e.right,s=[];return r&&!a?s.push(l?(0,_vue.h)(_scrollbar.default,Object.assign({key:"shc",class:"vxe-drawer--scrollbar-content"},o),{default(){return[(0,_vue.h)("div",{class:"vxe-drawer--scrollbar-content-html",innerHTML:(0,_utils.getFuncText)(t)})]}}):(0,_vue.h)("div",{key:"hc",class:"vxe-drawer--content",innerHTML:(0,_utils.getFuncText)(t)})):s.push(l?(0,_vue.h)(_scrollbar.default,Object.assign({key:"sdc",class:"vxe-drawer--scrollbar-content"},o),{default:()=>a?(0,_vn.getSlotVNs)(a({$drawer:V})):(0,_utils.getFuncText)(t)}):(0,_vue.h)("div",{key:"dc",class:"vxe-drawer--content"},a?(0,_vn.getSlotVNs)(a({$drawer:V})):(0,_utils.getFuncText)(t))),(0,_vue.h)("div",{class:"vxe-drawer--body"},[i?(0,_vue.h)("div",{class:"vxe-drawer--body-left"},(0,_vn.getSlotVNs)(i({$drawer:V}))):renderEmptyElement(V),(0,_vue.h)("div",{class:"vxe-drawer--body-default"},s),n?(0,_vue.h)("div",{class:"vxe-drawer--body-right"},(0,_vn.getSlotVNs)(n({$drawer:V}))):renderEmptyElement(V),(0,_vue.h)(_loading.default,{class:"vxe-drawer--loading",modelValue:b.loading})])})(),(()=>{var{slots:e={}}=b,e=x.footer||e.footer;return b.showFooter?(0,_vue.h)("div",{class:"vxe-drawer--footer"},e?(0,_vn.getSlotVNs)(e({$drawer:V})):[M()]):renderEmptyElement(V)})(),u?(0,_vue.h)("span",{class:"vxe-drawer--resize"},[(0,_vue.h)("span",{class:m+"-resize",type:m,onMousedown:O})]):renderEmptyElement(V)])])])])},V},render(){return this.renderVN()}});

package/lib/form/src/form.js

@@ -19,6 +19,14 @@ var _vn = require("../../ui/src/vn");
 var _log = require("../../ui/src/log");
 require("../render");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  getConfig,
+  validators,
+  renderer,
+  createEvent,
+  useFns,
+  globalEvents
+} = _ui.VxeUI;
 const {
   warnLog,
   errLog
@@ -181,59 +189,59 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     data: Object,
     size: {
       type: String,
-      default: () => (0, _ui.getConfig)().form.size || (0, _ui.getConfig)().size
+      default: () => getConfig().form.size || getConfig().size
     },
     span: {
       type: [String, Number],
-      default: () => (0, _ui.getConfig)().form.span
+      default: () => getConfig().form.span
     },
     align: {
       type: String,
-      default: () => (0, _ui.getConfig)().form.align
+      default: () => getConfig().form.align
     },
     verticalAlign: {
       type: String,
-      default: () => (0, _ui.getConfig)().form.verticalAlign
+      default: () => getConfig().form.verticalAlign
     },
     border: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.border
+      default: () => getConfig().form.border
     },
     titleBackground: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.titleBackground
+      default: () => getConfig().form.titleBackground
     },
     titleBold: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.titleBold
+      default: () => getConfig().form.titleBold
     },
     titleAlign: {
       type: String,
-      default: () => (0, _ui.getConfig)().form.titleAlign
+      default: () => getConfig().form.titleAlign
     },
     titleWidth: {
       type: [String, Number],
-      default: () => (0, _ui.getConfig)().form.titleWidth
+      default: () => getConfig().form.titleWidth
     },
     titleColon: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.titleColon
+      default: () => getConfig().form.titleColon
     },
     titleAsterisk: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.titleAsterisk
+      default: () => getConfig().form.titleAsterisk
     },
     titleOverflow: {
       type: [Boolean, String],
-      default: () => (0, _ui.getConfig)().form.titleOverflow
+      default: () => getConfig().form.titleOverflow
     },
     vertical: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.vertical
+      default: () => getConfig().form.vertical
     },
     padding: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.padding
+      default: () => getConfig().form.padding
     },
     className: [String, Function],
     readonly: Boolean,
@@ -242,14 +250,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     rules: Object,
     preventSubmit: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.preventSubmit
+      default: () => getConfig().form.preventSubmit
     },
     validConfig: Object,
     tooltipConfig: Object,
     collapseConfig: Object,
     customLayout: {
       type: Boolean,
-      default: () => (0, _ui.getConfig)().form.customLayout
+      default: () => getConfig().form.customLayout
     },
     params: Object
   },
@@ -263,19 +271,19 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const xID = _xeUtils.default.uniqueId();
     const {
       computeSize
-    } = (0, _ui.useSize)(props);
+    } = useFns.useSize(props);
     const reactData = (0, _vue.reactive)(createReactData());
     const internalData = createInternalData();
     const refElem = (0, _vue.ref)();
     const refTooltip = (0, _vue.ref)();
     const computeValidOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, (0, _ui.getConfig)().form.validConfig, props.validConfig);
+      return Object.assign({}, getConfig().form.validConfig, props.validConfig);
     });
     const computeTooltipOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, (0, _ui.getConfig)().tooltip, (0, _ui.getConfig)().form.tooltipConfig, props.tooltipConfig);
+      return Object.assign({}, getConfig().tooltip, getConfig().form.tooltipConfig, props.tooltipConfig);
     });
     const computeCollapseOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, (0, _ui.getConfig)().form.collapseConfig, props.collapseConfig);
+      return Object.assign({}, getConfig().form.collapseConfig, props.collapseConfig);
     });
     const computeAutoItemWidthList = (0, _vue.computed)(() => {
       const {
@@ -326,7 +334,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, _ui.createEvent)(evnt, {
+      emit(type, createEvent(evnt, {
         $form: $xeForm,
         $grid: $xeGrid
       }, params));
@@ -517,7 +525,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               startField,
               endField
             } = itemRender;
-            const compConf = _ui.renderer.get(name);
+            const compConf = renderer.get(name);
             const fiResetMethod = compConf ? compConf.formItemResetMethod || compConf.itemResetMethod : null;
             if (compConf && fiResetMethod) {
               fiResetMethod({
@@ -566,7 +574,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             const {
               itemRender
             } = item;
-            const compConf = _ui.renderer.get(itemRender.name);
+            const compConf = renderer.get(itemRender.name);
             // 定位到第一个
             if (!i) {
               (0, _dom.scrollToView)(el.querySelector(`.${item.id}`));
@@ -647,7 +655,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                   };
                   let customValid;
                   if (_xeUtils.default.isString(validator)) {
-                    const gvItem = _ui.validators.get(validator);
+                    const gvItem = validators.get(validator);
                     if (gvItem) {
                       const validatorMethod = gvItem.formItemValidatorMethod || gvItem.itemValidatorMethod;
                       if (validatorMethod) {
@@ -1093,10 +1101,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           errLog('vxe.error.errConflicts', ['custom-layout', 'items']);
         }
       });
-      _ui.globalEvents.on($xeForm, 'resize', handleGlobalResizeEvent);
+      globalEvents.on($xeForm, 'resize', handleGlobalResizeEvent);
     });
     (0, _vue.onUnmounted)(() => {
-      _ui.globalEvents.off($xeForm, 'resize');
+      globalEvents.off($xeForm, 'resize');
       _xeUtils.default.assign(reactData, createReactData());
       _xeUtils.default.assign(internalData, createInternalData());
     });

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReactData=createReactData,exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}require("../render");let{warnLog,errLog}=(0,_log.createComponentLog)("form");class Rule{constructor(e){Object.assign(this,{$options:e,required:e.required,min:e.min,max:e.min,type:e.type,pattern:e.pattern,validator:e.validator,trigger:e.trigger,maxWidth:e.maxWidth})}get content(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}get message(){return this.content}}function validREValue(e,t){return!(e&&!(_xeUtils.default.isRegExp(e)?e:new RegExp(e)).test(t))}function validMaxValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t>_xeUtils.default.toNumber(e))}function validMinValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t<_xeUtils.default.toNumber(e))}function validRuleValue(e,t,l){var{type:e,min:i,max:r,pattern:a}=e,u="array"===e,o="number"===e,e="string"===e,n=""+t;if(!validREValue(a,n))return!1;if(u){if(!_xeUtils.default.isArray(t))return!1;if(l&&!t.length)return!1;if(!validMinValue(i,t.length))return!1;if(!validMaxValue(r,t.length))return!1}else if(o){a=Number(t);if(isNaN(a))return!1;if(!validMinValue(i,a))return!1;if(!validMaxValue(r,a))return!1}else{if(e&&!_xeUtils.default.isString(t))return!1;if(l&&!n)return!1;if(!validMinValue(i,n.length))return!1;if(!validMaxValue(r,n.length))return!1}return!0}function checkRuleStatus(e,t,l){var{required:i,field:r}=e,t=r?_xeUtils.default.get(t,r):l,r=_xeUtils.default.isArray(t)?!t.length:(0,_utils.eqEmptyValue)(t);if(i){if(r)return!1;if(!validRuleValue(e,t,i))return!1}else if(!r&&!validRuleValue(e,t,i))return!1;return!0}function createReactData(){return{collapseAll:!1,staticItems:[],formItems:[],itemWidth:0}}function createInternalData(){return{meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1},itemFormatCache:{},fullItemList:[],fullItemIdData:{},fullItemFieldData:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:()=>(0,_ui.getConfig)().form.size||(0,_ui.getConfig)().size},span:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.span},align:{type:String,default:()=>(0,_ui.getConfig)().form.align},verticalAlign:{type:String,default:()=>(0,_ui.getConfig)().form.verticalAlign},border:{type:Boolean,default:()=>(0,_ui.getConfig)().form.border},titleBackground:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBackground},titleBold:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBold},titleAlign:{type:String,default:()=>(0,_ui.getConfig)().form.titleAlign},titleWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.titleWidth},titleColon:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleColon},titleAsterisk:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleAsterisk},titleOverflow:{type:[Boolean,String],default:()=>(0,_ui.getConfig)().form.titleOverflow},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().form.vertical},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().form.padding},className:[String,Function],readonly:Boolean,disabled:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:()=>(0,_ui.getConfig)().form.preventSubmit},validConfig:Object,tooltipConfig:Object,collapseConfig:Object,customLayout:{type:Boolean,default:()=>(0,_ui.getConfig)().form.customLayout},params:Object},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(s,e){let{slots:d,emit:i}=e,o=(0,_vue.inject)("$xeGrid",null);var t=_xeUtils.default.uniqueId();let f=(0,_ui.useSize)(s).computeSize,m=(0,_vue.reactive)(createReactData()),c=createInternalData(),v=(0,_vue.ref)(),g=(0,_vue.ref)(),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.validConfig,s.validConfig)),p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tooltip,(0,_ui.getConfig)().form.tooltipConfig,s.tooltipConfig));var l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.collapseConfig,s.collapseConfig));let r=(0,_vue.computed)(()=>{let{titleWidth:i,vertical:r}=s;var e=m.formItems;let a=[];return _xeUtils.default.eachTree(e,e=>{var{titleWidth:t,vertical:l}=e;"auto"!==t&&("auto"!==((_xeUtils.default.eqNull(l)?r:l)?null:_xeUtils.default.eqNull(t)?i:t)||e.children&&e.children.length)||a.push(e)},{children:"children"}),a}),a={refElem:v},u={computeSize:f,computeValidOpts:_,computeTooltipOpts:p,computeCollapseOpts:l,computeAutoItemWidthList:r},h={xID:t,props:s,context:e,reactData:m,internalData:c,xeGrid:o,getRefMaps:()=>a,getComputeMaps:()=>u},n=(e,t,l)=>{i(e,(0,_ui.createEvent)(l,{$form:h,$grid:o},t))};let x=e=>(e.length&&e.forEach(e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{!e||_xeUtils.default.isFunction(e)||d[e]||errLog("vxe.error.notSlot",[e])})}),m.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(h,e),{children:"children"}),c.itemFormatCache={},(0,_vue.nextTick)().then(()=>F()));let y=()=>c.fullItemList;let I=e=>{var t=c.fullItemFieldData,t=t[e];return t?t.item:null},b=()=>m.collapseAll,C=()=>{var e=!b();return m.collapseAll=e,i("update:collapseStatus",e),(0,_vue.nextTick)()};let U=t=>{var e=c.fullItemList;if(t){let e=t;(e=_xeUtils.default.isArray(t)?e:[t]).forEach(e=>{e&&(e=(0,_util.handleFieldOrItem)(h,e))&&(e.showError=!1,e.showIconMsg=!1)})}else e.forEach(e=>{e.showError=!1,e.showIconMsg=!1});return(0,_vue.nextTick)()},w=(e,t,l,i)=>{var{field:r,resetValue:a}=e;return _xeUtils.default.isFunction(a)?a({field:r,item:e,data:t,currentField:i||r||"",currentValue:l,$form:h,$grid:o}):_xeUtils.default.eqNull(a)&&_xeUtils.default.isArray(l)?[]:a},S=()=>{let u=s.data;var e=c.fullItemList;return u&&e.forEach(e=>{var t,l,i,{field:r,itemRender:a}=e;if((0,_utils.isEnableConf)(a))return{name:a,startField:t,endField:l}=a,i=(a=_ui.renderer.get(a))?a.formItemResetMethod||a.itemResetMethod:null,a&&i?i({data:u,field:r,property:r,item:e,$form:h,$grid:o}):r&&(a=_xeUtils.default.get(u,r),_xeUtils.default.set(u,r,w(e,u,a))),t&&l&&(_xeUtils.default.set(u,t,w(e,u,_xeUtils.default.get(u,t),t)),_xeUtils.default.set(u,l,w(e,u,_xeUtils.default.get(u,l),l))),""}),c.itemFormatCache={},U(),F()},O=e=>{e.preventDefault(),S(),n("reset",{data:s.data},e)},$=e=>{var l=v.value;if(l)for(let t=0;t<e.length;t++){var i=e[t],r=I(i);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var a=r.itemRender,u=_ui.renderer.get(a.name);t||(0,_dom.scrollToView)(l.querySelector("."+r.id));let e=null;a=a.autoFocus||a.autofocus||(u?u.formItemAutoFocus:null);if(_xeUtils.default.isFunction(a)?e=a({$form:h,$grid:o,item:r,data:s.data,field:i}):!0===a?e=l.querySelector(`.${r.id} input,textarea`):a&&(e=l.querySelector(`.${r.id} `+a)),e){e.focus();break}}}},R=(f,e,t)=>{let{data:m,rules:l}=s,i={};return _xeUtils.default.isArray(e)||(e=[e]),Promise.all(e.map(n=>{let s=[],d=[];if(n&&l){var e=I(n);let o=e&&e.rules?e.rules:_xeUtils.default.get(l,n);if(o){let u=_xeUtils.default.isUndefined(t)?_xeUtils.default.get(m,n):t;o.forEach(t=>{let{trigger:l,validator:i}=t;if("all"===f||!l||f===l)if(i){var r,a={itemValue:u,rule:t,rules:o,data:m,field:n,property:n,$form:h};let e;_xeUtils.default.isString(i)?(r=_ui.validators.get(i))?(r=r.formItemValidatorMethod||r.itemValidatorMethod)?e=r(a):warnLog("vxe.error.notValidators",[i]):errLog("vxe.error.notValidators",[i]):e=i(a),e&&(_xeUtils.default.isError(e)?s.push(new Rule({type:"custom",trigger:l,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{s.push(new Rule({type:"custom",trigger:l,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else checkRuleStatus(t,m,u)||s.push(new Rule(t))})}}return Promise.all(d).then(()=>{s.length&&(i[n]=s.map(e=>({$form:h,rule:e,data:m,field:n,property:n})))})})).then(()=>{if(!_xeUtils.default.isEmpty(i))return Promise.reject(i)})},E=(t,e,l)=>{var{data:i,rules:r}=s;let a=_.value,u={},o=[],n=[];return clearTimeout(c.meTimeout),i&&r?(t.forEach(t=>{let l=t.field;l&&!(0,_util.isHiddenItem)(h,t)&&(0,_util.isActiveItem)(h,t)&&n.push(R(e||"all",l).then(()=>{t.errRule=null}).catch(e=>{e=e[l];return u[l]||(u[l]=[]),u[l].push(e),o.push(l),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(n).then(()=>{l&&l()}).catch(()=>new Promise(e=>{c.meTimeout=setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==a.autoPos&&(0,_vue.nextTick)(()=>{$(o)}),l?(l(u),e()):e(u)}))):(l&&l(),Promise.resolve())};let q=t=>{var e=s.readonly,l=c.fullItemList;U(),e?(n("submit",{data:s.data},t),F()):E(l).then(e=>{e?n("submit-invalid",{data:s.data,errMap:e},t):n("submit",{data:s.data},t),F()})},L=e=>{e.preventDefault(),s.preventSubmit||q(e)},T=()=>{var e=c.tooltipStore,t=g.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};let V=(e,l,t)=>l?R(e?["blur"].includes(e.type)?"blur":"change":"all",l,t).then(()=>{U(l)}).catch(e=>{var e=e[l],t=I(l);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();let F=()=>{var e=r.value,l=v.value;if(l&&e.length){l=l.querySelectorAll(e.map(e=>`.vxe-form--item-title[itemid="${e.id}"]`).join(","));let t=0;_xeUtils.default.arrayEach(l,e=>{e.style.width="",t=Math.max(t,Math.ceil(e.clientWidth+2))}),_xeUtils.default.arrayEach(l,e=>{e.style.width=t+"px"})}return(0,_vue.nextTick)()},j=()=>{F()};l=t=>function(e){return(_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=(0,_util.handleFieldOrItem)(h,e);e&&(e.visible=t)}),(0,_vue.nextTick)()},t={dispatchEvent:n,loadItems:x,showItem:l(!0),hideItem:l(!1),reset:S,validate:e=>{var t=s.readonly,l=c.fullItemList;return U(),t?Promise.resolve():E(l,"",e).then(e=>(F(),e))},validateField:(e,t)=>{var l=s.readonly;if(l)return Promise.resolve();let i=[];l=(i=e?_xeUtils.default.isArray(e)?e:[e]:i).map(e=>(0,_util.handleFieldOrItem)(h,e));return E(l,"",t).then(e=>(F(),e))},clearValidate:U,updateStatus:(e,t)=>{e=e.field;return V(new Event("change"),e,t)},toggleCollapse:C,getItems:()=>y(),getFlatItems:y,getNestedItems:()=>m.formItems,getItemByField:I,closeTooltip:T,recalculate:F},e={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:V,toggleCollapseEvent:e=>{var t=C(),l=b();n("toggle-collapse",{status:l,collapse:l,data:s.data},e),n("collapse",{status:l,collapse:l,data:s.data},e),t.then(()=>{F().then(()=>{o&&o.recalculate(!0)}),o&&o.recalculate()})},triggerTitleTipEvent:(e,t)=>{var t=t.item,l=c.tooltipStore,i=g.value,e=e.currentTarget.children[0],r=(e.textContent||"").trim(),a=e.scrollWidth>e.clientWidth;clearTimeout(c.stTimeout),l.item!==t&&T(),r&&a&&(Object.assign(l,{item:t,visible:!0}),i)&&i.open(e,r)},handleTitleTipLeaveEvent:()=>{var e=p.value;let t=g.value;t&&t.setActived(!1),e.enterable?c.stTimeout=setTimeout(()=>{(t=g.value)&&!t.isActived()&&T()},e.leaveDelay):T()},handleValidIconEvent(e,t){t=t.item;t.showIconMsg=!t.showIconMsg},handleSubmitEvent:q};Object.assign(h,t,e);let A=(0,_vue.ref)(0),D=((0,_vue.watch)(()=>s.vertical,()=>{A.value++}),(0,_vue.watch)(()=>s.titleWidth,()=>{A.value++}),(0,_vue.watch)(A,()=>{(0,_vue.nextTick)().then(()=>{F()})}),(0,_vue.ref)(0)),M=((0,_vue.watch)(()=>m.staticItems.length,()=>{D.value++}),(0,_vue.watch)(()=>m.staticItems,()=>{D.value++}),(0,_vue.watch)(D,()=>{m.formItems=m.staticItems,A.value++,(()=>{var e=m.formItems;let a={},u={},o=[];_xeUtils.default.eachTree(e,(e,t,l)=>{var{id:i,field:r}=e,l={item:e,items:l,index:t};i&&(a[i]=l),r&&(u[r]=l),o.push(e)},{children:"children"}),c.fullItemList=o,c.fullItemFieldData=u,c.fullItemIdData=a})()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>s.items?s.items.length:-1,()=>{M.value++}),(0,_vue.watch)(()=>s.items,()=>{M.value++}),(0,_vue.watch)(M,()=>{x(s.items||[])}),(0,_vue.watch)(()=>s.collapseStatus,e=>{m.collapseAll=!!e}),(0,_vue.watch)(()=>s.readonly,()=>{U()}),(0,_vue.watch)(()=>s.disabled,()=>{U()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{s.customLayout&&s.items&&errLog("vxe.error.errConflicts",["custom-layout","items"])}),_ui.globalEvents.on(h,"resize",j)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(h,"resize"),_xeUtils.default.assign(m,createReactData()),_xeUtils.default.assign(c,createInternalData())}),m.collapseAll=!!s.collapseStatus,s.items&&x(s.items),(0,_vue.provide)("xeFormItemInfo",null),(0,_vue.provide)("$xeForm",h),(0,_vue.provide)("$xeFormGroup",null),(0,_vue.provide)("$xeFormItem",null),h.renderVN=()=>{var{loading:e,border:t,className:l,data:i,customLayout:r}=s,a=m.formItems,u=f.value,o=p.value,n=d.default;return(0,_vue.h)("form",{ref:v,class:["vxe-form",l?_xeUtils.default.isFunction(l)?l({items:a,data:i,$form:h}):l:"",{["size--"+u]:u,"is--border":t,"custom--layout":r,"is--loading":e}],onSubmit:L,onReset:O},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-form--item-row"},r?n?n({}):[]:a.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e,visible:e.visible}))),(0,_vue.h)("div",{class:"vxe-form-slots"},!r&&n?n({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,Object.assign({ref:g},o))])},h},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReactData=createReactData,exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}require("../render");let{getConfig,validators,renderer,createEvent,useFns,globalEvents}=_ui.VxeUI,{warnLog,errLog}=(0,_log.createComponentLog)("form");class Rule{constructor(e){Object.assign(this,{$options:e,required:e.required,min:e.min,max:e.min,type:e.type,pattern:e.pattern,validator:e.validator,trigger:e.trigger,maxWidth:e.maxWidth})}get content(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}get message(){return this.content}}function validREValue(e,t){return!(e&&!(_xeUtils.default.isRegExp(e)?e:new RegExp(e)).test(t))}function validMaxValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t>_xeUtils.default.toNumber(e))}function validMinValue(e,t){return!(!_xeUtils.default.eqNull(e)&&t<_xeUtils.default.toNumber(e))}function validRuleValue(e,t,l){var{type:e,min:i,max:r,pattern:a}=e,u="array"===e,o="number"===e,e="string"===e,n=""+t;if(!validREValue(a,n))return!1;if(u){if(!_xeUtils.default.isArray(t))return!1;if(l&&!t.length)return!1;if(!validMinValue(i,t.length))return!1;if(!validMaxValue(r,t.length))return!1}else if(o){a=Number(t);if(isNaN(a))return!1;if(!validMinValue(i,a))return!1;if(!validMaxValue(r,a))return!1}else{if(e&&!_xeUtils.default.isString(t))return!1;if(l&&!n)return!1;if(!validMinValue(i,n.length))return!1;if(!validMaxValue(r,n.length))return!1}return!0}function checkRuleStatus(e,t,l){var{required:i,field:r}=e,t=r?_xeUtils.default.get(t,r):l,r=_xeUtils.default.isArray(t)?!t.length:(0,_utils.eqEmptyValue)(t);if(i){if(r)return!1;if(!validRuleValue(e,t,i))return!1}else if(!r&&!validRuleValue(e,t,i))return!1;return!0}function createReactData(){return{collapseAll:!1,staticItems:[],formItems:[],itemWidth:0}}function createInternalData(){return{meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1},itemFormatCache:{},fullItemList:[],fullItemIdData:{},fullItemFieldData:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:()=>getConfig().form.size||getConfig().size},span:{type:[String,Number],default:()=>getConfig().form.span},align:{type:String,default:()=>getConfig().form.align},verticalAlign:{type:String,default:()=>getConfig().form.verticalAlign},border:{type:Boolean,default:()=>getConfig().form.border},titleBackground:{type:Boolean,default:()=>getConfig().form.titleBackground},titleBold:{type:Boolean,default:()=>getConfig().form.titleBold},titleAlign:{type:String,default:()=>getConfig().form.titleAlign},titleWidth:{type:[String,Number],default:()=>getConfig().form.titleWidth},titleColon:{type:Boolean,default:()=>getConfig().form.titleColon},titleAsterisk:{type:Boolean,default:()=>getConfig().form.titleAsterisk},titleOverflow:{type:[Boolean,String],default:()=>getConfig().form.titleOverflow},vertical:{type:Boolean,default:()=>getConfig().form.vertical},padding:{type:Boolean,default:()=>getConfig().form.padding},className:[String,Function],readonly:Boolean,disabled:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:()=>getConfig().form.preventSubmit},validConfig:Object,tooltipConfig:Object,collapseConfig:Object,customLayout:{type:Boolean,default:()=>getConfig().form.customLayout},params:Object},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(s,e){let{slots:d,emit:i}=e,o=(0,_vue.inject)("$xeGrid",null);var t=_xeUtils.default.uniqueId();let f=useFns.useSize(s).computeSize,m=(0,_vue.reactive)(createReactData()),c=createInternalData(),v=(0,_vue.ref)(),g=(0,_vue.ref)(),p=(0,_vue.computed)(()=>Object.assign({},getConfig().form.validConfig,s.validConfig)),_=(0,_vue.computed)(()=>Object.assign({},getConfig().tooltip,getConfig().form.tooltipConfig,s.tooltipConfig));var l=(0,_vue.computed)(()=>Object.assign({},getConfig().form.collapseConfig,s.collapseConfig));let r=(0,_vue.computed)(()=>{let{titleWidth:i,vertical:r}=s;var e=m.formItems;let a=[];return _xeUtils.default.eachTree(e,e=>{var{titleWidth:t,vertical:l}=e;"auto"!==t&&("auto"!==((_xeUtils.default.eqNull(l)?r:l)?null:_xeUtils.default.eqNull(t)?i:t)||e.children&&e.children.length)||a.push(e)},{children:"children"}),a}),a={refElem:v},u={computeSize:f,computeValidOpts:p,computeTooltipOpts:_,computeCollapseOpts:l,computeAutoItemWidthList:r},h={xID:t,props:s,context:e,reactData:m,internalData:c,xeGrid:o,getRefMaps:()=>a,getComputeMaps:()=>u},n=(e,t,l)=>{i(e,createEvent(l,{$form:h,$grid:o},t))};let x=e=>(e.length&&e.forEach(e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{!e||_xeUtils.default.isFunction(e)||d[e]||errLog("vxe.error.notSlot",[e])})}),m.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(h,e),{children:"children"}),c.itemFormatCache={},(0,_vue.nextTick)().then(()=>F()));let y=()=>c.fullItemList;let I=e=>{var t=c.fullItemFieldData,t=t[e];return t?t.item:null},b=()=>m.collapseAll,C=()=>{var e=!b();return m.collapseAll=e,i("update:collapseStatus",e),(0,_vue.nextTick)()};let U=t=>{var e=c.fullItemList;if(t){let e=t;(e=_xeUtils.default.isArray(t)?e:[t]).forEach(e=>{e&&(e=(0,_util.handleFieldOrItem)(h,e))&&(e.showError=!1,e.showIconMsg=!1)})}else e.forEach(e=>{e.showError=!1,e.showIconMsg=!1});return(0,_vue.nextTick)()},w=(e,t,l,i)=>{var{field:r,resetValue:a}=e;return _xeUtils.default.isFunction(a)?a({field:r,item:e,data:t,currentField:i||r||"",currentValue:l,$form:h,$grid:o}):_xeUtils.default.eqNull(a)&&_xeUtils.default.isArray(l)?[]:a},E=()=>{let u=s.data;var e=c.fullItemList;return u&&e.forEach(e=>{var t,l,i,{field:r,itemRender:a}=e;if((0,_utils.isEnableConf)(a))return{name:a,startField:t,endField:l}=a,i=(a=renderer.get(a))?a.formItemResetMethod||a.itemResetMethod:null,a&&i?i({data:u,field:r,property:r,item:e,$form:h,$grid:o}):r&&(a=_xeUtils.default.get(u,r),_xeUtils.default.set(u,r,w(e,u,a))),t&&l&&(_xeUtils.default.set(u,t,w(e,u,_xeUtils.default.get(u,t),t)),_xeUtils.default.set(u,l,w(e,u,_xeUtils.default.get(u,l),l))),""}),c.itemFormatCache={},U(),F()},O=e=>{e.preventDefault(),E(),n("reset",{data:s.data},e)},$=e=>{var l=v.value;if(l)for(let t=0;t<e.length;t++){var i=e[t],r=I(i);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var a=r.itemRender,u=renderer.get(a.name);t||(0,_dom.scrollToView)(l.querySelector("."+r.id));let e=null;a=a.autoFocus||a.autofocus||(u?u.formItemAutoFocus:null);if(_xeUtils.default.isFunction(a)?e=a({$form:h,$grid:o,item:r,data:s.data,field:i}):!0===a?e=l.querySelector(`.${r.id} input,textarea`):a&&(e=l.querySelector(`.${r.id} `+a)),e){e.focus();break}}}},S=(f,e,t)=>{let{data:m,rules:l}=s,i={};return _xeUtils.default.isArray(e)||(e=[e]),Promise.all(e.map(n=>{let s=[],d=[];if(n&&l){var e=I(n);let o=e&&e.rules?e.rules:_xeUtils.default.get(l,n);if(o){let u=_xeUtils.default.isUndefined(t)?_xeUtils.default.get(m,n):t;o.forEach(t=>{let{trigger:l,validator:i}=t;if("all"===f||!l||f===l)if(i){var r,a={itemValue:u,rule:t,rules:o,data:m,field:n,property:n,$form:h};let e;_xeUtils.default.isString(i)?(r=validators.get(i))?(r=r.formItemValidatorMethod||r.itemValidatorMethod)?e=r(a):warnLog("vxe.error.notValidators",[i]):errLog("vxe.error.notValidators",[i]):e=i(a),e&&(_xeUtils.default.isError(e)?s.push(new Rule({type:"custom",trigger:l,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{s.push(new Rule({type:"custom",trigger:l,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else checkRuleStatus(t,m,u)||s.push(new Rule(t))})}}return Promise.all(d).then(()=>{s.length&&(i[n]=s.map(e=>({$form:h,rule:e,data:m,field:n,property:n})))})})).then(()=>{if(!_xeUtils.default.isEmpty(i))return Promise.reject(i)})},R=(t,e,l)=>{var{data:i,rules:r}=s;let a=p.value,u={},o=[],n=[];return clearTimeout(c.meTimeout),i&&r?(t.forEach(t=>{let l=t.field;l&&!(0,_util.isHiddenItem)(h,t)&&(0,_util.isActiveItem)(h,t)&&n.push(S(e||"all",l).then(()=>{t.errRule=null}).catch(e=>{e=e[l];return u[l]||(u[l]=[]),u[l].push(e),o.push(l),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(n).then(()=>{l&&l()}).catch(()=>new Promise(e=>{c.meTimeout=setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==a.autoPos&&(0,_vue.nextTick)(()=>{$(o)}),l?(l(u),e()):e(u)}))):(l&&l(),Promise.resolve())};let q=t=>{var e=s.readonly,l=c.fullItemList;U(),e?(n("submit",{data:s.data},t),F()):R(l).then(e=>{e?n("submit-invalid",{data:s.data,errMap:e},t):n("submit",{data:s.data},t),F()})},L=e=>{e.preventDefault(),s.preventSubmit||q(e)},T=()=>{var e=c.tooltipStore,t=g.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};let V=(e,l,t)=>l?S(e?["blur"].includes(e.type)?"blur":"change":"all",l,t).then(()=>{U(l)}).catch(e=>{var e=e[l],t=I(l);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();let F=()=>{var e=r.value,l=v.value;if(l&&e.length){l=l.querySelectorAll(e.map(e=>`.vxe-form--item-title[itemid="${e.id}"]`).join(","));let t=0;_xeUtils.default.arrayEach(l,e=>{e.style.width="",t=Math.max(t,Math.ceil(e.clientWidth+2))}),_xeUtils.default.arrayEach(l,e=>{e.style.width=t+"px"})}return(0,_vue.nextTick)()},j=()=>{F()};l=t=>function(e){return(_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=(0,_util.handleFieldOrItem)(h,e);e&&(e.visible=t)}),(0,_vue.nextTick)()},t={dispatchEvent:n,loadItems:x,showItem:l(!0),hideItem:l(!1),reset:E,validate:e=>{var t=s.readonly,l=c.fullItemList;return U(),t?Promise.resolve():R(l,"",e).then(e=>(F(),e))},validateField:(e,t)=>{var l=s.readonly;if(l)return Promise.resolve();let i=[];l=(i=e?_xeUtils.default.isArray(e)?e:[e]:i).map(e=>(0,_util.handleFieldOrItem)(h,e));return R(l,"",t).then(e=>(F(),e))},clearValidate:U,updateStatus:(e,t)=>{e=e.field;return V(new Event("change"),e,t)},toggleCollapse:C,getItems:()=>y(),getFlatItems:y,getNestedItems:()=>m.formItems,getItemByField:I,closeTooltip:T,recalculate:F},e={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:V,toggleCollapseEvent:e=>{var t=C(),l=b();n("toggle-collapse",{status:l,collapse:l,data:s.data},e),n("collapse",{status:l,collapse:l,data:s.data},e),t.then(()=>{F().then(()=>{o&&o.recalculate(!0)}),o&&o.recalculate()})},triggerTitleTipEvent:(e,t)=>{var t=t.item,l=c.tooltipStore,i=g.value,e=e.currentTarget.children[0],r=(e.textContent||"").trim(),a=e.scrollWidth>e.clientWidth;clearTimeout(c.stTimeout),l.item!==t&&T(),r&&a&&(Object.assign(l,{item:t,visible:!0}),i)&&i.open(e,r)},handleTitleTipLeaveEvent:()=>{var e=_.value;let t=g.value;t&&t.setActived(!1),e.enterable?c.stTimeout=setTimeout(()=>{(t=g.value)&&!t.isActived()&&T()},e.leaveDelay):T()},handleValidIconEvent(e,t){t=t.item;t.showIconMsg=!t.showIconMsg},handleSubmitEvent:q};Object.assign(h,t,e);let A=(0,_vue.ref)(0),D=((0,_vue.watch)(()=>s.vertical,()=>{A.value++}),(0,_vue.watch)(()=>s.titleWidth,()=>{A.value++}),(0,_vue.watch)(A,()=>{(0,_vue.nextTick)().then(()=>{F()})}),(0,_vue.ref)(0)),M=((0,_vue.watch)(()=>m.staticItems.length,()=>{D.value++}),(0,_vue.watch)(()=>m.staticItems,()=>{D.value++}),(0,_vue.watch)(D,()=>{m.formItems=m.staticItems,A.value++,(()=>{var e=m.formItems;let a={},u={},o=[];_xeUtils.default.eachTree(e,(e,t,l)=>{var{id:i,field:r}=e,l={item:e,items:l,index:t};i&&(a[i]=l),r&&(u[r]=l),o.push(e)},{children:"children"}),c.fullItemList=o,c.fullItemFieldData=u,c.fullItemIdData=a})()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>s.items?s.items.length:-1,()=>{M.value++}),(0,_vue.watch)(()=>s.items,()=>{M.value++}),(0,_vue.watch)(M,()=>{x(s.items||[])}),(0,_vue.watch)(()=>s.collapseStatus,e=>{m.collapseAll=!!e}),(0,_vue.watch)(()=>s.readonly,()=>{U()}),(0,_vue.watch)(()=>s.disabled,()=>{U()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{s.customLayout&&s.items&&errLog("vxe.error.errConflicts",["custom-layout","items"])}),globalEvents.on(h,"resize",j)}),(0,_vue.onUnmounted)(()=>{globalEvents.off(h,"resize"),_xeUtils.default.assign(m,createReactData()),_xeUtils.default.assign(c,createInternalData())}),m.collapseAll=!!s.collapseStatus,s.items&&x(s.items),(0,_vue.provide)("xeFormItemInfo",null),(0,_vue.provide)("$xeForm",h),(0,_vue.provide)("$xeFormGroup",null),(0,_vue.provide)("$xeFormItem",null),h.renderVN=()=>{var{loading:e,border:t,className:l,data:i,customLayout:r}=s,a=m.formItems,u=f.value,o=_.value,n=d.default;return(0,_vue.h)("form",{ref:v,class:["vxe-form",l?_xeUtils.default.isFunction(l)?l({items:a,data:i,$form:h}):l:"",{["size--"+u]:u,"is--border":t,"custom--layout":r,"is--loading":e}],onSubmit:L,onReset:O},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-form--item-row"},r?n?n({}):[]:a.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e,visible:e.visible}))),(0,_vue.h)("div",{class:"vxe-form-slots"},!r&&n?n({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,Object.assign({ref:g},o))])},h},render(){return this.renderVN()}});