vxe-pc-ui 4.1.19 → 4.1.21

package/lib/list/src/list.js

@@ -46,10 +46,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       topSpaceHeight: 0,
       items: []
     });
-    const refElem = (0, _vue.ref)();
-    const refVirtualWrapper = (0, _vue.ref)();
-    const refVirtualBody = (0, _vue.ref)();
     const internalData = {
+      resizeObserver: undefined,
       fullData: [],
       lastScrollLeft: 0,
       lastScrollTop: 0,
@@ -61,6 +59,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         rowHeight: 0
       }
     };
+    const refElem = (0, _vue.ref)();
+    const refVirtualWrapper = (0, _vue.ref)();
+    const refVirtualBody = (0, _vue.ref)();
     const refMaps = {
       refElem
     };
@@ -320,19 +321,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
     (0, _vue.onActivated)(() => {
       recalculate().then(() => refreshScroll());
     });
-    let resizeObserver;
     (0, _vue.nextTick)(() => {
       _ui.globalEvents.on($xeList, 'resize', () => {
         recalculate();
       });
       if (props.autoResize) {
         const el = refElem.value;
-        resizeObserver = _ui.globalResize.create(() => recalculate());
+        const resizeObserver = _ui.globalResize.create(() => recalculate());
         resizeObserver.observe(el);
+        internalData.resizeObserver = resizeObserver;
       }
       listMethods.loadData(props.data || []);
     });
     (0, _vue.onUnmounted)(() => {
+      const {
+        resizeObserver
+      } = internalData;
       if (resizeObserver) {
         resizeObserver.disconnect();
       }

package/lib/list/src/list.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"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],scrollY:Object},emits:["scroll"],setup(u,e){const{slots:n,emit:a}=e;var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(u)["computeSize"],d=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,rowHeight:0,topSpaceHeight:0,items:[]}),v=(0,_vue.ref)(),g=(0,_vue.ref)(),h=(0,_vue.ref)(),s={fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},l={refElem:v},f={xID:t,props:u,context:e,reactData:d,internalData:s,getRefMaps:()=>l};let i={};const o=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.scrollY,u.scrollY)),_=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=u,l={};return e?l.height=""+(isNaN(e)?e:e+"px"):t&&(l.height="auto",l.maxHeight=""+(isNaN(t)?t:t+"px")),l}),x=()=>{var e=d["scrollYLoad"],{scrollYStore:t,fullData:l}=s;d.bodyHeight=e?l.length*t.rowHeight:0,d.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},r=()=>{var e=d["scrollYLoad"],{fullData:t,scrollYStore:l}=s;return d.items=e?t.slice(l.startIndex,l.endIndex):t.slice(0),(0,_vue.nextTick)()},p=()=>{r(),x()},m=()=>(0,_vue.nextTick)().then(()=>{var e=d["scrollYLoad"],t=s["scrollYStore"],l=h.value,a=o.value;let r=0,i;(i=l?(i=a.sItem?l.querySelector(a.sItem):i)||l.children[0]:i)&&(r=i.offsetHeight),r=Math.max(20,r),t.rowHeight=r,(e?(l=g.value,e=Math.max(8,Math.ceil(l.clientHeight/r)),l=a.oSize?_xeUtils.default.toNumber(a.oSize):_dom.browse.edge?10:0,t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),p):x)(),d.rowHeight=r}),S=()=>{var e=g.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},b=(e,t)=>{var l=g.value;return _xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t)&&(l.scrollTop=t),d.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},z=()=>{const{lastScrollLeft:e,lastScrollTop:t}=s;return S().then(()=>{if(e||t)return s.lastScrollLeft=0,s.lastScrollTop=0,b(e,t)})},T=()=>{var e=v.value;return e.clientWidth&&e.clientHeight?m():Promise.resolve()},H=e=>{var t=s["scrollYStore"],{startIndex:l,endIndex:a,visibleSize:r,offsetSize:i,rowHeight:o}=t,e=e.target.scrollTop,e=Math.floor(e/o),o=Math.max(0,e-1-i),i=e+r+i;!(e<=l||a-r-1<=e)||l===o&&a===i||(t.startIndex=o,t.endIndex=i,p())},I=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,a=t!==s.lastScrollLeft,r=l!==s.lastScrollTop;s.lastScrollTop=l,s.lastScrollLeft=t,d.scrollYLoad&&H(e),i.dispatchEvent("scroll",{scrollLeft:t,scrollTop:l,isX:a,isY:r},e)},Y=(i={dispatchEvent(e,t,l){a(e,(0,_ui.createEvent)(l,{$list:f},t))},loadData(e){var t=s["scrollYStore"],l=o.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),s.fullData=e,d.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=e.length),r(),m().then(()=>{z()})},reloadData(e){return S(),i.loadData(e)},recalculate:T,scrollTo:b,refreshScroll:z,clearScroll:S},Object.assign(f,i),(0,_vue.ref)(0));(0,_vue.watch)(()=>u.data?u.data.length:-1,()=>{Y.value++}),(0,_vue.watch)(()=>u.data,()=>{Y.value++}),(0,_vue.watch)(Y,()=>{i.loadData(u.data||[])}),(0,_vue.watch)(()=>u.syncResize,e=>{e&&(T(),(0,_vue.nextTick)(()=>setTimeout(()=>T())))}),(0,_vue.onActivated)(()=>{T().then(()=>z())});let L;(0,_vue.nextTick)(()=>{var e;_ui.globalEvents.on(f,"resize",()=>{T()}),u.autoResize&&(e=v.value,(L=_ui.globalResize.create(()=>T())).observe(e)),i.loadData(u.data||[])}),(0,_vue.onUnmounted)(()=>{L&&L.disconnect(),_ui.globalEvents.off(f,"resize")});return f.renderVN=()=>{var{className:e,loading:t}=u,{bodyHeight:l,topSpaceHeight:a,items:r}=d,i=n.default,o=c.value,s=_.value;return(0,_vue.h)("div",{ref:v,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:f}):e:"",{["size--"+o]:o,"is--loading":t}]},[(0,_vue.h)("div",{ref:g,class:"vxe-list--virtual-wrapper",style:s,onScroll:I},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:h,class:"vxe-list--body",style:{marginTop:a?a+"px":""}},i?i({items:r,$list:f}):[])]),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:t})])},f},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"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],scrollY:Object},emits:["scroll"],setup(u,e){const{slots:n,emit:r}=e;var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(u)["computeSize"],d=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,rowHeight:0,topSpaceHeight:0,items:[]}),o={resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},v=(0,_vue.ref)(),g=(0,_vue.ref)(),h=(0,_vue.ref)(),l={refElem:v},f={xID:t,props:u,context:e,reactData:d,internalData:o,getRefMaps:()=>l};let i={};const s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.scrollY,u.scrollY)),_=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=u,l={};return e?l.height=""+(isNaN(e)?e:e+"px"):t&&(l.height="auto",l.maxHeight=""+(isNaN(t)?t:t+"px")),l}),x=()=>{var e=d["scrollYLoad"],{scrollYStore:t,fullData:l}=o;d.bodyHeight=e?l.length*t.rowHeight:0,d.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},a=()=>{var e=d["scrollYLoad"],{fullData:t,scrollYStore:l}=o;return d.items=e?t.slice(l.startIndex,l.endIndex):t.slice(0),(0,_vue.nextTick)()},p=()=>{a(),x()},m=()=>(0,_vue.nextTick)().then(()=>{var e=d["scrollYLoad"],t=o["scrollYStore"],l=h.value,r=s.value;let a=0,i;(i=l?(i=r.sItem?l.querySelector(r.sItem):i)||l.children[0]:i)&&(a=i.offsetHeight),a=Math.max(20,a),t.rowHeight=a,(e?(l=g.value,e=Math.max(8,Math.ceil(l.clientHeight/a)),l=r.oSize?_xeUtils.default.toNumber(r.oSize):_dom.browse.edge?10:0,t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),p):x)(),d.rowHeight=a}),S=()=>{var e=g.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},b=(e,t)=>{var l=g.value;return _xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t)&&(l.scrollTop=t),d.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},z=()=>{const{lastScrollLeft:e,lastScrollTop:t}=o;return S().then(()=>{if(e||t)return o.lastScrollLeft=0,o.lastScrollTop=0,b(e,t)})},T=()=>{var e=v.value;return e.clientWidth&&e.clientHeight?m():Promise.resolve()},H=e=>{var t=o["scrollYStore"],{startIndex:l,endIndex:r,visibleSize:a,offsetSize:i,rowHeight:s}=t,e=e.target.scrollTop,e=Math.floor(e/s),s=Math.max(0,e-1-i),i=e+a+i;!(e<=l||r-a-1<=e)||l===s&&r===i||(t.startIndex=s,t.endIndex=i,p())},I=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,r=t!==o.lastScrollLeft,a=l!==o.lastScrollTop;o.lastScrollTop=l,o.lastScrollLeft=t,d.scrollYLoad&&H(e),i.dispatchEvent("scroll",{scrollLeft:t,scrollTop:l,isX:r,isY:a},e)},Y=(i={dispatchEvent(e,t,l){r(e,(0,_ui.createEvent)(l,{$list:f},t))},loadData(e){var t=o["scrollYStore"],l=s.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),o.fullData=e,d.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=e.length),a(),m().then(()=>{z()})},reloadData(e){return S(),i.loadData(e)},recalculate:T,scrollTo:b,refreshScroll:z,clearScroll:S},Object.assign(f,i),(0,_vue.ref)(0));(0,_vue.watch)(()=>u.data?u.data.length:-1,()=>{Y.value++}),(0,_vue.watch)(()=>u.data,()=>{Y.value++}),(0,_vue.watch)(Y,()=>{i.loadData(u.data||[])}),(0,_vue.watch)(()=>u.syncResize,e=>{e&&(T(),(0,_vue.nextTick)(()=>setTimeout(()=>T())))}),(0,_vue.onActivated)(()=>{T().then(()=>z())}),(0,_vue.nextTick)(()=>{var e,t;_ui.globalEvents.on(f,"resize",()=>{T()}),u.autoResize&&(e=v.value,(t=_ui.globalResize.create(()=>T())).observe(e),o.resizeObserver=t),i.loadData(u.data||[])}),(0,_vue.onUnmounted)(()=>{var e=o["resizeObserver"];e&&e.disconnect(),_ui.globalEvents.off(f,"resize")});return f.renderVN=()=>{var{className:e,loading:t}=u,{bodyHeight:l,topSpaceHeight:r,items:a}=d,i=n.default,s=c.value,o=_.value;return(0,_vue.h)("div",{ref:v,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:f}):e:"",{["size--"+s]:s,"is--loading":t}]},[(0,_vue.h)("div",{ref:g,class:"vxe-list--virtual-wrapper",style:o,onScroll:I},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:h,class:"vxe-list--body",style:{marginTop:r?r+"px":""}},i?i({items:a,$list:f}):[])]),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:t})])},f},render(){return this.renderVN()}});

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

