vxe-pc-ui 4.6.49 → 4.7.0-beta.0

package/lib/list-design/src/default-setting-form.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultParameterSettingFormComponent=exports.DefaultFieldSettingFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_util=require("../render/util"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_text=_interopRequireDefault(require("../../text/src/text")),_select=_interopRequireDefault(require("../../select/src/select")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_group=_interopRequireDefault(require("../../radio/src/group")),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const refWidgetReactConfigMaps=(0,_vue.ref)({}),DefaultFieldSettingFormComponent=exports.DefaultFieldSettingFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultFieldSettingForm",props:{},emits:[],setup(){const i=(0,_vue.inject)("$xeListDesign",null);if(!i)return()=>[];const c=i["reactData"],d=(0,_vue.ref)(!1),v=(0,_vue.ref)(!1),o=e=>{e.visible=!e.visible,c.listTableColumns=c.listTableColumns.slice(0)},e=()=>{const{listTableColumns:e,searchFormItems:s}=c,a=refWidgetReactConfigMaps.value,n=[],l=(e.forEach(t=>{var i=t["cellRender"];if(i){var l,o=s.find(e=>e.field===t.field),i=i.name||"";let e=a[i];e||(l=_core.renderer.get(i))&&(l=l.createFormDesignWidgetConfig)&&(e=l({name:i,$formDesign:null})||{},a[i]=e),e.query&&n.push(Object.assign(Object.assign({},t),{checked:!!o,isHalf:!1,folding:!!o&&!!o.folding}))}}),refWidgetReactConfigMaps.value=Object.assign({},a),(0,_vue.ref)(n)),o=()=>{var e=l.value;d.value=e.every(e=>e.checked),v.value=!d.value&&e.some(e=>e.checked||e.isHalf)},r=t=>{var e=l.value,e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.checked=e.children.every(e=>e.checked),e.isHalf=!e.checked&&e.children.some(e=>e.checked||e.isHalf),r(e))},u=()=>{var e=l.value;const t=!d.value;_xeUtils.default.eachTree(e,e=>{e.checked=t,e.isHalf=!1}),d.value=t,o()};_core.VxeUI.modal.open({title:(0,_core.getI18n)("vxe.listDesign.search.editPopupTitle"),width:680,height:500,showFooter:!0,escClosable:!0,showCancelButton:!0,showConfirmButton:!0,confirmButtonText:(0,_core.getI18n)("vxe.listDesign.searchPopup.saveBtn"),showZoom:!0,resize:!0,onConfirm:()=>{var e=l.value;const t=[];e.forEach(e=>{e.checked&&t.push({field:e.field,title:e.title,folding:e.folding,itemRender:Object.assign({},e.cellRender)})}),i.setSearchItems(t)},slots:{default(){var e=d.value,t=v.value,i=l.value;return(0,_vue.h)("div",{class:"vxe-list-design--field-search-popup"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},[(0,_vue.h)("col",{style:{width:"80px"}}),(0,_vue.h)("col")]),(0,_vue.h)("thead",{},[(0,_vue.h)("th",{},[(0,_vue.h)("div",{class:["vxe-list-design--field-search-checkbox-option",{"is--checked":e,"is--indeterminate":t}],title:(0,_core.getI18n)("vxe.table.allTitle"),onClick:u},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",t?(0,_core.getIcon)().CHECKBOX_INDETERMINATE:e?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},(0,_core.getI18n)("vxe.toolbar.customAll"))])]),(0,_vue.h)("th",{},(0,_core.getI18n)("vxe.listDesign.searchPopup.colTitle"))]),(0,_vue.h)("tbody",{},i.map(i=>{var e=i.checked,t=i.isHalf;return(0,_vue.h)("tr",{},[(0,_vue.h)("td",{class:"vxe-list-design--field-search-option-item col--visible"},[(0,_vue.h)("div",{class:["vxe-list-design--field-search-checkbox-option",{"is--checked":e,"is--indeterminate":t}],title:(0,_core.getI18n)("vxe.custom.setting.colVisible"),onClick:()=>{{var e=i;const t=!e.checked;_xeUtils.default.eachTree([e],e=>{e.checked=t,e.isHalf=!1}),r(e),o()}}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",t?(0,_core.getIcon)().CHECKBOX_INDETERMINATE:e?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]})])]),(0,_vue.h)("td",{class:"vxe-list-design--field-search-option-item"},""+(i.title||""))])}))])])}}})},t=()=>{var e=c["listTableColumns"];return e.map(e=>{var t,{title:i,visible:l}=e;return(0,_vue.h)("div",{class:"vxe-list-design--field-option"},[(0,_vue.h)("div",{class:"vxe-list-design--field-option-inner"},[(0,_vue.h)("div",{class:["vxe-list-design--field-checkbox-option",{"is--checked":l}],onClick(){o(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},""+i)])]),(l=(t=e).children)&&l.length?(0,_vue.h)("div",{class:"vxe-list-design--field-option-inner"},[(0,_vue.h)("div",{class:"vxe-list-design--field-sub-option",onClick(){o(t)}},l.map(e=>{var{title:t,visible:i}=e;return(0,_vue.h)("div",{class:["vxe-list-design--field-checkbox-option",{"is--checked":i}],onClick(){o(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},""+t)])}))]):(0,_vue.createCommentVNode)()])})};return()=>(0,_vue.h)(_form.default,{span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.listDesign.searchField")},{extra(){return(0,_vue.h)(_button.default,{mode:"text",status:"primary",icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_EDIT,content:(0,_core.getI18n)("vxe.listDesign.search.addBtn"),onClick:e})},default(){var e=c["searchFormItems"];return[e.length?(0,_vue.h)("div",{class:"vxe-list-design--search-item-wrapper"},[(0,_vue.h)("div",{class:"vxe-list-design--search-item-list"},e.map(i=>(0,_vue.h)("div",{key:i.field,class:"vxe-list-design--search-item"},[(0,_vue.h)("div",{class:"vxe-list-design--search-item-title"},""+(i.title||"")),(0,_vue.h)("div",{class:"vxe-list-design--search-item-btn"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING_SEARCH_DELETE,mode:"text",status:"error",onClick(){var t,e;t=i,e=c.searchFormItems,c.searchFormItems=e.filter(e=>e.field!==t.field)}})])])))]):(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)(_formItem.default,{title:(0,_core.getI18n)("vxe.listDesign.listField")},{default(){return t()}})]}})}}),DefaultParameterSettingFormComponent=exports.DefaultParameterSettingFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultListSettingTabComponent",props:{},emits:[],setup(){var e=(0,_vue.inject)("$xeListDesign",null);if(!e)return()=>[];const{props:u,reactData:c}=e,d=[],v=[],l=(_core.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?v:d).push(t))}),(0,_vue.ref)([{label:"列表视图",value:"list",isExpand:!1}])),o=(0,_vue.ref)([{label:"显示",value:!0},{label:"隐藏",value:!1}]),s=(0,_vue.ref)([{label:"默认",value:"auto"},{label:"允许",value:!0},{label:"不允许",value:!1}]),a=(0,_vue.computed)(()=>{var e=c["formData"];return[e.listView.enabled,e.ganttView.enabled,e.chartView.enabled].filter(e=>e).length<=1}),n=()=>(0,_vue.h)(_formItem.default,{title:"功能按钮"},{extra(){return(0,_vue.h)(_button.default,{mode:"text",status:"primary",icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_ADD,content:"新增",onClick(){{var t=void 0;const l=c["formData"],o=u["actionCodes"];let e=l.actionButtonList;e=e||[];const s=(0,_vue.reactive)((0,_util.createListDesignActionButton)(t)),a=d.filter(t=>!(o&&o.length&&!o.some(e=>_xeUtils.default.isString(e)?t.code===e:e.code===t.code)||e.some(e=>e.code===t.code)));var t=v.filter(t=>!e.some(e=>e.code===t.code)),i=[];a.length&&(s.type||(s.type=""),i.push({value:"",label:"系统按钮"})),t.length&&(s.type||(s.type="custom"),i.push({value:"custom",label:"自定义按钮"}));const n=(0,_vue.computed)(()=>a.map(e=>{var t=e.name;return{label:_xeUtils.default.toValueString(_xeUtils.default.isFunction(t)?t({name:e.code||""}):t),value:e.code}})),r=(0,_vue.ref)(i);_core.VxeUI.modal.open({title:"添加按钮",width:600,height:400,showFooter:!0,showCancelButton:!0,showConfirmButton:!0,confirmButtonText:"保存",onConfirm(){s.type,e.push(s),l.actionButtonList=[...e]},slots:{default(){return(0,_vue.h)(_form.default,{vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:"按钮类型",span:24},{default(){return(0,_vue.h)(_select.default,{modelValue:s.type,options:r.value,"onUpdate:modelValue"(e){s.type=e}})}}),(0,_vue.h)(_formItem.default,{title:"选择系统按钮",span:24},{default(){return(0,_vue.h)(_select.default,{modelValue:s.code,options:n.value,"onUpdate:modelValue"(e){s.code=e}})}})]}})}}})}}})},default(){const s=c["formData"],a=s.actionButtonList;return a&&a.length?(0,_vue.h)("div",{class:"vxe-list-design--field-configs-wrapper"},a.map(t=>{let e="",i="";var l,o;return"custom"===t.type?(e=t.icon,i=t.name):(l=d.find(e=>e.code===t.code))&&(o=l.name,e=l.icon||"",i=_xeUtils.default.toValueString(_xeUtils.default.isFunction(o)?o({name:l.code||""}):o)),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item"},[e?(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-icon"},[(0,_vue.h)("i",{class:e})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-title"},""+(i||"")),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-btn"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE,mode:"text",status:"error",onClick(){s.actionButtonList=a.filter(e=>e!==t)}})])])})):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},"无操作按钮")])}});return()=>{const{showPc:e,showMobile:t}=u,i=c["formData"];return(0,_vue.h)(_form.default,{span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:"视图配置"},{default(){return(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-render-view"},l.value.map(e=>(0,_vue.h)("div",{key:e.value,class:"vxe-form-design--widget-form-item-render-view-item"},[(0,_vue.h)(_switch.default,{modelValue:i.listView.enabled,disabled:a.value,"onUpdate:modelValue"(e){i.listView.enabled=e}}),(0,_vue.h)(_text.default,{content:e.label,icon:"vxe-icon-table"})])))}}),(0,_vue.h)(_formItem.default,{title:"默认视图"},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices"},[e?(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-item"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-left"},[(0,_vue.h)(_text.default,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_PC,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.pc")})]),(0,_vue.h)(_select.default,{modelValue:i.pcDefaultView,className:"vxe-form-design--widget-form-item-devices-select",options:l.value,"onUpdate:modelValue"(e){i.pcDefaultView=e}})]):(0,_vue.createCommentVNode)(),t?(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-item"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-left"},[(0,_vue.h)(_text.default,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_MOBILE,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.mobile")})]),(0,_vue.h)(_select.default,{modelValue:i.mobileDefaultView,className:"vxe-form-design--widget-form-item-devices-select",options:l.value,"onUpdate:modelValue"(e){i.mobileDefaultView=e}})]):(0,_vue.createCommentVNode)()])]}}),(0,_vue.h)(_formItem.default,{title:"列配置"},{default(){const t=c["formData"];return[(0,_vue.h)("div",{class:"vxe-list-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},"显示序号"),(0,_vue.h)(_group.default,{modelValue:t.showSeq,options:o.value,"onUpdate:modelValue"(e){t.showSeq=e}})]),(0,_vue.h)("div",{class:"vxe-list-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},"表尾统计"),(0,_vue.h)(_group.default,{modelValue:t.showStatistics,options:o.value,"onUpdate:modelValue"(e){t.showStatistics=e}})])]}}),(0,_vue.h)(_formItem.default,{title:"批量操作"},{default(){const t=c["formData"];return(0,_vue.h)(_group.default,{modelValue:t.showCheckbox,options:s.value,"onUpdate:modelValue"(e){t.showCheckbox=e}})}}),(d.length||v.length?n:(0,_vue.createCommentVNode))()]}})}}});

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

@@ -1,189 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../ui/src/comp");
-var _ui = require("../../ui");
-var _log = require("../../ui/src/log");
-var _form = _interopRequireDefault(require("../../form/src/form"));
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'ListDesignLayoutView',
-  props: {},
-  emits: [],
-  setup() {
-    const VxeTableGridComponent = _ui.VxeUI.getComponent('vxe-grid');
-    const $xeListDesign = (0, _vue.inject)('$xeListDesign', null);
-    if (!$xeListDesign) {
-      return () => [];
-    }
-    const {
-      reactData: listDesignReactData
-    } = $xeListDesign;
-    const refGrid = (0, _vue.ref)();
-    const tableData = (0, _vue.ref)([]);
-    const computeFormItems = (0, _vue.computed)(() => {
-      const {
-        searchFormItems
-      } = listDesignReactData;
-      if (searchFormItems.length) {
-        return searchFormItems.concat([{
-          field: 'active',
-          title: '',
-          folding: false,
-          collapseNode: searchFormItems.some(item => item.folding),
-          itemRender: {
-            name: 'VxeButtonGroup',
-            options: [{
-              content: '查询',
-              icon: 'vxe-icon-search',
-              status: 'primary',
-              type: 'submit'
-            }, {
-              content: '重置',
-              icon: 'vxe-icon-repeat',
-              type: 'reset'
-            }]
-          }
-        }]);
-      }
-      return searchFormItems;
-    });
-    const computeTableColumn = (0, _vue.computed)(() => {
-      const {
-        formData,
-        listTableColumns
-      } = listDesignReactData;
-      const {
-        showSeq,
-        actionButtonList
-      } = formData;
-      const columns = [];
-      if (showSeq) {
-        columns.push({
-          type: 'seq',
-          field: '_seq',
-          width: 70
-        });
-      }
-      listTableColumns.forEach(item => {
-        columns.push({
-          field: item.field,
-          title: item.title,
-          visible: item.visible,
-          width: item.width
-        });
-      });
-      if (actionButtonList && actionButtonList.length) {
-        columns.push({
-          field: '_active',
-          title: (0, _ui.getI18n)('vxe.table.actionTitle'),
-          fixed: 'right',
-          width: 'auto',
-          cellRender: {
-            name: 'VxeButtonGroup',
-            options: []
-          }
-        });
-      }
-      return columns;
-    });
-    const updateColumnWidthEvent = ({
-      column,
-      resizeWidth
-    }) => {
-      const {
-        listTableColumns
-      } = listDesignReactData;
-      const rest = _xeUtils.default.findTree(listTableColumns, item => item.field === column.field, {
-        children: 'children'
-      });
-      if (rest) {
-        const {
-          item
-        } = rest;
-        item.width = resizeWidth;
-      }
-    };
-    const updateTableData = () => {
-      const {
-        listTableColumns
-      } = listDesignReactData;
-      const data = [{}, {}];
-      data.forEach(row => {
-        listTableColumns.forEach(column => {
-          row[column.field] = '-';
-        });
-      });
-      tableData.value = data;
-    };
-    const dataFlag = (0, _vue.ref)(0);
-    (0, _vue.watch)(() => listDesignReactData.listTableColumns ? listDesignReactData.listTableColumns.length : -1, () => {
-      dataFlag.value++;
-    });
-    (0, _vue.watch)(() => listDesignReactData.listTableColumns, () => {
-      dataFlag.value++;
-    });
-    (0, _vue.watch)(dataFlag, () => {
-      updateTableData();
-    });
-    (0, _vue.onMounted)(() => {
-      updateTableData();
-    });
-    (0, _vue.nextTick)(() => {
-      if (!VxeTableGridComponent) {
-        (0, _log.errLog)('vxe.error.reqComp', ['vxe-grid']);
-      }
-    });
-    return () => {
-      const {
-        searchFormData,
-        searchFormItems
-      } = listDesignReactData;
-      const formItems = computeFormItems.value;
-      const tableColumn = computeTableColumn.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, _ui.getI18n)('vxe.listDesign.searchTitle')), searchFormItems.length ? (0, _vue.h)(_form.default, {
-        data: searchFormData,
-        items: formItems
-      }) : (0, _vue.h)('div', {
-        class: 'vxe-list-design--field-configs-empty-data'
-      }, [(0, _vue.h)('span', {}, (0, _ui.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, _ui.getI18n)('vxe.listDesign.listTitle')), VxeTableGridComponent ? (0, _vue.h)(VxeTableGridComponent, {
-        ref: refGrid,
-        columns: tableColumn,
-        data: tableData.value,
-        showOverflow: true,
-        border: true,
-        columnConfig: {
-          minWidth: 'auto',
-          resizable: true
-        },
-        rowConfig: {
-          isHover: true
-        },
-        scrollX: {
-          enabled: false
-        },
-        scrollY: {
-          enabled: false
-        },
-        onResizableChange: updateColumnWidthEvent
-      }) : (0, _vue.createCommentVNode)()])])]);
-    };
-  }
-});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_form=_interopRequireDefault(require("../../form/src/form")),_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(){const l=_ui.VxeUI.getComponent("vxe-grid");var e=(0,_vue.inject)("$xeListDesign",null);if(!e)return()=>[];const s=e["reactData"],u=(0,_vue.ref)(),o=(0,_vue.ref)([]),n=(0,_vue.computed)(()=>{var e=s["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}),a=(0,_vue.computed)(()=>{var{formData:e,listTableColumns:t}=s,{showSeq:e,actionButtonList:i}=e;const 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,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto",cellRender:{name:"VxeButtonGroup",options:[]}}),r}),v=({column:t,resizeWidth:e})=>{var i=s["listTableColumns"],i=_xeUtils.default.findTree(i,e=>e.field===t.field,{children:"children"});i&&(i=i["item"],i.width=e)},t=()=>{const e=s["listTableColumns"];var t=[{},{}];t.forEach(t=>{e.forEach(e=>{t[e.field]="-"})}),o.value=t},i=(0,_vue.ref)(0);return(0,_vue.watch)(()=>s.listTableColumns?s.listTableColumns.length:-1,()=>{i.value++}),(0,_vue.watch)(()=>s.listTableColumns,()=>{i.value++}),(0,_vue.watch)(i,()=>{t()}),(0,_vue.onMounted)(()=>{t()}),(0,_vue.nextTick)(()=>{l||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),()=>{var{searchFormData:e,searchFormItems:t}=s,i=n.value,r=a.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,_ui.getI18n)("vxe.listDesign.searchTitle")),t.length?(0,_vue.h)(_form.default,{data:e,items:i}):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},(0,_ui.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,_ui.getI18n)("vxe.listDesign.listTitle")),l?(0,_vue.h)(l,{ref:u,columns:r,data:o.value,showOverflow:!0,border:!0,columnConfig:{minWidth:"auto",resizable:!0},rowConfig:{isHover:!0},scrollX:{enabled:!1},scrollY:{enabled:!1},onResizableChange:v}):(0,_vue.createCommentVNode)()])])])}}});

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

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../ui/src/comp");
-var _core = require("@vxe-ui/core");
-var _tabs = _interopRequireDefault(require("../../tabs/src/tabs"));
-var _tabPane = _interopRequireDefault(require("../../tabs/src/tab-pane"));
-var _defaultSettingForm = require("./default-setting-form");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'ListDesignLayoutSetting',
-  props: {},
-  emits: [],
-  setup() {
-    const activeTab = (0, _vue.ref)(1);
-    return () => {
-      return (0, _vue.h)('div', {
-        class: 'vxe-list-design--setting'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-list-design--setting-form'
-      }, [(0, _vue.h)(_tabs.default, {
-        modelValue: activeTab.value,
-        titleWidth: '50%',
-        titleAlign: 'center',
-        padding: true,
-        class: 'vxe-list-design--setting-form-tabs',
-        'onUpdate:modelValue'(val) {
-          activeTab.value = val;
-        }
-      }, {
-        default() {
-          return [(0, _vue.h)(_tabPane.default, {
-            title: (0, _core.getI18n)('vxe.listDesign.fieldSettingTab'),
-            icon: (0, _core.getIcon)().LIST_DESIGN_FIELD_SETTING,
-            name: 1
-          }, {
-            default() {
-              return (0, _vue.h)(_defaultSettingForm.DefaultFieldSettingFormComponent);
-            }
-          }), (0, _vue.h)(_tabPane.default, {
-            title: (0, _core.getI18n)('vxe.listDesign.listSettingTab'),
-            icon: (0, _core.getIcon)().LIST_DESIGN_LIST_SETTING,
-            name: 2
-          }, {
-            default() {
-              return (0, _vue.h)(_defaultSettingForm.DefaultParameterSettingFormComponent);
-            }
-          })];
-        }
-      })])]);
-    };
-  }
-});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_tabs=_interopRequireDefault(require("../../tabs/src/tabs")),_tabPane=_interopRequireDefault(require("../../tabs/src/tab-pane")),_defaultSettingForm=require("./default-setting-form");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"ListDesignLayoutSetting",props:{},emits:[],setup(){const t=(0,_vue.ref)(1);return()=>(0,_vue.h)("div",{class:"vxe-list-design--setting"},[(0,_vue.h)("div",{class:"vxe-list-design--setting-form"},[(0,_vue.h)(_tabs.default,{modelValue:t.value,titleWidth:"50%",titleAlign:"center",padding:!0,class:"vxe-list-design--setting-form-tabs","onUpdate:modelValue"(e){t.value=e}},{default(){return[(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.listDesign.fieldSettingTab"),icon:(0,_core.getIcon)().LIST_DESIGN_FIELD_SETTING,name:1},{default(){return(0,_vue.h)(_defaultSettingForm.DefaultFieldSettingFormComponent)}}),(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.listDesign.listSettingTab"),icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING,name:2},{default(){return(0,_vue.h)(_defaultSettingForm.DefaultParameterSettingFormComponent)}})]}})])])}});

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

