vxe-design 4.1.3 → 4.1.6

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

@@ -10,6 +10,9 @@ var _core = require("@vxe-ui/core");
 var _log = require("../../ui/src/log");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  errLog
+} = (0, _log.createComponentLog)('list-design');
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'ListDesignLayoutView',
   props: {},
@@ -136,7 +139,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     });
     (0, _vue.nextTick)(() => {
       if (!VxeUIGridComponent) {
-        (0, _log.errLog)('vxe.error.reqComp', ['vxe-grid']);
+        errLog('vxe.error.reqComp', ['vxe-grid']);
       }
     });
     return () => {

package/lib/list-design/src/layout-preview.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"ListDesignLayoutView",props:{},emits:[],setup(){let r=_core.VxeUI.getComponent("vxe-grid"),s=_core.VxeUI.getComponent("vxe-form");var e=(0,_vue.inject)("$xeListDesign",null);if(!e)return()=>[];let o=e.reactData,n=(0,_vue.ref)(),a=(0,_vue.ref)([]),u=(0,_vue.computed)(()=>{var e=o.searchFormItems;return e.length?e.concat([{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"}]}}]):e}),v=(0,_vue.computed)(()=>{var{formData:e,listTableColumns:t}=o,{showSeq:e,actionButtonList:i}=e;let l=[];return e&&l.push({type:"seq",field:"_seq",width:70}),t.forEach(e=>{l.push({field:e.field,title:e.title,visible:e.visible,width:e.width})}),i&&i.length&&l.push({field:"_active",title:(0,_core.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto",cellRender:{name:"VxeButtonGroup",options:[]}}),l}),c=({column:t,resizeWidth:e})=>{var i=o.listTableColumns,i=_xeUtils.default.findTree(i,e=>e.field===t.field,{children:"children"});i&&(i=i.item,i.width=e)},t=()=>{let e=o.listTableColumns;var t=[{},{}];t.forEach(t=>{e.forEach(e=>{t[e.field]="-"})}),a.value=t},i=(0,_vue.ref)(0);return(0,_vue.watch)(()=>o.listTableColumns?o.listTableColumns.length:-1,()=>{i.value++}),(0,_vue.watch)(()=>o.listTableColumns,()=>{i.value++}),(0,_vue.watch)(i,()=>{t()}),(0,_vue.onMounted)(()=>{t()}),(0,_vue.nextTick)(()=>{r||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),()=>{var{searchFormData:e,searchFormItems:t}=o,i=u.value,l=v.value;return(0,_vue.h)("div",{class:"vxe-list-design--preview"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-wrapper"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-search"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-title"},(0,_core.getI18n)("vxe.listDesign.searchTitle")),t.length?(0,_vue.h)(s,{data:e,items:i}):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.listDesign.search.emptyText"))])]),(0,_vue.h)("div",{class:"vxe-list-design--preview-table"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-title"},(0,_core.getI18n)("vxe.listDesign.listTitle")),r?(0,_vue.h)(r,{ref:n,columns:l,data:a.value,showOverflow:!0,border:!0,columnConfig:{minWidth:"auto",resizable:!0},rowConfig:{isHover:!0},scrollX:{enabled:!1},scrollY:{enabled:!1},onResizableChange:c}):(0,_vue.createCommentVNode)()])])])}}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("list-design").errLog;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"ListDesignLayoutView",props:{},emits:[],setup(){let l=_core.VxeUI.getComponent("vxe-grid"),s=_core.VxeUI.getComponent("vxe-form");var e=(0,_vue.inject)("$xeListDesign",null);if(!e)return()=>[];let o=e.reactData,n=(0,_vue.ref)(),a=(0,_vue.ref)([]),u=(0,_vue.computed)(()=>{var e=o.searchFormItems;return e.length?e.concat([{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"}]}}]):e}),v=(0,_vue.computed)(()=>{var{formData:e,listTableColumns:t}=o,{showSeq:e,actionButtonList:i}=e;let r=[];return e&&r.push({type:"seq",field:"_seq",width:70}),t.forEach(e=>{r.push({field:e.field,title:e.title,visible:e.visible,width:e.width})}),i&&i.length&&r.push({field:"_active",title:(0,_core.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto",cellRender:{name:"VxeButtonGroup",options:[]}}),r}),c=({column:t,resizeWidth:e})=>{var i=o.listTableColumns,i=_xeUtils.default.findTree(i,e=>e.field===t.field,{children:"children"});i&&(i=i.item,i.width=e)},t=()=>{let e=o.listTableColumns;var t=[{},{}];t.forEach(t=>{e.forEach(e=>{t[e.field]="-"})}),a.value=t},i=(0,_vue.ref)(0);return(0,_vue.watch)(()=>o.listTableColumns?o.listTableColumns.length:-1,()=>{i.value++}),(0,_vue.watch)(()=>o.listTableColumns,()=>{i.value++}),(0,_vue.watch)(i,()=>{t()}),(0,_vue.onMounted)(()=>{t()}),(0,_vue.nextTick)(()=>{l||errLog("vxe.error.reqComp",["vxe-grid"])}),()=>{var{searchFormData:e,searchFormItems:t}=o,i=u.value,r=v.value;return(0,_vue.h)("div",{class:"vxe-list-design--preview"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-wrapper"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-search"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-title"},(0,_core.getI18n)("vxe.listDesign.searchTitle")),t.length?(0,_vue.h)(s,{data:e,items:i}):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.listDesign.search.emptyText"))])]),(0,_vue.h)("div",{class:"vxe-list-design--preview-table"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-title"},(0,_core.getI18n)("vxe.listDesign.listTitle")),l?(0,_vue.h)(l,{ref:n,columns:r,data:a.value,showOverflow:!0,border:!0,columnConfig:{minWidth:"auto",resizable:!0},rowConfig:{isHover:!0},scrollX:{enabled:!1},scrollY:{enabled:!1},onResizableChange:c}):(0,_vue.createCommentVNode)()])])])}}});

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