@@ -332,7 +332,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-list-design--body'
       }, [(0, _vue.h)(_layoutPreview.default), (0, _vue.h)(_layoutSetting.default)])]);
     };
-    $xeListDesign.renderVN = renderVN;
     (0, _vue.provide)('$xeListDesign', $xeListDesign);
     (0, _vue.watch)(() => props.config, value => {
       loadConfig(value || {});
@@ -341,6 +340,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     if (props.config) {
       loadConfig(props.config);
     }
+    $xeListDesign.renderVN = renderVN;
     return $xeListDesign;
   },
   render() {

package/lib/list-design/src/list-design.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")),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_util=require("../render/util"),_defaultSettingData=require("./default-setting-data"),_layoutPreview=_interopRequireDefault(require("./layout-preview")),_layoutSetting=_interopRequireDefault(require("./layout-setting"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListDesign",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listDesign.size||(0,_ui.getConfig)().size},height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listDesign.height},config:Object,showPc:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showPc},showMobile:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showMobile},actionCodes:Array,formRender:Object},emits:[],setup(r,e){const{emit:n,slots:s}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),l=(0,_ui.useSize)(r)["computeSize"],o=(0,_vue.reactive)({formData:{},searchFormData:{},searchFormItems:[],listTableColumns:[]}),i={refElem:a},u={computeSize:l},d={xID:t,props:r,context:e,reactData:o,getRefMaps:()=>i,getComputeMaps:()=>u},c=[],f=[],g=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?f:c).push(t))}),e=>({title:e.title,field:e.field,visible:!e.hidden,width:"",cellRender:{name:e.name,props:e.options}})),m=e=>{const i=[];return e&&(e=e["widgetData"],e)&&e.forEach(e=>{var t=e["name"];t&&("row"===t?e.children.forEach(e=>{e.name&&i.push(g(e))}):"subtable"!==t&&i.push(g(e)))}),i},h=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[],_=e=>{var{formConfig:e,searchItems:t,listColumns:i}=e;return e&&(e=e,o.formData=Object.assign({},b(),e),(0,_vue.nextTick)()),t&&C(t),i&&(o.listTableColumns=v(i)),(0,_vue.nextTick)()},v=e=>h(e),p=()=>o.searchFormItems,C=e=>{var{data:e,items:t}=(e=>{if(e){const t={};return{items:e.map(e=>(t[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender})),data:t}}return{items:[],data:{}}})(e);return o.searchFormData=e,o.searchFormItems=t,(0,_vue.nextTick)()},D=()=>o.listTableColumns;const b=()=>{var{actionCodes:e,formRender:t}=r;let i=(0,_defaultSettingData.getDefaultSettingFormData)();if(e&&e.length&&(!i.actionButtonList||!i.actionButtonList.length)){const n=[];e.forEach(t=>{var e;_xeUtils.default.isObject(t)&&t.default&&(e=c.find(e=>e.code===t.code))&&n.push((0,_util.createListDesignActionButton)({type:e.type,code:e.code}))}),i.actionButtonList=n}return t&&t.name&&(e=(e=_ui.renderer.get(t.name))?e.createListDesignSettingFormConfig:null,t={name:t.name},i=(e?e(t):{})||{}),i},x=()=>{o.formData=b()},y=()=>(_({searchItems:[],listColumns:[]}),x(),(0,_vue.nextTick)());t={dispatchEvent(e,t,i){n(e,(0,_ui.createEvent)(i,{$listDesign:d},t))},loadFormDesignConfig(e){var t=o["listTableColumns"];const i={};_xeUtils.default.eachTree(t,e=>{i[e.field]=e},{children:"children"});t=m(e);return _xeUtils.default.eachTree(t,e=>{var t=i[e.field];t&&(t.width&&(e.width=t.width),e.visible=t.visible)},{children:"children"}),o.listTableColumns=t,(0,_vue.nextTick)()},reloadFormDesignConfig(e){return o.listTableColumns=m(e),(0,_vue.nextTick)()},getSearchItems:p,setSearchItems:C,getListColumns:D,setListColumns:e=>(o.listTableColumns=v(e),(0,_vue.nextTick)()),getConfig(){return{formConfig:o.formData,searchItems:p(),listColumns:D()}},loadConfig:_,reloadConfig(e){return y(),_(e)},clearConfig:y};Object.assign(d,t,{});return d.renderVN=()=>{var e=r["height"],t=l.value,i=s.header;return(0,_vue.h)("div",{ref:a,class:["vxe-list-design",{["size--"+t]:t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-design--header"},i?i({}):[]),(0,_vue.h)("div",{class:"vxe-list-design--body"},[(0,_vue.h)(_layoutPreview.default),(0,_vue.h)(_layoutSetting.default)])])},(0,_vue.provide)("$xeListDesign",d),(0,_vue.watch)(()=>r.config,e=>{_(e||{})}),x(),r.config&&_(r.config),d},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")),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_util=require("../render/util"),_defaultSettingData=require("./default-setting-data"),_layoutPreview=_interopRequireDefault(require("./layout-preview")),_layoutSetting=_interopRequireDefault(require("./layout-setting"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListDesign",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listDesign.size||(0,_ui.getConfig)().size},height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listDesign.height},config:Object,showPc:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showPc},showMobile:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showMobile},actionCodes:Array,formRender:Object},emits:[],setup(r,e){const{emit:n,slots:s}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),l=(0,_ui.useSize)(r)["computeSize"],o=(0,_vue.reactive)({formData:{},searchFormData:{},searchFormItems:[],listTableColumns:[]}),i={refElem:a},u={computeSize:l},d={xID:t,props:r,context:e,reactData:o,getRefMaps:()=>i,getComputeMaps:()=>u},c=[],f=[],g=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?f:c).push(t))}),e=>({title:e.title,field:e.field,visible:!e.hidden,width:"",cellRender:{name:e.name,props:e.options}})),m=e=>{const i=[];return e&&(e=e["widgetData"],e)&&e.forEach(e=>{var t=e["name"];t&&("row"===t?e.children.forEach(e=>{e.name&&i.push(g(e))}):"subtable"!==t&&i.push(g(e)))}),i},h=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[],_=e=>{var{formConfig:e,searchItems:t,listColumns:i}=e;return e&&(e=e,o.formData=Object.assign({},b(),e),(0,_vue.nextTick)()),t&&C(t),i&&(o.listTableColumns=v(i)),(0,_vue.nextTick)()},v=e=>h(e),p=()=>o.searchFormItems,C=e=>{var{data:e,items:t}=(e=>{if(e){const t={};return{items:e.map(e=>(t[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender})),data:t}}return{items:[],data:{}}})(e);return o.searchFormData=e,o.searchFormItems=t,(0,_vue.nextTick)()},D=()=>o.listTableColumns;const b=()=>{var{actionCodes:e,formRender:t}=r;let i=(0,_defaultSettingData.getDefaultSettingFormData)();if(e&&e.length&&(!i.actionButtonList||!i.actionButtonList.length)){const n=[];e.forEach(t=>{var e;_xeUtils.default.isObject(t)&&t.default&&(e=c.find(e=>e.code===t.code))&&n.push((0,_util.createListDesignActionButton)({type:e.type,code:e.code}))}),i.actionButtonList=n}return t&&t.name&&(e=(e=_ui.renderer.get(t.name))?e.createListDesignSettingFormConfig:null,t={name:t.name},i=(e?e(t):{})||{}),i},x=()=>{o.formData=b()},y=()=>(_({searchItems:[],listColumns:[]}),x(),(0,_vue.nextTick)());t={dispatchEvent(e,t,i){n(e,(0,_ui.createEvent)(i,{$listDesign:d},t))},loadFormDesignConfig(e){var t=o["listTableColumns"];const i={};_xeUtils.default.eachTree(t,e=>{i[e.field]=e},{children:"children"});t=m(e);return _xeUtils.default.eachTree(t,e=>{var t=i[e.field];t&&(t.width&&(e.width=t.width),e.visible=t.visible)},{children:"children"}),o.listTableColumns=t,(0,_vue.nextTick)()},reloadFormDesignConfig(e){return o.listTableColumns=m(e),(0,_vue.nextTick)()},getSearchItems:p,setSearchItems:C,getListColumns:D,setListColumns:e=>(o.listTableColumns=v(e),(0,_vue.nextTick)()),getConfig(){return{formConfig:o.formData,searchItems:p(),listColumns:D()}},loadConfig:_,reloadConfig(e){return y(),_(e)},clearConfig:y};Object.assign(d,t,{});return(0,_vue.provide)("$xeListDesign",d),(0,_vue.watch)(()=>r.config,e=>{_(e||{})}),x(),r.config&&_(r.config),d.renderVN=()=>{var e=r["height"],t=l.value,i=s.header;return(0,_vue.h)("div",{ref:a,class:["vxe-list-design",{["size--"+t]:t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-design--header"},i?i({}):[]),(0,_vue.h)("div",{class:"vxe-list-design--body"},[(0,_vue.h)(_layoutPreview.default),(0,_vue.h)(_layoutSetting.default)])])},d},render(){return this.renderVN()}});

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