@@ -1,350 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../ui/src/comp");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _dom = require("../../ui/src/dom");
-var _ui = require("../../ui");
-var _util = require("../render/util");
-var _defaultSettingData = require("./default-setting-data");
-var _layoutPreview = _interopRequireDefault(require("./layout-preview"));
-var _layoutSetting = _interopRequireDefault(require("./layout-setting"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  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(props, context) {
-    const {
-      emit,
-      slots
-    } = context;
-    const xID = _xeUtils.default.uniqueId();
-    const refElem = (0, _vue.ref)();
-    const {
-      computeSize
-    } = (0, _ui.useSize)(props);
-    const reactData = (0, _vue.reactive)({
-      formData: {},
-      searchFormData: {},
-      searchFormItems: [],
-      listTableColumns: []
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {
-      computeSize
-    };
-    const $xeListDesign = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const systemConfigList = [];
-    const customConfigList = [];
-    _ui.renderer.forEach((item, name) => {
-      const {
-        createListDesignSettingActionButtonConfig
-      } = item;
-      if (createListDesignSettingActionButtonConfig) {
-        const params = {
-          name
-        };
-        const btnConfig = Object.assign((0, _util.createListDesignActionButton)({
-          code: name
-        }), createListDesignSettingActionButtonConfig(params));
-        if (btnConfig.type === 'custom') {
-          customConfigList.push(btnConfig);
-        } else {
-          systemConfigList.push(btnConfig);
-        }
-      }
-    });
-    const parseWidgetColumn = widget => {
-      return {
-        title: widget.title,
-        field: widget.field,
-        visible: !widget.hidden,
-        width: '',
-        cellRender: {
-          name: widget.name,
-          props: widget.options
-        }
-      };
-    };
-    /**
-     * 解析表单设计 JSON
-     */
-    const parseFormDesignColumns = config => {
-      const tableColumns = [];
-      if (config) {
-        const {
-          widgetData
-        } = config;
-        if (widgetData) {
-          widgetData.forEach(item => {
-            const {
-              name
-            } = item;
-            if (name) {
-              // 如果是行列
-              if (name === 'row') {
-                item.children.forEach(childItem => {
-                  if (childItem.name) {
-                    tableColumns.push(parseWidgetColumn(childItem));
-                  }
-                });
-              } else if (name === 'subtable') {
-                // 如果是子表
-              } else {
-                tableColumns.push(parseWidgetColumn(item));
-              }
-            }
-          });
-        }
-      }
-      return tableColumns;
-    };
-    const configToSearchItems = searchItems => {
-      if (searchItems) {
-        const data = {};
-        const items = searchItems.map(item => {
-          data[item.field] = null;
-          return {
-            field: item.field,
-            title: item.title,
-            folding: item.folding,
-            itemRender: item.itemRender
-          };
-        });
-        return {
-          items,
-          data
-        };
-      }
-      return {
-        items: [],
-        data: {}
-      };
-    };
-    const configToListColumns = listColumns => {
-      if (listColumns) {
-        return listColumns.map(item => {
-          return {
-            field: item.field,
-            title: item.title,
-            visible: !!item.visible,
-            width: item.width,
-            cellRender: _xeUtils.default.clone(item.cellRender)
-          };
-        });
-      }
-      return [];
-    };
-    const loadConfig = config => {
-      const {
-        formConfig,
-        searchItems,
-        listColumns
-      } = config;
-      if (formConfig) {
-        loadFormConfig(formConfig);
-      }
-      if (searchItems) {
-        setSearchItems(searchItems);
-      }
-      if (listColumns) {
-        reactData.listTableColumns = parseColumnConfigs(listColumns);
-      }
-      return (0, _vue.nextTick)();
-    };
-    const parseColumnConfigs = listColumns => {
-      return configToListColumns(listColumns);
-    };
-    const loadFormConfig = data => {
-      reactData.formData = Object.assign({}, createSettingForm(), data);
-      return (0, _vue.nextTick)();
-    };
-    const getSearchItems = () => {
-      return reactData.searchFormItems;
-    };
-    const setSearchItems = searchItems => {
-      const {
-        data,
-        items
-      } = configToSearchItems(searchItems);
-      reactData.searchFormData = data;
-      reactData.searchFormItems = items;
-      return (0, _vue.nextTick)();
-    };
-    const getListColumns = () => {
-      return reactData.listTableColumns;
-    };
-    const setListColumns = listColumns => {
-      reactData.listTableColumns = parseColumnConfigs(listColumns);
-      return (0, _vue.nextTick)();
-    };
-    const createSettingForm = () => {
-      const {
-        actionCodes,
-        formRender
-      } = props;
-      let conf = (0, _defaultSettingData.getDefaultSettingFormData)();
-      // 处理默认按钮
-      if (actionCodes && actionCodes.length) {
-        if (!conf.actionButtonList || !conf.actionButtonList.length) {
-          const defActionBtnList = [];
-          actionCodes.forEach(item => {
-            if (_xeUtils.default.isObject(item) && item.default) {
-              const sysItem = systemConfigList.find(obj => obj.code === item.code);
-              if (sysItem) {
-                defActionBtnList.push((0, _util.createListDesignActionButton)({
-                  type: sysItem.type,
-                  code: sysItem.code
-                }));
-              }
-            }
-          });
-          conf.actionButtonList = defActionBtnList;
-        }
-      }
-      // 如果为自定义渲染
-      if (formRender && formRender.name) {
-        const compConf = _ui.renderer.get(formRender.name);
-        const createFormConfig = compConf ? compConf.createListDesignSettingFormConfig : null;
-        const params = {
-          name: formRender.name
-        };
-        conf = (createFormConfig ? createFormConfig(params) : {}) || {};
-      }
-      return conf;
-    };
-    const initSettingForm = () => {
-      reactData.formData = createSettingForm();
-    };
-    const clearConfig = () => {
-      loadConfig({
-        searchItems: [],
-        listColumns: []
-      });
-      initSettingForm();
-      return (0, _vue.nextTick)();
-    };
-    const listDesignMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, (0, _ui.createEvent)(evnt, {
-          $listDesign: $xeListDesign
-        }, params));
-      },
-      loadFormDesignConfig(config) {
-        const {
-          listTableColumns
-        } = reactData;
-        const oldMaps = {};
-        _xeUtils.default.eachTree(listTableColumns, item => {
-          oldMaps[item.field] = item;
-        }, {
-          children: 'children'
-        });
-        const columns = parseFormDesignColumns(config);
-        _xeUtils.default.eachTree(columns, item => {
-          const oldItem = oldMaps[item.field];
-          if (oldItem) {
-            if (oldItem.width) {
-              item.width = oldItem.width;
-            }
-            item.visible = oldItem.visible;
-          }
-        }, {
-          children: 'children'
-        });
-        reactData.listTableColumns = columns;
-        return (0, _vue.nextTick)();
-      },
-      reloadFormDesignConfig(config) {
-        reactData.listTableColumns = parseFormDesignColumns(config);
-        return (0, _vue.nextTick)();
-      },
-      getSearchItems,
-      setSearchItems,
-      getListColumns,
-      setListColumns,
-      getConfig() {
-        return {
-          formConfig: reactData.formData,
-          searchItems: getSearchItems(),
-          listColumns: getListColumns()
-        };
-      },
-      loadConfig,
-      reloadConfig(config) {
-        clearConfig();
-        return loadConfig(config);
-      },
-      clearConfig
-    };
-    const listDesignPrivateMethods = {};
-    Object.assign($xeListDesign, listDesignMethods, listDesignPrivateMethods);
-    const renderVN = () => {
-      const {
-        height
-      } = props;
-      const vSize = computeSize.value;
-      const headerSlot = slots.header;
-      return (0, _vue.h)('div', {
-        ref: refElem,
-        class: ['vxe-list-design', {
-          [`size--${vSize}`]: vSize
-        }],
-        style: height ? {
-          height: (0, _dom.toCssUnit)(height)
-        } : null
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-list-design--header'
-      }, headerSlot ? headerSlot({}) : []), (0, _vue.h)('div', {
-        class: 'vxe-list-design--body'
-      }, [(0, _vue.h)(_layoutPreview.default), (0, _vue.h)(_layoutSetting.default)])]);
-    };
-    (0, _vue.provide)('$xeListDesign', $xeListDesign);
-    (0, _vue.watch)(() => props.config, value => {
-      loadConfig(value || {});
-    });
-    initSettingForm();
-    if (props.config) {
-      loadConfig(props.config);
-    }
-    $xeListDesign.renderVN = renderVN;
-    return $xeListDesign;
-  },
-  render() {
-    return this.renderVN();
-  }
-});

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_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,_comp.defineVxeComponent)({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(n,e){const{emit:r,slots:s}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),l=(0,_ui.useSize)(n)["computeSize"],o=(0,_vue.reactive)({formData:{},searchFormData:{},searchFormItems:[],listTableColumns:[]}),i={refElem:a},u={computeSize:l},d={xID:t,props:n,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}=n;let i=(0,_defaultSettingData.getDefaultSettingFormData)();if(e&&e.length&&(!i.actionButtonList||!i.actionButtonList.length)){const r=[];e.forEach(t=>{var e;_xeUtils.default.isObject(t)&&t.default&&(e=c.find(e=>e.code===t.code))&&r.push((0,_util.createListDesignActionButton)({type:e.type,code:e.code}))}),i.actionButtonList=r}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){r(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)(()=>n.config,e=>{_(e||{})}),x(),n.config&&_(n.config),d.renderVN=()=>{var e=n["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()}});