vxe-design 4.0.6 → 4.0.8

package/README.en.md

@@ -34,7 +34,7 @@ npm install vxe-pc-ui vxe-table vxe-design
 
 ```javascript
 // ...
-import VxeUIAll from 'vxe-pc-ui'
+import VxeUIBase from 'vxe-pc-ui'
 import 'vxe-pc-ui/es/style.css'
 
 import VxeUITable from 'vxe-table'
@@ -44,7 +44,7 @@ import VxeUIDesign from 'vxe-design'
 import 'vxe-design/lib/style.css'
 // ...
 
-createApp(App).use(VxeUIAll).use(VxeUITable).use(VxeUIDesign).mount('#app')
+createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIDesign).mount('#app')
 ```
 
 ## Run the project

package/README.ja-JP.md

@@ -34,7 +34,7 @@ npm install vxe-pc-ui vxe-table vxe-design
 
 ```javascript
 // ...
-import VxeUIAll from 'vxe-pc-ui'
+import VxeUIBase from 'vxe-pc-ui'
 import 'vxe-pc-ui/es/style.css'
 
 import VxeUITable from 'vxe-table'
@@ -44,7 +44,7 @@ import VxeUIDesign from 'vxe-design'
 import 'vxe-design/lib/style.css'
 // ...
 
-createApp(App).use(VxeUIAll).use(VxeUITable).use(VxeUIDesign).mount('#app')
+createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIDesign).mount('#app')
 ```
 
 ## プロジェクトの実行

package/README.md

@@ -77,7 +77,7 @@ npm install vxe-pc-ui vxe-table vxe-design
 
 ```javascript
 // ...
-import VxeUIAll from 'vxe-pc-ui'
+import VxeUIBase from 'vxe-pc-ui'
 import 'vxe-pc-ui/es/style.css'
 
 import VxeUITable from 'vxe-table'
@@ -87,7 +87,7 @@ import VxeUIDesign from 'vxe-design'
 import 'vxe-design/lib/style.css'
 // ...
 
-createApp(App).use(VxeUIAll).use(VxeUITable).use(VxeUIDesign).mount('#app')
+createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIDesign).mount('#app')
 ```
 
 ## 运行项目

package/README.zh-TW.md

@@ -34,7 +34,7 @@ npm install vxe-pc-ui vxe-table vxe-design
 
 ```javascript
 // ...
-import VxeUIAll from 'vxe-pc-ui'
+import VxeUIBase from 'vxe-pc-ui'
 import 'vxe-pc-ui/es/style.css'
 
 import VxeUITable from 'vxe-table'
@@ -44,7 +44,7 @@ import VxeUIDesign from 'vxe-design'
 import 'vxe-design/lib/style.css'
 // ...
 
-createApp(App).use(VxeUIAll).use(VxeUITable).use(VxeUIDesign).mount('#app')
+createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIDesign).mount('#app')
 ```
 
 ## 運行項目

package/es/flow-design/index.js

@@ -1,7 +1,9 @@
 import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
 import VxeFlowDesignComponent from './src/flow-design';
 export const VxeFlowDesign = Object.assign({}, VxeFlowDesignComponent, {
     install(app) {
+        checkDependVersion();
         app.component(VxeFlowDesignComponent.name, VxeFlowDesignComponent);
     }
 });

package/es/flow-view/index.js

@@ -1,7 +1,9 @@
 import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
 import VxeFlowViewComponent from '../flow-design/src/flow-view';
 export const VxeFlowView = Object.assign({}, VxeFlowViewComponent, {
     install(app) {
+        checkDependVersion();
         app.component(VxeFlowViewComponent.name, VxeFlowViewComponent);
     }
 });

package/es/form-design/index.js

@@ -1,9 +1,11 @@
 import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
 import VxeFormDesignComponent from './src/form-design';
 import { useWidgetView, useWidgetName, useSubtableView, useWidgetPropDataSource } from './src/use';
 import './render';
 export const VxeFormDesign = Object.assign({}, VxeFormDesignComponent, {
     install(app) {
+        checkDependVersion();
         app.component(VxeFormDesignComponent.name, VxeFormDesignComponent);
     }
 });