@@ -494,7 +494,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         modelValue: loading
       })]);
     };
-    $xeListView.renderVN = renderVN;
     (0, _vue.watch)(() => props.config, value => {
       loadConfig(value || {});
     });
@@ -509,6 +508,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       });
     }
+    $xeListView.renderVN = renderVN;
     return $xeListView;
   },
   render() {

package/lib/list-design/src/list-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../render/util"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListView",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listView.size||(0,_ui.getConfig)().size},config:Object,height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listView.height},loading:Boolean,formData:Object,actionButtons:Array,gridOptions:Object,gridEvents:Object,viewRender:Object},emits:["cell-action","update:formData","update:actionButtons"],setup(l,e){const s=_ui.VxeUI.getComponent("VxeGrid"),{emit:u,slots:c}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),d=(0,_vue.ref)(),f=(0,_ui.useSize)(l)["computeSize"],m=(0,_vue.reactive)({formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),g=(0,_vue.computed)(()=>{var e=l["gridOptions"],{formConfig:t,tableColumns:i,searchFormData:o,searchFormItems:n,footerData:r}=m,t=t["showStatistics"],e=e||{},s=Object.assign({minWidth:120},e.columnConfig);let a;return e.proxyConfig&&(a=Object.assign({autoLoad:!1},e.proxyConfig)),Object.assign({},e,{columns:i,columnConfig:s,showFooter:t,footerData:t?r:null,formConfig:{data:o,items:n},proxyConfig:a})}),v=(0,_vue.computed)(()=>{var e=l["gridEvents"];const i={};return _xeUtils.default.each(e,(e,t)=>{i[_xeUtils.default.camelCase("on-"+t)]=e}),i}),i={refElem:a,refGrid:d},o={computeSize:f},p={xID:t,props:l,context:e,reactData:m,getRefMaps:()=>i,getComputeMaps:()=>o},_=[],n=[],h=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?n:_).push(t))}),e=>{if(e&&e.length){const i={};var t=e.map(e=>(i[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender}));return t.push({field:"active",title:"",folding:!1,collapseNode:e.some(e=>e.folding),itemRender:{name:"VxeButtonGroup",options:[{content:"查询",icon:"vxe-icon-search",status:"primary",type:"submit"},{content:"重置",icon:"vxe-icon-repeat",type:"reset"}]}}),{items:t,data:i}}return{items:[],data:{}}}),C=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[];const r=e=>{if(e){var{formConfig:e,searchItems:t,listColumns:i}=e;m.formConfig=e||{};{e=t||[];const{data:o,items:n}=h(e);m.searchFormData=o,m.searchFormItems=n,u("update:formData",o),(0,_vue.nextTick)()}{t=i||[];const r=m["formConfig"],s=t||[],{columns:a,actionButtons:l}=x(s,r);m.listTableColumns=s,m.tableColumns=a,u("update:actionButtons",l),(0,_vue.nextTick)(()=>{const e=g.value;if(e.proxyConfig)b("reload")})}}return(0,_vue.nextTick)()},x=(e,t)=>{const i=Object.assign({},t);var{showSeq:t,actionButtonList:o}=i;const n=[],r={},s=c.cellAction,a=c.footerCell;if(t&&n.push({type:"seq",field:"_seq",fixed:"left",width:70}),C(e||[]).forEach(e=>{e=Object.assign({},e);i.showStatistics&&a&&(e.slots={footer:e=>a(Object.assign({},e))}),e.field&&(r[e.field]=null),n.push(e)}),o&&o.length){t={field:"_active",title:(0,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto"};const l=[];o.forEach(t=>{if("custom"===t.type)return{content:t.name,name:t.code,icon:t.icon};var e,i=_.find(e=>e.code===t.code);let o=t.name,n=t.icon,r=t.status,s=t.permissionCode,a=t.classify;i&&(e=i.name,n=i.icon||"",r=i.status||"",s=i.permissionCode||"",a=i.classify||"",o=_xeUtils.default.toValueString(_xeUtils.default.isFunction(e)?e({name:i.code||""}):e)),a&&"cellButton"!==a||l.push({content:o,name:t.code,icon:n,status:r,permissionCode:s})}),s?t.slots={default(e){return s(Object.assign(Object.assign({},e),{buttons:l}))}}:t.cellRender={name:"VxeButtonGroup",props:{mode:"text"},options:l,events:{click(e,t){var i=t["option"];y("cell-action",Object.assign(Object.assign({},e),{button:i}),t.$event)}}},n.push(t)}return{rowRecord:r,columns:n,actionButtons:o}};const b=(e,...t)=>{var i=d.value;return i?i.commitProxy(e,...t):Promise.resolve()},y=(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$listView:p},t))};t={dispatchEvent:y,clearConfig:()=>(u("update:formData",{}),Object.assign(m,{formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),(0,_vue.nextTick)()),loadConfig:r,parseConfig:e=>{var{formConfig:e,searchItems:t,listColumns:i}=e||{},{columns:i,rowRecord:e,actionButtons:o}=x(i||[],e||m.formConfig),{data:t,items:n}=(t=t||[],h(t||[]));return{formData:t,formItems:n,tableColumns:i,tableRecord:e,actionButtons:o}},getTableRecord:e=>{var t;return _xeUtils.default.isArray(e)?(t=x(e,m.formConfig)["rowRecord"],t):e?({formConfig:t,listColumns:e}=e,e=x(e||[],t||m.formConfig)["rowRecord"],e):{}},getQueryFilter:()=>{const{searchFormData:o,searchFormItems:e}=m,n=[];var t={items:n,type:"and"};return d.value&&e.forEach(e=>{var t,e=e["field"],i=o[e];i&&((t=[]).push({field:e,value:i,match:"exact",type:_xeUtils.default.isArray(i)?"array":""}),n.push({condition:t,type:"and"}))}),t},commitProxy:b};Object.assign(p,t,{});return p.renderVN=()=>{var{height:e,loading:t}=l,i=f.value,o=c.grid,n=g.value,r=v.value;return(0,_vue.h)("div",{ref:a,class:["vxe-list-view",{["size--"+i]:i,"is--loading":t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-view--body"},[o?(0,_vue.h)("div",{class:"vxe-list-view--grid-wrapper"},(0,_vn.getSlotVNs)(o({$listView:p}))):s?(0,_vue.h)(s,Object.assign({},n,r,{ref:d}),Object.assign({},c,{default:void 0})):(0,_vue.createCommentVNode)()]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:t})])},(0,_vue.watch)(()=>l.config,e=>{r(e||{})}),l.config&&r(l.config),(0,_vue.provide)("$xeListView",p),"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{s||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),p},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../render/util"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListView",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listView.size||(0,_ui.getConfig)().size},config:Object,height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listView.height},loading:Boolean,formData:Object,actionButtons:Array,gridOptions:Object,gridEvents:Object,viewRender:Object},emits:["cell-action","update:formData","update:actionButtons"],setup(l,e){const s=_ui.VxeUI.getComponent("VxeGrid"),{emit:u,slots:c}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),d=(0,_vue.ref)(),f=(0,_ui.useSize)(l)["computeSize"],m=(0,_vue.reactive)({formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),g=(0,_vue.computed)(()=>{var e=l["gridOptions"],{formConfig:t,tableColumns:i,searchFormData:o,searchFormItems:n,footerData:r}=m,t=t["showStatistics"],e=e||{},s=Object.assign({minWidth:120},e.columnConfig);let a;return e.proxyConfig&&(a=Object.assign({autoLoad:!1},e.proxyConfig)),Object.assign({},e,{columns:i,columnConfig:s,showFooter:t,footerData:t?r:null,formConfig:{data:o,items:n},proxyConfig:a})}),v=(0,_vue.computed)(()=>{var e=l["gridEvents"];const i={};return _xeUtils.default.each(e,(e,t)=>{i[_xeUtils.default.camelCase("on-"+t)]=e}),i}),i={refElem:a,refGrid:d},o={computeSize:f},p={xID:t,props:l,context:e,reactData:m,getRefMaps:()=>i,getComputeMaps:()=>o},_=[],n=[],h=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?n:_).push(t))}),e=>{if(e&&e.length){const i={};var t=e.map(e=>(i[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender}));return t.push({field:"active",title:"",folding:!1,collapseNode:e.some(e=>e.folding),itemRender:{name:"VxeButtonGroup",options:[{content:"查询",icon:"vxe-icon-search",status:"primary",type:"submit"},{content:"重置",icon:"vxe-icon-repeat",type:"reset"}]}}),{items:t,data:i}}return{items:[],data:{}}}),C=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[];const r=e=>{if(e){var{formConfig:e,searchItems:t,listColumns:i}=e;m.formConfig=e||{};{e=t||[];const{data:o,items:n}=h(e);m.searchFormData=o,m.searchFormItems=n,u("update:formData",o),(0,_vue.nextTick)()}{t=i||[];const r=m["formConfig"],s=t||[],{columns:a,actionButtons:l}=x(s,r);m.listTableColumns=s,m.tableColumns=a,u("update:actionButtons",l),(0,_vue.nextTick)(()=>{const e=g.value;if(e.proxyConfig)b("reload")})}}return(0,_vue.nextTick)()},x=(e,t)=>{const i=Object.assign({},t);var{showSeq:t,actionButtonList:o}=i;const n=[],r={},s=c.cellAction,a=c.footerCell;if(t&&n.push({type:"seq",field:"_seq",fixed:"left",width:70}),C(e||[]).forEach(e=>{e=Object.assign({},e);i.showStatistics&&a&&(e.slots={footer:e=>a(Object.assign({},e))}),e.field&&(r[e.field]=null),n.push(e)}),o&&o.length){t={field:"_active",title:(0,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto"};const l=[];o.forEach(t=>{if("custom"===t.type)return{content:t.name,name:t.code,icon:t.icon};var e,i=_.find(e=>e.code===t.code);let o=t.name,n=t.icon,r=t.status,s=t.permissionCode,a=t.classify;i&&(e=i.name,n=i.icon||"",r=i.status||"",s=i.permissionCode||"",a=i.classify||"",o=_xeUtils.default.toValueString(_xeUtils.default.isFunction(e)?e({name:i.code||""}):e)),a&&"cellButton"!==a||l.push({content:o,name:t.code,icon:n,status:r,permissionCode:s})}),s?t.slots={default(e){return s(Object.assign(Object.assign({},e),{buttons:l}))}}:t.cellRender={name:"VxeButtonGroup",props:{mode:"text"},options:l,events:{click(e,t){var i=t["option"];y("cell-action",Object.assign(Object.assign({},e),{button:i}),t.$event)}}},n.push(t)}return{rowRecord:r,columns:n,actionButtons:o}};const b=(e,...t)=>{var i=d.value;return i?i.commitProxy(e,...t):Promise.resolve()},y=(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$listView:p},t))};t={dispatchEvent:y,clearConfig:()=>(u("update:formData",{}),Object.assign(m,{formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),(0,_vue.nextTick)()),loadConfig:r,parseConfig:e=>{var{formConfig:e,searchItems:t,listColumns:i}=e||{},{columns:i,rowRecord:e,actionButtons:o}=x(i||[],e||m.formConfig),{data:t,items:n}=(t=t||[],h(t||[]));return{formData:t,formItems:n,tableColumns:i,tableRecord:e,actionButtons:o}},getTableRecord:e=>{var t;return _xeUtils.default.isArray(e)?(t=x(e,m.formConfig)["rowRecord"],t):e?({formConfig:t,listColumns:e}=e,e=x(e||[],t||m.formConfig)["rowRecord"],e):{}},getQueryFilter:()=>{const{searchFormData:o,searchFormItems:e}=m,n=[];var t={items:n,type:"and"};return d.value&&e.forEach(e=>{var t,e=e["field"],i=o[e];i&&((t=[]).push({field:e,value:i,match:"exact",type:_xeUtils.default.isArray(i)?"array":""}),n.push({condition:t,type:"and"}))}),t},commitProxy:b};Object.assign(p,t,{});return(0,_vue.watch)(()=>l.config,e=>{r(e||{})}),l.config&&r(l.config),(0,_vue.provide)("$xeListView",p),"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{s||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),p.renderVN=()=>{var{height:e,loading:t}=l,i=f.value,o=c.grid,n=g.value,r=v.value;return(0,_vue.h)("div",{ref:a,class:["vxe-list-view",{["size--"+i]:i,"is--loading":t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-view--body"},[o?(0,_vue.h)("div",{class:"vxe-list-view--grid-wrapper"},(0,_vn.getSlotVNs)(o({$listView:p}))):s?(0,_vue.h)(s,Object.assign({},n,r,{ref:d}),Object.assign({},c,{default:void 0})):(0,_vue.createCommentVNode)()]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:t})])},p},render(){return this.renderVN()}});