@@ -13,6 +13,9 @@ var _vn = require("../../ui/src/vn");
 var _util = require("../render/util");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  errLog
+} = (0, _log.createComponentLog)('list-design');
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeListView',
   props: {
@@ -504,7 +507,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     (0, _vue.provide)('$xeListView', $xeListView);
     (0, _vue.nextTick)(() => {
       if (!VxeUILoadingComponent) {
-        (0, _log.errLog)('vxe.error.reqComp', ['vxe-grid']);
+        errLog('vxe.error.reqComp', ['vxe-grid']);
       }
     });
     $xeListView.renderVN = renderVN;

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

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

package/lib/ui/index.js

@@ -15,7 +15,7 @@ const {
   setConfig,
   setIcon
 } = _core.VxeUI;
-_core.VxeUI.designVersion = "4.1.3";
+_core.VxeUI.designVersion = "4.1.6";
 setConfig({
   formDesign: {
     height: 400,

package/lib/ui/index.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _core.VxeUI}}),exports.default=void 0;var _core=require("@vxe-ui/core");let{setConfig,setIcon}=_core.VxeUI,iconPrefix=(_core.VxeUI.designVersion="4.1.3",setConfig({formDesign:{height:400,showHeader:!0,showPc:!0,showStyleSetting:!1},formView:{},listDesign:{height:400,showPc:!0},listView:{}}),"vxe-icon-");setIcon({FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete"});var _default=exports.default=_core.VxeUI;
+Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _core.VxeUI}}),exports.default=void 0;var _core=require("@vxe-ui/core");let{setConfig,setIcon}=_core.VxeUI,iconPrefix=(_core.VxeUI.designVersion="4.1.6",setConfig({formDesign:{height:400,showHeader:!0,showPc:!0,showStyleSetting:!1},formView:{},listDesign:{height:400,showPc:!0},listView:{}}),"vxe-icon-");setIcon({FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete"});var _default=exports.default=_core.VxeUI;

package/lib/ui/src/log.js

@@ -3,11 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createComponentLog = createComponentLog;
 exports.warnLog = exports.errLog = void 0;
 var _core = require("@vxe-ui/core");
 const {
   log
 } = _core.VxeUI;
-const version = `design v${"4.1.3"}`;
-const warnLog = exports.warnLog = log.create('warn', version);
-const errLog = exports.errLog = log.create('error', version);
+const designVersion = `design v${"4.1.6"}`;
+function createComponentLog(name) {
+  const uiVersion = _core.VxeUI.uiVersion ? `ui v${_core.VxeUI.uiVersion}` : '';
+  const tableVersion = _core.VxeUI.tableVersion ? `table v${_core.VxeUI.tableVersion}` : '';
+  const ganttVersion = _core.VxeUI.ganttVersion ? `gantt v${_core.VxeUI.ganttVersion}` : '';
+  const versionInfo = [uiVersion, tableVersion, ganttVersion, designVersion].join(' ');
+  return {
+    warnLog: log.create('warn', versionInfo + '] [' + name),
+    errLog: log.create('error', versionInfo + '] [' + name)
+  };
+}
+const warnLog = exports.warnLog = log.create('warn', designVersion);
+const errLog = exports.errLog = log.create('error', designVersion);

package/lib/ui/src/log.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="design v4.1.3",warnLog=exports.warnLog=log.create("warn",version),errLog=exports.errLog=log.create("error",version);
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.createComponentLog=createComponentLog,exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,designVersion="design v4.1.6";function createComponentLog(e){var r=[_core.VxeUI.uiVersion?"ui v"+_core.VxeUI.uiVersion:"",_core.VxeUI.tableVersion?"table v"+_core.VxeUI.tableVersion:"",_core.VxeUI.ganttVersion?"gantt v"+_core.VxeUI.ganttVersion:"",designVersion].join(" ");return{warnLog:log.create("warn",r+"] ["+e),errLog:log.create("error",r+"] ["+e)}}let warnLog=exports.warnLog=log.create("warn",designVersion),errLog=exports.errLog=log.create("error",designVersion);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-design",
-  "version": "4.1.3",
+  "version": "4.1.6",
   "description": "A PC-based visual designer based on Vxe UI, used for building zero-code and low-code platforms",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -10,6 +10,7 @@
     "lib": "npm run lib:pack && npm run lib:modules"
   },
   "files": [
+    "dist",
     "lib",
     "es",
     "src",
@@ -25,6 +26,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vue/cli-plugin-babel": "~5.0.0",
@@ -56,11 +58,12 @@
     "postcss": "^8.4.38",
     "sass": "^1.80.4",
     "sass-loader": "^14.2.1",
-    "typescript": "~4.9.5",
+    "rollup": "^4.53.3",
+    "typescript": "~5.9.3",
     "vue": "3.4.27",
     "vue-router": "~4.5.1",
-    "vxe-pc-ui": "^4.14.13",
-    "vxe-table": "^4.18.13"
+    "vxe-pc-ui": "4.16.0",
+    "vxe-table": "4.20.0"
   },
   "vetur": {
     "tags": "helper/vetur/tags.json",

package/packages/form-design/src/widget-info.ts

@@ -1,12 +1,14 @@
 import { ref } from 'vue'
 import { renderer } from '@vxe-ui/core'
 import { getNewWidgetId } from './util'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import XEUtils from 'xe-utils'
 
 import type { VxeFormPropTypes } from 'vxe-pc-ui'
 import type { VxeFormDesignConstructor, VxeFormDesignDefines, VxeGlobalRendererHandles } from '../../../types'
 
+const { errLog } = createComponentLog('form-design')
+
 // 控件原始配置信息，带响应
 const refWidgetReactConfigMaps = ref<Record<string, VxeGlobalRendererHandles.CreateFormDesignWidgetConfigObj>>({})
 

package/packages/list-design/src/layout-preview.ts

@@ -1,13 +1,15 @@
 import { h, inject, ref, watch, onMounted, createCommentVNode, nextTick, computed } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { VxeUI, getI18n } from '@vxe-ui/core'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import XEUtils from 'xe-utils'
 
 import type { VxeFormPropTypes } from 'vxe-pc-ui'
 import type { VxeGridInstance, VxeGridPropTypes, VxeTableEvents, VxeTablePropTypes } from 'vxe-table'
 import type { VxeListDesignConstructor, VxeListDesignPrivateMethods } from '../../../types'
 
+const { errLog } = createComponentLog('list-design')
+
 export default defineVxeComponent({
   name: 'ListDesignLayoutView',
   props: {},

package/packages/list-design/src/list-view.ts

@@ -1,7 +1,7 @@
 import { ref, PropType, h, reactive, provide, watch, nextTick, computed } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { VxeUI, getConfig, createEvent, getI18n, renderer, useSize, renderEmptyElement } from '@vxe-ui/core'
-import { errLog } from '../../ui/src/log'
+import { createComponentLog } from '../../ui/src/log'
 import { toCssUnit } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createListDesignActionButton } from '../render/util'
@@ -11,6 +11,8 @@ import type { ListViewReactData, ListViewPrivateRef, VxeListViewPropTypes, VxeLi
 import type { VxeButtonGroupDefines, VxeButtonGroupPropTypes } from 'vxe-pc-ui'
 import type { VxeGridInstance, VxeGridPropTypes, VxeGridProps, VxeTableDefines } from 'vxe-table'
 
+const { errLog } = createComponentLog('list-design')
+
 export default defineVxeComponent({
   name: 'VxeListView',
   props: {

package/packages/ui/src/log.ts

@@ -2,7 +2,18 @@ import { VxeUI } from '@vxe-ui/core'
 
 const { log } = VxeUI
 
-const version = `design v${process.env.VUE_APP_VXE_VERSION}`
+const designVersion = `design v${process.env.VUE_APP_VXE_VERSION}`
 
-export const warnLog = log.create('warn', version)
-export const errLog = log.create('error', version)
+export function createComponentLog (name: string) {
+  const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : ''
+  const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : ''
+  const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : ''
+  const versionInfo = [uiVersion, tableVersion, ganttVersion, designVersion].join(' ')
+  return {
+    warnLog: log.create('warn', versionInfo + '] [' + name),
+    errLog: log.create('error', versionInfo + '] [' + name)
+  }
+}
+
+export const warnLog = log.create('warn', designVersion)
+export const errLog = log.create('error', designVersion)

package/types/all.d.ts

@@ -1,5 +1,12 @@
 import { App } from 'vue'
-import { VxeUIExport, VxeGlobalConfig } from 'vxe-pc-ui'
+import { VxeUIExport, VxeGlobalConfig, VxeComponentKebabCaseKeys } from 'vxe-pc-ui'
+
+import VxeFlowDesign from 'vxe-pc-ui/types/components/flow-design'
+import VxeFlowView from 'vxe-pc-ui/types/components/flow-view'
+import VxeFormDesign from 'vxe-pc-ui/types/components/form-design'
+import VxeFormView from 'vxe-pc-ui/types/components/form-view'
+import VxeListDesign from 'vxe-pc-ui/types/components/list-design'
+import VxeListView from 'vxe-pc-ui/types/components/list-view'
 
 declare global {
   interface Window {
@@ -9,6 +16,41 @@ declare global {
 
 export function install (app: App, options?: VxeGlobalConfig): void
 
+interface AllComponents {
+  /**
+   * FlowDesign 流程设计器
+   */
+  VxeFlowDesign: typeof VxeFlowDesign
+  /**
+   * FlowView 流程设计器 - 视图
+   */
+  VxeFlowView: typeof VxeFlowView
+  /**
+   * FormDesign 表单设计器
+   */
+  VxeFormDesign: typeof VxeFormDesign
+  /**
+   * FormView 表单设计器 - 视图
+   */
+  VxeFormView: typeof VxeFormView
+  /**
+   * ListDesign 列表设计器
+   */
+  VxeListDesign: typeof VxeListDesign
+  /**
+   * ListView 列表设计器 - 视图
+   */
+  VxeListView: typeof VxeListView
+}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents extends AllComponents {}
+}
+
+declare module '@vxe-ui/core' {
+  export interface VxeGlobalComponents extends AllComponents, VxeComponentKebabCaseKeys<AllComponents> {}
+}
+
 // Vxe core
 export * from 'vxe-pc-ui/types/ui'