package/es/form-design/src/form-design.js

@@ -1,7 +1,8 @@
-import { ref, h, reactive, provide, watch, nextTick, createCommentVNode } from 'vue';
+import { ref, h, reactive, provide, watch, nextTick, computed, createCommentVNode } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import { VxeUI } from '@vxe-ui/core';
 import { toCssUnit } from '../../ui/src/dom';
+import { isEnableConf } from '../../ui/src/utils';
 import { FormDesignWidgetInfo, getWidgetConfig, getWidgetConfigCustomGroup, configToWidget } from './widget-info';
 import XEUtils from 'xe-utils';
 import LayoutWidgetComponent from './layout-widget';
@@ -9,7 +10,7 @@ import LayoutPreviewComponent from './layout-preview';
 import LayoutSettingComponent from './layout-setting';
 import LayoutStyleComponent from './layout-style';
 import { getDefaultSettingFormData } from './default-setting-data';
-const { getConfig, getIcon, getI18n, renderer, createEvent, renderEmptyElement, useFns } = VxeUI;
+const { menus, getConfig, getIcon, getI18n, renderer, createEvent, renderEmptyElement, useFns } = VxeUI;
 const { useSize } = useFns;
 export default defineVxeComponent({
     name: 'VxeFormDesign',
@@ -39,9 +40,18 @@ export default defineVxeComponent({
             type: Boolean,
             default: () => getConfig().formDesign.showMobile
         },
-        formRender: Object
+        formRender: Object,
+        menuConfig: Object
     },
     emits: [
+        'widget-click',
+        'widget-add',
+        'widget-copy',
+        'widget-remove',
+        'widget-drag',
+        'widget-menu',
+        'menu-click',
+        // 已废弃
         'click-widget',
         'add-widget',
         'copy-widget',
@@ -67,6 +77,9 @@ export default defineVxeComponent({
         const refMaps = {
             refElem
         };
+        const computeMenuOpts = computed(() => {
+            return Object.assign({}, getConfig().calendar.menuConfig, props.menuConfig);
+        });
         const computeMaps = {
             computeSize
         };
@@ -155,10 +168,11 @@ export default defineVxeComponent({
             initSettingForm();
             return nextTick();
         };
+        const dispatchEvent = (type, params, evnt) => {
+            emit(type, createEvent(evnt, { $formDesign: $xeFormDesign }, params));
+        };
         const formDesignMethods = {
-            dispatchEvent(type, params, evnt) {
-                emit(type, createEvent(evnt, { $xeFormDesign }, params));
-            },
+            dispatchEvent,
             createWidget,
             createEmptyWidget,
             getConfig() {
@@ -301,11 +315,40 @@ export default defineVxeComponent({
         };
         const formDesignPrivateMethods = {
             validWidgetUnique,
+            handleContextmenuWidget(evnt, item) {
+                const { menuConfig } = props;
+                const menuOpts = computeMenuOpts.value;
+                if (menuConfig ? isEnableConf(menuOpts) : menuOpts.enabled) {
+                    const { options, visibleMethod } = menuOpts;
+                    if (!visibleMethod || visibleMethod({ $formDesign: $xeFormDesign, widget: item, options })) {
+                        if (VxeUI.contextMenu) {
+                            VxeUI.contextMenu.openByEvent(evnt, {
+                                options,
+                                events: {
+                                    optionClick(eventParams) {
+                                        const { option } = eventParams;
+                                        const gMenuOpts = menus.get(option.code);
+                                        const fdmMethod = gMenuOpts ? gMenuOpts.formDesignMenuMethod : null;
+                                        const params = { menu: option, widget: item, $event: evnt, $formDesign: $xeFormDesign };
+                                        if (fdmMethod) {
+                                            fdmMethod(params, evnt);
+                                        }
+                                        dispatchEvent('menu-click', params, eventParams.$event);
+                                    }
+                                }
+                            });
+                        }
+                    }
+                }
+                dispatchEvent('widget-menu', { widget: item }, evnt);
+            },
             handleClickWidget(evnt, item) {
                 if (item && item.name) {
                     evnt.stopPropagation();
                     reactData.activeWidget = item;
-                    formDesignMethods.dispatchEvent('click-widget', { widget: item }, evnt);
+                    dispatchEvent('widget-click', { widget: item }, evnt);
+                    // click-widget 已废弃
+                    dispatchEvent('click-widget', { widget: item }, evnt);
                 }
             },
             handleCopyWidget(evnt, widget) {
@@ -329,7 +372,9 @@ export default defineVxeComponent({
                         }
                         reactData.activeWidget = newWidget;
                         reactData.widgetObjList = [...widgetObjList];
-                        formDesignMethods.dispatchEvent('copy-widget', { widget, newWidget }, evnt);
+                        dispatchEvent('widget-copy', { widget, newWidget }, evnt);
+                        // copy-widget 已废弃
+                        dispatchEvent('copy-widget', { widget: newWidget }, evnt);
                     }
                 }
             },
@@ -353,7 +398,9 @@ export default defineVxeComponent({
                         items.splice(index, 1);
                     }
                     reactData.widgetObjList = [...widgetObjList];
-                    formDesignMethods.dispatchEvent('remove-widget', { widget }, evnt);
+                    dispatchEvent('widget-remove', { widget }, evnt);
+                    // remove-widget 已废弃
+                    dispatchEvent('remove-widget', { widget }, evnt);
                 }
             }
         };

package/es/form-design/src/layout-preview.js

@@ -24,6 +24,8 @@ export default defineVxeComponent({
                 if (!rest) {
                     formDesignReactData.sortWidget = dragWidget;
                     widgetObjList.push(dragWidget);
+                    $xeFormDesign.dispatchEvent('widget-drag', { widget: dragWidget }, evnt);
+                    // drag-widget 已废弃
                     $xeFormDesign.dispatchEvent('drag-widget', { widget: dragWidget }, evnt);
                 }
             }
@@ -56,6 +58,8 @@ export default defineVxeComponent({
                     }
                     widgetObjList.unshift(item);
                     lastDragTime = Date.now();
+                    $xeFormDesign.dispatchEvent('widget-drag', { widget: item }, evnt);
+                    // drag-widget 已废弃
                     $xeFormDesign.dispatchEvent('drag-widget', { widget: item }, evnt);
                 }
             }
@@ -84,6 +88,8 @@ export default defineVxeComponent({
                     }
                     widgetObjList.push(item);
                     lastDragTime = Date.now();
+                    $xeFormDesign.dispatchEvent('widget-drag', { widget: item }, evnt);
+                    // drag-widget 已废弃
                     $xeFormDesign.dispatchEvent('drag-widget', { widget: item }, evnt);
                 }
             }

package/es/form-design/src/layout-view-item.js

@@ -67,6 +67,8 @@ export const ViewItemComponent = defineVxeComponent({
                             }
                             targetRest.items.splice(targetRest.index, 0, currRest.item);
                             formDesignInternalData.lastDragTime = Date.now();
+                            $xeFormDesign.dispatchEvent('widget-drag', { widget: currRest.item }, evnt);
+                            // drag-widget 已废弃
                             $xeFormDesign.dispatchEvent('drag-widget', { widget: currRest.item }, evnt);
                         }
                     }
@@ -101,6 +103,9 @@ export const ViewItemComponent = defineVxeComponent({
                 onDragend: sortDragendEvent,
                 onDragenter: sortDragenterEvent,
                 // onDragover: dragoverItemEvent,
+                onContextmenu(evnt) {
+                    $xeFormDesign.handleContextmenuWidget(evnt, item);
+                },
                 onClick(evnt) {
                     handleClickEvent(evnt, item);
                 }

package/es/form-design/src/layout-widget.js

@@ -34,6 +34,8 @@ export default defineVxeComponent({
             if (formDesignReactData.dragWidget) {
                 const newWidget = formDesignReactData.dragWidget;
                 formDesignReactData.activeWidget = newWidget;
+                $xeFormDesign.dispatchEvent('widget-add', { newWidget }, evnt);
+                // add-widget 已废弃
                 $xeFormDesign.dispatchEvent('add-widget', { newWidget }, evnt);
             }
             formDesignReactData.dragWidget = null;
@@ -58,6 +60,8 @@ export default defineVxeComponent({
                 formDesignReactData.activeWidget = dragWidget;
                 formDesignReactData.sortWidget = null;
                 formDesignReactData.dragWidget = null;
+                $xeFormDesign.dispatchEvent('widget-add', { newWidget: dragWidget }, evnt);
+                // add-widget 已废弃
                 $xeFormDesign.dispatchEvent('add-widget', { newWidget: dragWidget }, evnt);
             }
         };

package/es/form-design/widget-row/row-view.js

@@ -77,6 +77,8 @@ const ViewColItemComponent = defineVxeComponent({
                         }
                         evnt.preventDefault();
                         formDesignInternalData.lastDragTime = Date.now();
+                        $xeFormDesign.dispatchEvent('widget-drag', { widget: item }, evnt);
+                        // drag-widget 已废弃
                         $xeFormDesign.dispatchEvent('drag-widget', { widget: item }, evnt);
                     }
                 }
@@ -103,6 +105,11 @@ const ViewColItemComponent = defineVxeComponent({
                         draggable: !isEmptyWidget,
                         onDragstart: handleDragstartColItemEvent,
                         onDragenter: sortDragenterColItemEvent,
+                        onContextmenu(evnt) {
+                            if (widget) {
+                                $xeFormDesign.handleContextmenuWidget(evnt, widget);
+                            }
+                        },
                         onClick(evnt) {
                             if (widget) {
                                 $xeFormDesign.handleClickWidget(evnt, widget);

package/es/form-design/widget-subtable/subtable-view.js

@@ -77,6 +77,8 @@ const ViewSubItemComponent = defineVxeComponent({
                             items.splice(index, 1);
                         }
                         formDesignInternalData.lastDragTime = Date.now();
+                        $xeFormDesign.dispatchEvent('widget-drag', { widget: item }, evnt);
+                        // drag-widget 已废弃
                         $xeFormDesign.dispatchEvent('drag-widget', { widget: item }, evnt);
                     }
                 }
@@ -132,6 +134,11 @@ const ViewSubItemComponent = defineVxeComponent({
                 'data-widget-id': widget.id,
                 onDragstart: sortDragstartSubItemEvent,
                 onDragenter: sortDragenterSubItemEvent,
+                onContextmenu(evnt) {
+                    if (widget) {
+                        $xeFormDesign.handleContextmenuWidget(evnt, widget);
+                    }
+                },
                 onClick(evnt) {
                     if (widget) {
                         $xeFormDesign.handleClickWidget(evnt, widget);

package/es/form-view/index.js

@@ -1,7 +1,9 @@
 import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
 import VxeFormViewComponent from '../form-design/src/form-view';
 export const VxeFormView = Object.assign(VxeFormViewComponent, {
-    install: function (app) {
+    install(app) {
+        checkDependVersion();
         app.component(VxeFormViewComponent.name, VxeFormViewComponent);
     }
 });

package/es/list-design/index.js

@@ -1,8 +1,10 @@
 import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
 import VxeListDesignComponent from './src/list-design';
 import './render';
 export const VxeListDesign = Object.assign({}, VxeListDesignComponent, {
     install(app) {
+        checkDependVersion();
         app.component(VxeListDesignComponent.name, VxeListDesignComponent);
     }
 });

package/es/list-view/index.js

@@ -1,7 +1,9 @@
 import { VxeUI } from '@vxe-ui/core';
+import { checkDependVersion } from '../ui/src/depend';
 import VxeListViewComponent from '../list-design/src/list-view';
 export const VxeListView = Object.assign(VxeListViewComponent, {
-    install: function (app) {
+    install(app) {
+        checkDependVersion();
         app.component(VxeListViewComponent.name, VxeListViewComponent);
     }
 });

package/es/ui/index.js

@@ -1,7 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
-import { errLog } from './src/log';
-const { setConfig, setIcon, checkVersion } = VxeUI;
-VxeUI.designVersion = "4.0.5";
+const { setConfig, setIcon } = VxeUI;
+VxeUI.designVersion = "4.0.8";
 setConfig({
     formDesign: {
         height: 400,
@@ -36,15 +35,5 @@ setIcon({
     LIST_DESIGN_LIST_SETTING_SEARCH_DELETE: iconPrefix + 'delete',
     LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE: iconPrefix + 'delete'
 });
-const pVersion = 4;
-const sVersion = 11;
-if (checkVersion) {
-    if (!checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
-        errLog('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`]);
-    }
-}
-else {
-    errLog(`Requires vxe-table v${pVersion}.${sVersion}+`);
-}
 export { VxeUI };
 export default VxeUI;

package/es/ui/src/depend.js

@@ -0,0 +1,14 @@
+import { VxeUI } from '@vxe-ui/core';
+import { errLog } from './log';
+export function checkDependVersion() {
+    const pVersion = 4;
+    const sVersion = 11;
+    if (VxeUI.checkVersion) {
+        if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+            errLog('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`]);
+        }
+    }
+    else {
+        errLog(`Requires vxe-table v${pVersion}.${sVersion}+`);
+    }
+}

package/es/ui/src/dom.js

@@ -36,10 +36,10 @@ function getNodeOffset(elem, container, rest) {
     return rest;
 }
 export function isPx(val) {
-    return val && /^\d+(px)?$/.test(val);
+    return val && /^\d+(\.\d+)?(px)?$/.test(val);
 }
 export function isScale(val) {
-    return val && /^\d+%$/.test(val);
+    return val && /^\d+(\.\d+)?%$/.test(val);
 }
 export function hasClass(elem, cls) {
     return !!(elem && elem.className && elem.className.match && elem.className.match(getClsRE(cls)));

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `design v${"4.0.5"}`;
+const version = `design v${"4.0.8"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/flow-design/index.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VxeFlowDesign = exports.FlowDesign = void 0;
 var _core = require("@vxe-ui/core");
+var _depend = require("../ui/src/depend");
 var _flowDesign = _interopRequireDefault(require("./src/flow-design"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VxeFlowDesign = exports.VxeFlowDesign = Object.assign({}, _flowDesign.default, {
   install(app) {
+    (0, _depend.checkDependVersion)();
     app.component(_flowDesign.default.name, _flowDesign.default);
   }
 });

package/lib/flow-design/index.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFlowDesign=exports.FlowDesign=void 0;var _core=require("@vxe-ui/core"),_flowDesign=_interopRequireDefault(require("./src/flow-design"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFlowDesign=exports.VxeFlowDesign=Object.assign({},_flowDesign.default,{install(e){e.component(_flowDesign.default.name,_flowDesign.default)}}),FlowDesign=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFlowDesign),_core.VxeUI.component(_flowDesign.default),exports.FlowDesign=VxeFlowDesign);var _default=exports.default=VxeFlowDesign;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFlowDesign=exports.FlowDesign=void 0;var _core=require("@vxe-ui/core"),_depend=require("../ui/src/depend"),_flowDesign=_interopRequireDefault(require("./src/flow-design"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFlowDesign=exports.VxeFlowDesign=Object.assign({},_flowDesign.default,{install(e){(0,_depend.checkDependVersion)(),e.component(_flowDesign.default.name,_flowDesign.default)}}),FlowDesign=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFlowDesign),_core.VxeUI.component(_flowDesign.default),exports.FlowDesign=VxeFlowDesign);var _default=exports.default=VxeFlowDesign;

package/lib/flow-view/index.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VxeFlowView = exports.FlowView = void 0;
 var _core = require("@vxe-ui/core");
+var _depend = require("../ui/src/depend");
 var _flowView = _interopRequireDefault(require("../flow-design/src/flow-view"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VxeFlowView = exports.VxeFlowView = Object.assign({}, _flowView.default, {
   install(app) {
+    (0, _depend.checkDependVersion)();
     app.component(_flowView.default.name, _flowView.default);
   }
 });

package/lib/flow-view/index.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFlowView=exports.FlowView=void 0;var _core=require("@vxe-ui/core"),_flowView=_interopRequireDefault(require("../flow-design/src/flow-view"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFlowView=exports.VxeFlowView=Object.assign({},_flowView.default,{install(e){e.component(_flowView.default.name,_flowView.default)}}),FlowView=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFlowView),_core.VxeUI.component(_flowView.default),exports.FlowView=VxeFlowView);var _default=exports.default=VxeFlowView;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFlowView=exports.FlowView=void 0;var _core=require("@vxe-ui/core"),_depend=require("../ui/src/depend"),_flowView=_interopRequireDefault(require("../flow-design/src/flow-view"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFlowView=exports.VxeFlowView=Object.assign({},_flowView.default,{install(e){(0,_depend.checkDependVersion)(),e.component(_flowView.default.name,_flowView.default)}}),FlowView=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFlowView),_core.VxeUI.component(_flowView.default),exports.FlowView=VxeFlowView);var _default=exports.default=VxeFlowView;

package/lib/form-design/index.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VxeFormDesign = exports.FormDesign = void 0;
 var _core = require("@vxe-ui/core");
+var _depend = require("../ui/src/depend");
 var _formDesign = _interopRequireDefault(require("./src/form-design"));
 var _use = require("./src/use");
 require("./render");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VxeFormDesign = exports.VxeFormDesign = Object.assign({}, _formDesign.default, {
   install(app) {
+    (0, _depend.checkDependVersion)();
     app.component(_formDesign.default.name, _formDesign.default);
   }
 });

package/lib/form-design/index.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFormDesign=exports.FormDesign=void 0;var _core=require("@vxe-ui/core"),_formDesign=_interopRequireDefault(require("./src/form-design")),_use=require("./src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}require("./render");let VxeFormDesign=exports.VxeFormDesign=Object.assign({},_formDesign.default,{install(e){e.component(_formDesign.default.name,_formDesign.default)}}),formDesignHandle={useWidgetName:_use.useWidgetName,useWidgetView:_use.useWidgetView,useSubtableView:_use.useSubtableView,useWidgetPropDataSource:_use.useWidgetPropDataSource},FormDesign=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFormDesign),_core.VxeUI.component(_formDesign.default),_core.VxeUI.formDesignHandle=formDesignHandle,_core.VxeUI.formDesign=formDesignHandle,exports.FormDesign=VxeFormDesign);var _default=exports.default=VxeFormDesign;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFormDesign=exports.FormDesign=void 0;var _core=require("@vxe-ui/core"),_depend=require("../ui/src/depend"),_formDesign=_interopRequireDefault(require("./src/form-design")),_use=require("./src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}require("./render");let VxeFormDesign=exports.VxeFormDesign=Object.assign({},_formDesign.default,{install(e){(0,_depend.checkDependVersion)(),e.component(_formDesign.default.name,_formDesign.default)}}),formDesignHandle={useWidgetName:_use.useWidgetName,useWidgetView:_use.useWidgetView,useSubtableView:_use.useSubtableView,useWidgetPropDataSource:_use.useWidgetPropDataSource},FormDesign=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFormDesign),_core.VxeUI.component(_formDesign.default),_core.VxeUI.formDesignHandle=formDesignHandle,_core.VxeUI.formDesign=formDesignHandle,exports.FormDesign=VxeFormDesign);var _default=exports.default=VxeFormDesign;

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

@@ -8,6 +8,7 @@ var _vue = require("vue");
 var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _dom = require("../../ui/src/dom");
+var _utils = require("../../ui/src/utils");
 var _widgetInfo = require("./widget-info");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _layoutWidget = _interopRequireDefault(require("./layout-widget"));
@@ -17,6 +18,7 @@ var _layoutStyle = _interopRequireDefault(require("./layout-style"));
 var _defaultSettingData = require("./default-setting-data");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
+  menus,
   getConfig,
   getIcon,
   getI18n,
@@ -56,9 +58,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       type: Boolean,
       default: () => getConfig().formDesign.showMobile
     },
-    formRender: Object
+    formRender: Object,
+    menuConfig: Object
   },
-  emits: ['click-widget', 'add-widget', 'copy-widget', 'remove-widget', 'drag-widget'],
+  emits: ['widget-click', 'widget-add', 'widget-copy', 'widget-remove', 'widget-drag', 'widget-menu', 'menu-click',
+  // 已废弃
+  'click-widget', 'add-widget', 'copy-widget', 'remove-widget', 'drag-widget'],
   setup(props, context) {
     const VxeUIButtonComponent = _core.VxeUI.getComponent('vxe-button');
     const {
@@ -83,6 +88,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const refMaps = {
       refElem
     };
+    const computeMenuOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, getConfig().calendar.menuConfig, props.menuConfig);
+    });
     const computeMaps = {
       computeSize
     };
@@ -183,12 +191,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       initSettingForm();
       return (0, _vue.nextTick)();
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $formDesign: $xeFormDesign
+      }, params));
+    };
     const formDesignMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, {
-          $xeFormDesign
-        }, params));
-      },
+      dispatchEvent,
       createWidget,
       createEmptyWidget,
       getConfig() {
@@ -338,11 +347,60 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const formDesignPrivateMethods = {
       validWidgetUnique,
+      handleContextmenuWidget(evnt, item) {
+        const {
+          menuConfig
+        } = props;
+        const menuOpts = computeMenuOpts.value;
+        if (menuConfig ? (0, _utils.isEnableConf)(menuOpts) : menuOpts.enabled) {
+          const {
+            options,
+            visibleMethod
+          } = menuOpts;
+          if (!visibleMethod || visibleMethod({
+            $formDesign: $xeFormDesign,
+            widget: item,
+            options
+          })) {
+            if (_core.VxeUI.contextMenu) {
+              _core.VxeUI.contextMenu.openByEvent(evnt, {
+                options,
+                events: {
+                  optionClick(eventParams) {
+                    const {
+                      option
+                    } = eventParams;
+                    const gMenuOpts = menus.get(option.code);
+                    const fdmMethod = gMenuOpts ? gMenuOpts.formDesignMenuMethod : null;
+                    const params = {
+                      menu: option,
+                      widget: item,
+                      $event: evnt,
+                      $formDesign: $xeFormDesign
+                    };
+                    if (fdmMethod) {
+                      fdmMethod(params, evnt);
+                    }
+                    dispatchEvent('menu-click', params, eventParams.$event);
+                  }
+                }
+              });
+            }
+          }
+        }
+        dispatchEvent('widget-menu', {
+          widget: item
+        }, evnt);
+      },
       handleClickWidget(evnt, item) {
         if (item && item.name) {
           evnt.stopPropagation();
           reactData.activeWidget = item;
-          formDesignMethods.dispatchEvent('click-widget', {
+          dispatchEvent('widget-click', {
+            widget: item
+          }, evnt);
+          // click-widget 已废弃
+          dispatchEvent('click-widget', {
             widget: item
           }, evnt);
         }
@@ -373,10 +431,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             }
             reactData.activeWidget = newWidget;
             reactData.widgetObjList = [...widgetObjList];
-            formDesignMethods.dispatchEvent('copy-widget', {
+            dispatchEvent('widget-copy', {
               widget,
               newWidget
             }, evnt);
+            // copy-widget 已废弃
+            dispatchEvent('copy-widget', {
+              widget: newWidget
+            }, evnt);
           }
         }
       },
@@ -406,7 +468,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             items.splice(index, 1);
           }
           reactData.widgetObjList = [...widgetObjList];
-          formDesignMethods.dispatchEvent('remove-widget', {
+          dispatchEvent('widget-remove', {
+            widget
+          }, evnt);
+          // remove-widget 已废弃
+          dispatchEvent('remove-widget', {
             widget
           }, evnt);
         }