package/lib/loading/src/loading.js

@@ -119,11 +119,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-loading--text'
       }, textSlot ? (0, _vn.getSlotVNs)(textSlot({})) : `${loadingText}`) : null])]);
     };
-    $xeLoading.renderVN = renderVN;
     (0, _vue.watch)(() => props.modelValue, () => {
       handleInit();
     });
     handleInit();
+    $xeLoading.renderVN = renderVN;
     return $xeLoading;
+  },
+  render() {
+    return this.renderVN();
   }
 });

package/lib/loading/src/loading.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeLoading",props:{modelValue:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().loading.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showIcon},text:{type:String,default:()=>(0,_ui.getConfig)().loading.text},showText:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showText},status:String,size:{type:String,default:()=>(0,_ui.getConfig)().loading.size||(0,_ui.getConfig)().size}},setup(r,e){const{slots:v,emit:u}=e;var t=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(r)["computeSize"],g=(0,_vue.reactive)({initialized:!1}),i={computeSize:_},n={xID:t,props:r,context:e,reactData:g,getComputeMaps:()=>i},c=(0,_vue.computed)(()=>r.icon||(0,_ui.getIcon)().LOADING),p=(0,_vue.computed)(()=>{var e=r["text"];return _xeUtils.default.isString(e)?e:(0,_ui.getI18n)("vxe.loading.text")}),o=()=>{g.initialized||(g.initialized=!!g.initialized)};Object.assign(n,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$loading:n},t))}},{});return n.renderVN=()=>{var{modelValue:e,showIcon:t,status:i}=r,u=g["initialized"],n=_.value,o=v.default,a=v.text,l=v.icon,s=c.value,d=p.value;return u||e?(0,_vue.h)("div",{class:["vxe-loading",{["size--"+n]:n,["theme--"+i]:i,"is--visible":e}]},o?[(0,_vue.h)("div",{class:"vxe-loading--wrapper"},(0,_vn.getSlotVNs)(o({})))]:[(0,_vue.h)("div",{class:"vxe-loading--chunk"},[t&&(l||s)?(0,_vue.h)("div",{class:"vxe-loading--icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:s})]):(0,_vue.h)("div",{class:"vxe-loading--spinner"}),a||d?(0,_vue.h)("div",{class:"vxe-loading--text"},a?(0,_vn.getSlotVNs)(a({})):""+d):null])]):(0,_vue.createCommentVNode)()},(0,_vue.watch)(()=>r.modelValue,()=>{o()}),o(),n}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeLoading",props:{modelValue:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().loading.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showIcon},text:{type:String,default:()=>(0,_ui.getConfig)().loading.text},showText:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showText},status:String,size:{type:String,default:()=>(0,_ui.getConfig)().loading.size||(0,_ui.getConfig)().size}},setup(d,e){const{slots:v,emit:u}=e;var t=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(d)["computeSize"],g=(0,_vue.reactive)({initialized:!1}),i={computeSize:_},n={xID:t,props:d,context:e,reactData:g,getComputeMaps:()=>i},c=(0,_vue.computed)(()=>d.icon||(0,_ui.getIcon)().LOADING),p=(0,_vue.computed)(()=>{var e=d["text"];return _xeUtils.default.isString(e)?e:(0,_ui.getI18n)("vxe.loading.text")}),o=()=>{g.initialized||(g.initialized=!!g.initialized)};Object.assign(n,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$loading:n},t))}},{});return(0,_vue.watch)(()=>d.modelValue,()=>{o()}),o(),n.renderVN=()=>{var{modelValue:e,showIcon:t,status:i}=d,u=g["initialized"],n=_.value,o=v.default,a=v.text,l=v.icon,s=c.value,r=p.value;return u||e?(0,_vue.h)("div",{class:["vxe-loading",{["size--"+n]:n,["theme--"+i]:i,"is--visible":e}]},o?[(0,_vue.h)("div",{class:"vxe-loading--wrapper"},(0,_vn.getSlotVNs)(o({})))]:[(0,_vue.h)("div",{class:"vxe-loading--chunk"},[t&&(l||s)?(0,_vue.h)("div",{class:"vxe-loading--icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:s})]):(0,_vue.h)("div",{class:"vxe-loading--spinner"}),a||r?(0,_vue.h)("div",{class:"vxe-loading--text"},a?(0,_vn.getSlotVNs)(a({})):""+r):null])]):(0,_vue.createCommentVNode)()},n},render(){return this.renderVN()}});

package/lib/menu/src/menu.js

@@ -163,8 +163,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         hasChild
       } = item;
       if (routerLink) {
-        reactData.activeName = item.itemKey;
-        emit('update:modelValue', item.itemKey);
+        const value = item.itemKey;
+        reactData.activeName = value;
+        emit('update:modelValue', value);
       } else {
         if (hasChild) {
           handleClickIconCollapse(evnt, item);
@@ -279,7 +280,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         modelValue: loading
       })]);
     };
-    $xeMenu.renderVN = renderVN;
     const optFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.options ? props.options.length : -1, () => {
       optFlag.value++;
@@ -304,6 +304,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     });
     updateMenuConfig();
     updateActiveMenu(true);
+    $xeMenu.renderVN = renderVN;
     return $xeMenu;
   },
   render() {

package/lib/menu/src/menu.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"),_index=_interopRequireDefault(require("../../loading/index"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeMenu",props:{modelValue:[String,Number],expandAll:Boolean,collapsed:{type:Boolean,default:null},loading:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:()=>(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","click"],setup(l,e){const n=e["emit"];var i=_xeUtils.default.uniqueId();const t=(0,_vue.inject)("$xeLayoutAside",null),s=(0,_vue.ref)(),u=(0,_vue.ref)(),r=(0,_ui.useSize)(l)["computeSize"],o=(0,_vue.reactive)({activeName:l.modelValue,menuList:[],itemHeight:1}),a={refElem:s},c=(0,_vue.computed)(()=>{var e=l["collapsed"];return _xeUtils.default.isBoolean(e)?e:!!t&&t.props.collapsed}),d={computeSize:r},v={xID:i,props:l,context:e,reactData:o,getRefMaps:()=>a,getComputeMaps:()=>d},m=()=>{var e=u.value,e=e?e.children:[];e.length&&(o.itemHeight=e[0].offsetHeight)},p=e=>{let i=0;return e.isExpand&&e.childList.forEach(e=>{i+=p(e)+1}),i},h=s=>{const u=o["activeName"];_xeUtils.default.eachTree(o.menuList,(e,i,t,a,l,n)=>{e.itemKey===u?(n.forEach(e=>{e.isActive=!0,s&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},_=()=>{const{options:e,expandAll:n}=l;o.menuList=_xeUtils.default.mapTree(e,(e,i,t,a,l)=>{return Object.assign(Object.assign({},e),{parentKey:l?l.name||a.slice(0,a.length-1).join(","):"",level:a.length,itemKey:e.name||a.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!n,hasChild:e.children&&0<e.children.length,childHeight:0})},{children:"children",mapChildren:"childList"})},x=(e,i)=>{var{hasChild:t,isExpand:a}=i;t&&(e.stopPropagation(),e.preventDefault(),i.isExpand=!a,m(),_xeUtils.default.eachTree(o.menuList,e=>{e.hasChild&&e.isExpand?e.childHeight=p(e)*o.itemHeight:e.childHeight=0},{children:"childList"}))},f=(e,i)=>{var{routerLink:t,hasChild:a}=i;t?(o.activeName=i.itemKey,n("update:modelValue",i.itemKey)):a&&x(e,i),g("click",{menu:i},e)},g=(e,i,t)=>{n(e,(0,_ui.createEvent)(t,{$menu:v},i))};i={dispatchEvent:g};Object.assign(v,i,{});const E=i=>{var{icon:e,isExpand:t,hasChild:a}=i,l=""+((l=i).title||l.name);return[(0,_vue.h)("span",{class:"vxe-menu--item-link-icon"},e?[(0,_vue.h)("i",{class:e})]:[]),(0,_vue.h)("span",{class:"vxe-menu--item-link-title",title:l},l),a?(0,_vue.h)("span",{class:"vxe-menu--item-link-collapse",onClick(e){x(e,i)}},[(0,_vue.h)("i",{class:t?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_vue.createCommentVNode)()]},C=i=>{var{itemKey:e,level:t,hasChild:a,isActive:l,isExactActive:n,isExpand:s,routerLink:u,childList:r}=i,o=c.value;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+t,{"is--exact-active":n,"is--active":l,"is--expand":!o&&s}]},[u?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:u,onClick(e){f(e,i)}},{default:()=>E(i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onClick(e){f(e,i)}},E(i)),a?(0,_vue.h)("div",{class:"vxe-menu--item-group",style:{}},r.map(e=>C(e))):(0,_vue.createCommentVNode)()])};v.renderVN=()=>{var e=l["loading"],i=o["menuList"],t=r.value,a=c.value;return(0,_vue.h)("div",{ref:s,class:["vxe-menu",{["size--"+t]:t,"is--collapsed":a,"is--loading":e}]},[(0,_vue.h)("div",{ref:u,class:"vxe-menu--item-list"},i.map(e=>C(e))),(0,_vue.h)(_index.default,{class:"vxe-list-view--loading",modelValue:e})])};const k=(0,_vue.ref)(0);return(0,_vue.watch)(()=>l.options?l.options.length:-1,()=>{k.value++}),(0,_vue.watch)(()=>l.options,()=>{k.value++}),(0,_vue.watch)(k,()=>{_(),h(!0)}),(0,_vue.watch)(()=>l.modelValue,e=>{o.activeName=e}),(0,_vue.watch)(()=>o.activeName,()=>{h(!0)}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{m()})}),_(),h(!0),v},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"),_index=_interopRequireDefault(require("../../loading/index"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeMenu",props:{modelValue:[String,Number],expandAll:Boolean,collapsed:{type:Boolean,default:null},loading:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:()=>(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","click"],setup(l,e){const n=e["emit"];var i=_xeUtils.default.uniqueId();const t=(0,_vue.inject)("$xeLayoutAside",null),s=(0,_vue.ref)(),u=(0,_vue.ref)(),r=(0,_ui.useSize)(l)["computeSize"],o=(0,_vue.reactive)({activeName:l.modelValue,menuList:[],itemHeight:1}),a={refElem:s},c=(0,_vue.computed)(()=>{var e=l["collapsed"];return _xeUtils.default.isBoolean(e)?e:!!t&&t.props.collapsed}),d={computeSize:r},v={xID:i,props:l,context:e,reactData:o,getRefMaps:()=>a,getComputeMaps:()=>d},m=()=>{var e=u.value,e=e?e.children:[];e.length&&(o.itemHeight=e[0].offsetHeight)},p=e=>{let i=0;return e.isExpand&&e.childList.forEach(e=>{i+=p(e)+1}),i},h=s=>{const u=o["activeName"];_xeUtils.default.eachTree(o.menuList,(e,i,t,a,l,n)=>{e.itemKey===u?(n.forEach(e=>{e.isActive=!0,s&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},_=()=>{const{options:e,expandAll:n}=l;o.menuList=_xeUtils.default.mapTree(e,(e,i,t,a,l)=>{return Object.assign(Object.assign({},e),{parentKey:l?l.name||a.slice(0,a.length-1).join(","):"",level:a.length,itemKey:e.name||a.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!n,hasChild:e.children&&0<e.children.length,childHeight:0})},{children:"children",mapChildren:"childList"})},x=(e,i)=>{var{hasChild:t,isExpand:a}=i;t&&(e.stopPropagation(),e.preventDefault(),i.isExpand=!a,m(),_xeUtils.default.eachTree(o.menuList,e=>{e.hasChild&&e.isExpand?e.childHeight=p(e)*o.itemHeight:e.childHeight=0},{children:"childList"}))},f=(e,i)=>{var{routerLink:t,hasChild:a}=i;t?(t=i.itemKey,o.activeName=t,n("update:modelValue",t)):a&&x(e,i),g("click",{menu:i},e)},g=(e,i,t)=>{n(e,(0,_ui.createEvent)(t,{$menu:v},i))};i={dispatchEvent:g};Object.assign(v,i,{});const E=i=>{var{icon:e,isExpand:t,hasChild:a}=i,l=""+((l=i).title||l.name);return[(0,_vue.h)("span",{class:"vxe-menu--item-link-icon"},e?[(0,_vue.h)("i",{class:e})]:[]),(0,_vue.h)("span",{class:"vxe-menu--item-link-title",title:l},l),a?(0,_vue.h)("span",{class:"vxe-menu--item-link-collapse",onClick(e){x(e,i)}},[(0,_vue.h)("i",{class:t?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_vue.createCommentVNode)()]},C=i=>{var{itemKey:e,level:t,hasChild:a,isActive:l,isExactActive:n,isExpand:s,routerLink:u,childList:r}=i,o=c.value;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+t,{"is--exact-active":n,"is--active":l,"is--expand":!o&&s}]},[u?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:u,onClick(e){f(e,i)}},{default:()=>E(i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onClick(e){f(e,i)}},E(i)),a?(0,_vue.h)("div",{class:"vxe-menu--item-group",style:{}},r.map(e=>C(e))):(0,_vue.createCommentVNode)()])};const k=(0,_vue.ref)(0);return(0,_vue.watch)(()=>l.options?l.options.length:-1,()=>{k.value++}),(0,_vue.watch)(()=>l.options,()=>{k.value++}),(0,_vue.watch)(k,()=>{_(),h(!0)}),(0,_vue.watch)(()=>l.modelValue,e=>{o.activeName=e}),(0,_vue.watch)(()=>o.activeName,()=>{h(!0)}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{m()})}),_(),h(!0),v.renderVN=()=>{var e=l["loading"],i=o["menuList"],t=r.value,a=c.value;return(0,_vue.h)("div",{ref:s,class:["vxe-menu",{["size--"+t]:t,"is--collapsed":a,"is--loading":e}]},[(0,_vue.h)("div",{ref:u,class:"vxe-menu--item-list"},i.map(e=>C(e))),(0,_vue.h)(_index.default,{class:"vxe-list-view--loading",modelValue:e})])},v},render(){return this.renderVN()}});

package/lib/number-input/src/number-input.js

@@ -98,6 +98,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       isActivated: false,
       inputValue: props.modelValue
     });
+    const internalData = {
+      dnTimeout: undefined
+    };
     const refElem = (0, _vue.ref)();
     const refInputTarget = (0, _vue.ref)();
     const refInputPanel = (0, _vue.ref)();
@@ -110,9 +113,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
-    let inputMethods = {};
+    let numberInputMethods = {};
     const computeFormReadonly = (0, _vue.computed)(() => {
       const {
         readonly
@@ -137,9 +141,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       return disabled;
     });
-    const computeIsNumType = (0, _vue.computed)(() => {
-      return true;
-    });
     const computeDigitsValue = (0, _vue.computed)(() => {
       return _xeUtils.default.toInteger(props.digits) || 1;
     });
@@ -179,7 +180,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       return (0, _ui.getI18n)('vxe.base.pleaseInput');
     });
-    const computeInpMaxlength = (0, _vue.computed)(() => {
+    const computeInpMaxLength = (0, _vue.computed)(() => {
       const {
         maxLength,
         maxlength
@@ -201,11 +202,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         inputValue
       } = reactData;
-      const isNumType = computeIsNumType.value;
-      if (isNumType) {
-        return type === 'integer' ? _xeUtils.default.toInteger((0, _util.handleNumber)(inputValue)) : _xeUtils.default.toNumber((0, _util.handleNumber)(inputValue));
-      }
-      return 0;
+      return type === 'integer' ? _xeUtils.default.toInteger((0, _util.handleNumber)(inputValue)) : _xeUtils.default.toNumber((0, _util.handleNumber)(inputValue));
     });
     const computeNumLabel = (0, _vue.computed)(() => {
       const {
@@ -220,10 +217,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         inputValue
       } = reactData;
-      const isNumType = computeIsNumType.value;
       const numValue = computeNumValue.value;
       // 当有值时再进行判断
-      if ((inputValue || inputValue === 0) && isNumType && min !== null) {
+      if ((inputValue || inputValue === 0) && min !== null) {
         return numValue <= _xeUtils.default.toNumber(min);
       }
       return false;
@@ -235,10 +231,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         inputValue
       } = reactData;
-      const isNumType = computeIsNumType.value;
       const numValue = computeNumValue.value;
       // 当有值时再进行判断
-      if ((inputValue || inputValue === 0) && isNumType && max !== null) {
+      if ((inputValue || inputValue === 0) && max !== null) {
         return numValue >= _xeUtils.default.toNumber(max);
       }
       return false;
@@ -248,33 +243,34 @@ var _default = exports.default = (0, _vue.defineComponent)({
         type,
         exponential
       } = props;
-      const inpMaxlength = computeInpMaxlength.value;
+      const inpMaxLength = computeInpMaxLength.value;
       const digitsValue = computeDigitsValue.value;
       const restVal = type === 'float' ? (0, _util.toFloatValueFixed)(val, digitsValue) : _xeUtils.default.toValueString(val);
       if (exponential && (val === restVal || _xeUtils.default.toValueString(val).toLowerCase() === _xeUtils.default.toNumber(restVal).toExponential())) {
         return val;
       }
-      return restVal.slice(0, inpMaxlength);
+      return restVal.slice(0, inpMaxLength);
     };
     const triggerEvent = evnt => {
       const {
         inputValue
       } = reactData;
-      inputMethods.dispatchEvent(evnt.type, {
+      numberInputMethods.dispatchEvent(evnt.type, {
         value: inputValue
       }, evnt);
     };
-    const emitModel = (value, inputValue, evnt) => {
+    const handleChange = (val, inputValue, evnt) => {
+      const value = val ? Number(val) : null;
       const isChange = Number(value) !== props.modelValue;
       if (isChange) {
         reactData.inputValue = inputValue || '';
-        emit('update:modelValue', value ? Number(value) : null);
+        emit('update:modelValue', value);
       }
-      inputMethods.dispatchEvent('input', {
+      numberInputMethods.dispatchEvent('input', {
         value
       }, evnt);
       if (isChange) {
-        inputMethods.dispatchEvent('change', {
+        numberInputMethods.dispatchEvent('change', {
           value
         }, evnt);
         // 自动更新校验状态
@@ -288,9 +284,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const value = inputValue ? _xeUtils.default.toNumber(inputValue) : null;
       reactData.inputValue = inputValue;
       if (inpImmediate) {
-        emitModel(value, inputValue, evnt);
+        handleChange(value, inputValue, evnt);
       } else {
-        inputMethods.dispatchEvent('input', {
+        numberInputMethods.dispatchEvent('input', {
           value
         }, evnt);
       }
@@ -316,15 +312,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const {
           inputValue
         } = reactData;
-        inputMethods.dispatchEvent('prefix-click', {
+        numberInputMethods.dispatchEvent('prefix-click', {
           value: inputValue
         }, evnt);
       }
     };
     const clearValueEvent = (evnt, value) => {
       focus();
-      emitModel(null, '', evnt);
-      inputMethods.dispatchEvent('clear', {
+      handleChange(null, '', evnt);
+      numberInputMethods.dispatchEvent('clear', {
         value
       }, evnt);
     };
@@ -334,7 +330,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const {
           inputValue
         } = reactData;
-        inputMethods.dispatchEvent('suffix-click', {
+        numberInputMethods.dispatchEvent('suffix-click', {
           value: inputValue
         }, evnt);
       }
@@ -359,7 +355,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             validValue = Number(textValue);
           }
           if (inputValue !== validValue) {
-            emitModel(validValue, textValue, {
+            handleChange(validValue, textValue, {
               type: 'init'
             });
           }
@@ -398,7 +394,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             }
           }
           const inpValue = getNumberValue(inpNumVal);
-          emitModel(inpValue === null ? null : Number(inpValue), inpValue, {
+          handleChange(inpValue === null ? null : Number(inpValue), inpValue, {
             type: 'check'
           });
         }
@@ -411,11 +407,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const inpImmediate = computeInpImmediate.value;
       const value = inputValue ? Number(inputValue) : null;
       if (!inpImmediate) {
-        emitModel(value, `${inputValue || ''}`, evnt);
+        handleChange(value, `${inputValue || ''}`, evnt);
       }
       afterCheckValue();
       reactData.isActivated = false;
-      inputMethods.dispatchEvent('blur', {
+      numberInputMethods.dispatchEvent('blur', {
         value
       }, evnt);
     };
@@ -442,19 +438,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       emitInputEvent(getNumberValue(restNum), evnt);
     };
-    let downbumTimeout;
     const numberNextEvent = evnt => {
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
-      clearTimeout(downbumTimeout);
+      numberStopDown();
       if (!isDisabled && !formReadonly && !isDisabledSubtractNumber) {
         numberChange(false, evnt);
       }
-      inputMethods.dispatchEvent('next-number', {}, evnt);
+      numberInputMethods.dispatchEvent('next-number', {}, evnt);
     };
     const numberDownNextEvent = evnt => {
-      downbumTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = window.setTimeout(() => {
         numberNextEvent(evnt);
         numberDownNextEvent(evnt);
       }, 60);
@@ -463,11 +458,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       const isDisabledAddNumber = computeIsDisabledAddNumber.value;
-      clearTimeout(downbumTimeout);
+      numberStopDown();
       if (!isDisabled && !formReadonly && !isDisabledAddNumber) {
         numberChange(true, evnt);
       }
-      inputMethods.dispatchEvent('prev-number', {}, evnt);
+      numberInputMethods.dispatchEvent('prev-number', {}, evnt);
     };
     const numberKeydownEvent = evnt => {
       const isUpArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_UP);
@@ -486,24 +481,21 @@ var _default = exports.default = (0, _vue.defineComponent)({
         exponential,
         controls
       } = props;
-      const isNumType = computeIsNumType.value;
-      if (isNumType) {
-        const isCtrlKey = evnt.ctrlKey;
-        const isShiftKey = evnt.shiftKey;
-        const isAltKey = evnt.altKey;
-        const keyCode = evnt.keyCode;
-        const isEsc = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ESCAPE);
-        const isUpArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_UP);
-        const isDwArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);
-        if (!isCtrlKey && !isShiftKey && !isAltKey && (_ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
-          evnt.preventDefault();
-        }
-        if (isEsc) {
-          afterCheckValue();
-        } else if (isUpArrow || isDwArrow) {
-          if (controls) {
-            numberKeydownEvent(evnt);
-          }
+      const isCtrlKey = evnt.ctrlKey;
+      const isShiftKey = evnt.shiftKey;
+      const isAltKey = evnt.altKey;
+      const keyCode = evnt.keyCode;
+      const isEsc = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ESCAPE);
+      const isUpArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_UP);
+      const isDwArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      if (!isCtrlKey && !isShiftKey && !isAltKey && (_ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
+        evnt.preventDefault();
+      }
+      if (isEsc) {
+        afterCheckValue();
+      } else if (isUpArrow || isDwArrow) {
+        if (controls) {
+          numberKeydownEvent(evnt);
         }
       }
       triggerEvent(evnt);
@@ -513,10 +505,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     // 数值
     const numberStopDown = () => {
-      clearTimeout(downbumTimeout);
+      const {
+        dnTimeout
+      } = internalData;
+      if (dnTimeout) {
+        clearTimeout(dnTimeout);
+        internalData.dnTimeout = undefined;
+      }
     };
     const numberDownPrevEvent = evnt => {
-      downbumTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = window.setTimeout(() => {
         numberPrevEvent(evnt);
         numberDownPrevEvent(evnt);
       }, 60);
@@ -530,7 +528,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } else {
           numberNextEvent(evnt);
         }
-        downbumTimeout = window.setTimeout(() => {
+        internalData.dnTimeout = window.setTimeout(() => {
           if (isPrevNumber) {
             numberDownPrevEvent(evnt);
           } else {
@@ -540,8 +538,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
     };
     const wheelEvent = evnt => {
-      const isNumType = computeIsNumType.value;
-      if (isNumType && props.controls) {
+      if (props.controls) {
         if (reactData.isActivated) {
           const delta = evnt.deltaY;
           if (delta > 0) {
@@ -679,12 +676,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       return (0, _vue.createCommentVNode)();
     };
-    inputMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, (0, _ui.createEvent)(evnt, {
-          $input: $xeNumberInput
-        }, params));
-      },
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $numberInput: $xeNumberInput
+      }, params));
+    };
+    numberInputMethods = {
+      dispatchEvent,
       focus() {
         const inputElem = refInputTarget.value;
         reactData.isActivated = true;
@@ -704,7 +702,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return (0, _vue.nextTick)();
       }
     };
-    Object.assign($xeNumberInput, inputMethods);
+    Object.assign($xeNumberInput, numberInputMethods);
     const renderVN = () => {
       const {
         className,
@@ -730,7 +728,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }, numLabel);
       }
       const inputReadonly = computeInputReadonly.value;
-      const inpMaxlength = computeInpMaxlength.value;
+      const inpMaxLength = computeInpMaxLength.value;
       const inpPlaceholder = computeInpPlaceholder.value;
       const isClearable = computeIsClearable.value;
       const prefix = renderPrefixIcon();
@@ -757,7 +755,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         name,
         type: 'text',
         placeholder: inpPlaceholder,
-        maxlength: inpMaxlength,
+        maxlength: inpMaxLength,
         readonly: inputReadonly,
         disabled: isDisabled,
         autocomplete: autoComplete || autocomplete,