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

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

@@ -1,111 +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 _vn = require("../../ui/src/vn");
-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: 'FormDesignLayoutSetting',
-  props: {},
-  emits: [],
-  setup() {
-    const $xeFormDesign = (0, _vue.inject)('$xeFormDesign', null);
-    if (!$xeFormDesign) {
-      return () => [];
-    }
-    const {
-      props: formDesignProps,
-      reactData: formDesignReactData
-    } = $xeFormDesign;
-    const activeTab = (0, _vue.ref)(1);
-    const renderSettingWidgetForm = () => {
-      const {
-        activeWidget
-      } = formDesignReactData;
-      if (activeWidget) {
-        const compConf = _core.renderer.get(activeWidget.name);
-        const renderWidgetFormView = compConf ? compConf.renderFormDesignWidgetFormView : null;
-        if (renderWidgetFormView) {
-          const isEditMode = true;
-          return (0, _vue.h)('div', {
-            class: 'vxe-form-design--custom-widget-form-view'
-          }, (0, _vn.getSlotVNs)(renderWidgetFormView(activeWidget, {
-            isEditMode,
-            isViewMode: !isEditMode,
-            widget: activeWidget,
-            $formDesign: $xeFormDesign,
-            $formView: null
-          })));
-        }
-      }
-      return (0, _vue.createCommentVNode)();
-    };
-    const renderSettingConfigForm = () => {
-      const {
-        formRender
-      } = formDesignProps;
-      const {
-        formData
-      } = formDesignReactData;
-      if (formRender) {
-        const compConf = _core.renderer.get(formRender.name);
-        const renderSettingView = compConf ? compConf.renderFormDesignSettingFormView : null;
-        if (renderSettingView) {
-          return (0, _vue.h)('div', {
-            class: 'vxe-form-design--custom-setting-form-view'
-          }, (0, _vn.getSlotVNs)(renderSettingView({}, {
-            $formDesign: $xeFormDesign
-          })));
-        }
-      }
-      return (0, _vue.h)(_defaultSettingForm.DefaultSettingFormComponent, {
-        formData
-      });
-    };
-    (0, _vue.watch)(() => formDesignReactData.activeWidget, () => {
-      activeTab.value = 1;
-    });
-    return () => {
-      return (0, _vue.h)('div', {
-        class: 'vxe-form-design--setting'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-form-design--setting-form'
-      }, [(0, _vue.h)(_tabs.default, {
-        modelValue: activeTab.value,
-        titleWidth: '50%',
-        titleAlign: 'center',
-        padding: true,
-        class: 'vxe-form-design--setting-form-tabs',
-        'onUpdate:modelValue'(val) {
-          activeTab.value = val;
-        }
-      }, {
-        default() {
-          return [(0, _vue.h)(_tabPane.default, {
-            title: (0, _core.getI18n)('vxe.formDesign.widgetPropTab'),
-            name: 1
-          }, {
-            default() {
-              return renderSettingWidgetForm();
-            }
-          }), (0, _vue.h)(_tabPane.default, {
-            title: (0, _core.getI18n)('vxe.formDesign.widgetFormTab'),
-            name: 2
-          }, {
-            default() {
-              return renderSettingConfigForm();
-            }
-          })];
-        }
-      })])]);
-    };
-  }
-});

package/lib/form-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"),_vn=require("../../ui/src/vn"),_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:"FormDesignLayoutSetting",props:{},emits:[],setup(){const r=(0,_vue.inject)("$xeFormDesign",null);if(!r)return()=>[];const{props:i,reactData:n}=r,t=(0,_vue.ref)(1);return(0,_vue.watch)(()=>n.activeWidget,()=>{t.value=1}),()=>(0,_vue.h)("div",{class:"vxe-form-design--setting"},[(0,_vue.h)("div",{class:"vxe-form-design--setting-form"},[(0,_vue.h)(_tabs.default,{modelValue:t.value,titleWidth:"50%",titleAlign:"center",padding:!0,class:"vxe-form-design--setting-form-tabs","onUpdate:modelValue"(e){t.value=e}},{default(){return[(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetPropTab"),name:1},{default(){var e=n["activeWidget"];if(e){var t=_core.renderer.get(e.name),t=t?t.renderFormDesignWidgetFormView:null;if(t)return(0,_vue.h)("div",{class:"vxe-form-design--custom-widget-form-view"},(0,_vn.getSlotVNs)(t(e,{isEditMode:!0,isViewMode:!1,widget:e,$formDesign:r,$formView:null})))}return(0,_vue.createCommentVNode)()}}),(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetFormTab"),name:2},{default(){var e=i["formRender"],t=n["formData"];if(e){e=_core.renderer.get(e.name),e=e?e.renderFormDesignSettingFormView:null;if(e)return(0,_vue.h)("div",{class:"vxe-form-design--custom-setting-form-view"},(0,_vn.getSlotVNs)(e({},{$formDesign:r})))}return(0,_vue.h)(_defaultSettingForm.DefaultSettingFormComponent,{formData:t})}})]}})])])}});

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

@@ -1,226 +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 _vn = require("../../ui/src/vn");
-var _modal = _interopRequireDefault(require("../../modal/src/modal"));
-var _tabs = _interopRequireDefault(require("../../tabs/src/tabs"));
-var _tabPane = _interopRequireDefault(require("../../tabs/src/tab-pane"));
-var _formView = _interopRequireDefault(require("./form-view"));
-var _defaultStyleForm = require("./default-style-form");
-var _defaultSettingData = require("./default-setting-data");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'FormDesignLayoutStyle',
-  props: {},
-  emits: [],
-  setup() {
-    const $xeFormDesign = (0, _vue.inject)('$xeFormDesign', null);
-    const reactData = (0, _vue.reactive)({
-      activeTab: 1
-    });
-    const $xeFormDesignLayoutStyle = {
-      reactData,
-      renderVN() {
-        return [];
-      }
-    };
-    if (!$xeFormDesign) {
-      return $xeFormDesignLayoutStyle;
-    }
-    const {
-      props: formDesignProps,
-      reactData: formDesignReactData
-    } = $xeFormDesign;
-    const settingVisible = (0, _vue.ref)(false);
-    const settingConfig = (0, _vue.ref)(null);
-    const settingFormData = (0, _vue.ref)({});
-    const updatePreviewView = () => {
-      settingConfig.value = $xeFormDesign.getConfig();
-    };
-    const createFormViewFormConfig = params => {
-      const {
-        viewRender
-      } = params;
-      const {
-        activeTab
-      } = reactData;
-      const {
-        name
-      } = viewRender || {};
-      const compConf = _core.renderer.get(name) || {};
-      const createPCFormConfig = compConf ? compConf.createFormViewFormConfig : null;
-      const createMobileFormConfig = compConf ? compConf.createFormViewMobileFormConfig : null;
-      if (activeTab === 2) {
-        if (createMobileFormConfig) {
-          return createMobileFormConfig(params);
-        }
-        return (0, _defaultSettingData.createDefaultFormViewMobileFormConfig)(params);
-      }
-      if (createPCFormConfig) {
-        return createPCFormConfig(params);
-      }
-      return (0, _defaultSettingData.createDefaultFormViewPCFormConfig)(params);
-    };
-    const formDesignLayoutStyleMethod = {
-      updatePreviewView,
-      openStylePreview() {
-        const {
-          showPc
-        } = formDesignProps;
-        updatePreviewView();
-        reactData.activeTab = showPc ? 1 : 2;
-        settingVisible.value = true;
-      }
-    };
-    Object.assign($xeFormDesignLayoutStyle, formDesignLayoutStyleMethod);
-    const renderStylePreview = () => {
-      const {
-        activeTab
-      } = reactData;
-      return (0, _vue.h)('div', {
-        class: ['vxe-form-design--layout-style-preview', `is--${activeTab === 2 ? 'mobile' : 'pc'}`]
-      }, [(0, _vue.h)(_formView.default, {
-        modelValue: settingFormData.value,
-        config: settingConfig.value,
-        createFormConfig: createFormViewFormConfig,
-        'onUpdate:modelValue'(val) {
-          settingFormData.value = val;
-        }
-      })]);
-    };
-    const renderMobileStyle = () => {
-      const {
-        formRender
-      } = formDesignProps;
-      const {
-        formData
-      } = formDesignReactData;
-      if (formRender) {
-        const compConf = _core.renderer.get(formRender.name);
-        const renderSettingMobileFormView = compConf ? compConf.renderFormDesignMobileStyleFormView : null;
-        if (renderSettingMobileFormView) {
-          return (0, _vue.h)('div', {
-            class: 'vxe-form-design--custom-setting-mobile-form-view'
-          }, (0, _vn.getSlotVNs)(renderSettingMobileFormView({}, {
-            $formDesign: $xeFormDesign,
-            formConfig: formData
-          })));
-        }
-      }
-      return (0, _vue.h)(_defaultStyleForm.DefaultMobileStyleFormComponent, {
-        formData
-      });
-    };
-    const renderPCStyle = () => {
-      const {
-        formRender
-      } = formDesignProps;
-      const {
-        formData
-      } = formDesignReactData;
-      if (formRender) {
-        const compConf = _core.renderer.get(formRender.name);
-        const renderStylePCFormView = compConf ? compConf.renderFormDesignStyleFormView : null;
-        if (renderStylePCFormView) {
-          return (0, _vue.h)('div', {
-            class: 'vxe-form-design--custom-setting-pc-form-view'
-          }, (0, _vn.getSlotVNs)(renderStylePCFormView({}, {
-            $formDesign: $xeFormDesign,
-            formConfig: formData
-          })));
-        }
-      }
-      return (0, _vue.h)(_defaultStyleForm.DefaultPCStyleFormComponent, {
-        formData
-      });
-    };
-    const renderStyleSetting = () => {
-      const {
-        showPc,
-        showMobile
-      } = formDesignProps;
-      const {
-        activeTab
-      } = reactData;
-      return (0, _vue.h)('div', {
-        class: 'vxe-form-design--layout-style-setting'
-      }, [(0, _vue.h)(_tabs.default, {
-        modelValue: activeTab,
-        titleWidth: showPc && showMobile ? '50%' : '100%',
-        titleAlign: 'center',
-        padding: true,
-        onChange: updatePreviewView,
-        'onUpdate:modelValue'(val) {
-          reactData.activeTab = val;
-        }
-      }, {
-        default() {
-          const tabVNs = [];
-          if (showPc) {
-            tabVNs.push((0, _vue.h)(_tabPane.default, {
-              title: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.pc'),
-              icon: (0, _core.getIcon)().FORM_DESIGN_PROPS_PC,
-              k: 1,
-              name: 1
-            }, {
-              default() {
-                return renderPCStyle();
-              }
-            }));
-          }
-          if (showMobile) {
-            tabVNs.push((0, _vue.h)(_tabPane.default, {
-              title: (0, _core.getI18n)('vxe.formDesign.widgetProp.displaySetting.mobile'),
-              icon: (0, _core.getIcon)().FORM_DESIGN_PROPS_MOBILE,
-              key: 2,
-              name: 2
-            }, {
-              default() {
-                return renderMobileStyle();
-              }
-            }));
-          }
-          return tabVNs;
-        }
-      })]);
-    };
-    const renderVN = () => {
-      const {
-        showPc,
-        showMobile
-      } = formDesignProps;
-      return (0, _vue.h)(_modal.default, {
-        modelValue: settingVisible.value,
-        title: (0, _core.getI18n)('vxe.formDesign.styleSetting.title'),
-        height: '90vh',
-        width: '90vw',
-        escClosable: true,
-        maskClosable: true,
-        destroyOnClose: true,
-        showMaximize: true,
-        transfer: true,
-        'onUpdate:modelValue'(val) {
-          settingVisible.value = val;
-        }
-      }, {
-        default() {
-          return (0, _vue.h)('div', {
-            class: 'vxe-form-design--layout-style'
-          }, [renderStylePreview(), showPc || showMobile ? renderStyleSetting() : (0, _vue.createCommentVNode)()]);
-        }
-      });
-    };
-    $xeFormDesignLayoutStyle.renderVN = renderVN;
-    (0, _vue.provide)('$xeFormDesignLayoutStyle', $xeFormDesignLayoutStyle);
-    return $xeFormDesignLayoutStyle;
-  },
-  render() {
-    return this.renderVN();
-  }
-});

package/lib/form-design/src/layout-style.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"),_vn=require("../../ui/src/vn"),_modal=_interopRequireDefault(require("../../modal/src/modal")),_tabs=_interopRequireDefault(require("../../tabs/src/tabs")),_tabPane=_interopRequireDefault(require("../../tabs/src/tab-pane")),_formView=_interopRequireDefault(require("./form-view")),_defaultStyleForm=require("./default-style-form"),_defaultSettingData=require("./default-setting-data");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"FormDesignLayoutStyle",props:{},emits:[],setup(){const t=(0,_vue.inject)("$xeFormDesign",null),a=(0,_vue.reactive)({activeTab:1});var e={reactData:a,renderVN(){return[]}};if(t){const{props:o,reactData:i}=t,n=(0,_vue.ref)(!1),u=(0,_vue.ref)(null),l=(0,_vue.ref)({}),s=()=>{u.value=t.getConfig()},m=e=>{var r=e["viewRender"],t=a["activeTab"],r=(r||{})["name"],r=_core.renderer.get(r)||{},o=r?r.createFormViewFormConfig:null,r=r?r.createFormViewMobileFormConfig:null;return(2===t?r||_defaultSettingData.createDefaultFormViewMobileFormConfig:o||_defaultSettingData.createDefaultFormViewPCFormConfig)(e)};var r={updatePreviewView:s,openStylePreview(){var e=o["showPc"];s(),a.activeTab=e?1:2,n.value=!0}};Object.assign(e,r);const v=()=>{var e=o["formRender"],r=i["formData"];if(e){e=_core.renderer.get(e.name),e=e?e.renderFormDesignMobileStyleFormView:null;if(e)return(0,_vue.h)("div",{class:"vxe-form-design--custom-setting-mobile-form-view"},(0,_vn.getSlotVNs)(e({},{$formDesign:t,formConfig:r})))}return(0,_vue.h)(_defaultStyleForm.DefaultMobileStyleFormComponent,{formData:r})},f=()=>{var e=o["formRender"],r=i["formData"];if(e){e=_core.renderer.get(e.name),e=e?e.renderFormDesignStyleFormView:null;if(e)return(0,_vue.h)("div",{class:"vxe-form-design--custom-setting-pc-form-view"},(0,_vn.getSlotVNs)(e({},{$formDesign:t,formConfig:r})))}return(0,_vue.h)(_defaultStyleForm.DefaultPCStyleFormComponent,{formData:r})};e.renderVN=()=>{const{showPc:r,showMobile:t}=o;return(0,_vue.h)(_modal.default,{modelValue:n.value,title:(0,_core.getI18n)("vxe.formDesign.styleSetting.title"),height:"90vh",width:"90vw",escClosable:!0,maskClosable:!0,destroyOnClose:!0,showMaximize:!0,transfer:!0,"onUpdate:modelValue"(e){n.value=e}},{default(){return(0,_vue.h)("div",{class:"vxe-form-design--layout-style"},[(e=a.activeTab,(0,_vue.h)("div",{class:["vxe-form-design--layout-style-preview","is--"+(2===e?"mobile":"pc")]},[(0,_vue.h)(_formView.default,{modelValue:l.value,config:u.value,createFormConfig:m,"onUpdate:modelValue"(e){l.value=e}})])),(r||t?()=>{const{showPc:r,showMobile:t}=o;var e=a["activeTab"];return(0,_vue.h)("div",{class:"vxe-form-design--layout-style-setting"},[(0,_vue.h)(_tabs.default,{modelValue:e,titleWidth:r&&t?"50%":"100%",titleAlign:"center",padding:!0,onChange:s,"onUpdate:modelValue"(e){a.activeTab=e}},{default(){var e=[];return r&&e.push((0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.pc"),icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_PC,k:1,name:1},{default(){return f()}})),t&&e.push((0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.mobile"),icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_MOBILE,key:2,name:2},{default(){return v()}})),e}})])}:(0,_vue.createCommentVNode))()]);var e}})},(0,_vue.provide)("$xeFormDesignLayoutStyle",e)}return e},render(){return this.renderVN()}});

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

@@ -1,163 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ViewItemComponent = void 0;
-var _vue = require("vue");
-var _comp = require("../../ui/src/comp");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _core = require("@vxe-ui/core");
-var _button = _interopRequireDefault(require("../../button/src/button"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ViewItemComponent = exports.ViewItemComponent = (0, _comp.defineVxeComponent)({
-  name: 'FormDesignLayoutViewItem',
-  props: {
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    itemIndex: {
-      type: Number,
-      default: 0
-    },
-    items: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: [],
-  setup(props, {
-    slots
-  }) {
-    const $xeFormDesign = (0, _vue.inject)('$xeFormDesign', null);
-    if (!$xeFormDesign) {
-      return () => [];
-    }
-    const {
-      reactData: formDesignReactData
-    } = $xeFormDesign;
-    const sortDragstartEvent = evnt => {
-      const {
-        widgetObjList
-      } = formDesignReactData;
-      const divEl = evnt.currentTarget;
-      const widgetId = Number(divEl.getAttribute('data-widget-id'));
-      const currRest = _xeUtils.default.findTree(widgetObjList, item => item && item.id === widgetId, {
-        children: 'children'
-      });
-      if (currRest) {
-        formDesignReactData.dragWidget = null;
-        formDesignReactData.sortWidget = currRest.item;
-      }
-    };
-    const sortDragendEvent = () => {
-      formDesignReactData.activeWidget = formDesignReactData.sortWidget;
-      formDesignReactData.sortWidget = null;
-    };
-    const sortDragenterEvent = evnt => {
-      const {
-        widgetObjList,
-        sortWidget
-      } = formDesignReactData;
-      const formDesignInternalData = $xeFormDesign.internalData;
-      const {
-        lastDragTime
-      } = formDesignInternalData;
-      if (lastDragTime && lastDragTime > Date.now() - 300) {
-        evnt.preventDefault();
-        return;
-      }
-      if (sortWidget) {
-        const divEl = evnt.currentTarget;
-        evnt.preventDefault();
-        const widgetId = Number(divEl.getAttribute('data-widget-id'));
-        if (widgetId !== sortWidget.id) {
-          const targetRest = _xeUtils.default.findTree(widgetObjList, item => item && item.id === widgetId, {
-            children: 'children'
-          });
-          if (targetRest) {
-            const currRest = _xeUtils.default.findTree(widgetObjList, item => item && item.id === sortWidget.id, {
-              children: 'children'
-            });
-            if (currRest) {
-              // 控件换位置
-              if (currRest.parent && currRest.parent.name === 'row') {
-                // 如是是从 row 移出
-                currRest.items[currRest.index] = $xeFormDesign.createEmptyWidget();
-              } else {
-                currRest.items.splice(currRest.index, 1);
-              }
-              targetRest.items.splice(targetRest.index, 0, currRest.item);
-              formDesignInternalData.lastDragTime = Date.now();
-              $xeFormDesign.dispatchEvent('drag-widget', {
-                widget: currRest.item
-              }, evnt);
-            }
-          }
-        }
-      }
-    };
-    // const dragoverItemEvent = (evnt: DragEvent) => {
-    //   // const { sortWidget, dragWidget } = formDesignReactData
-    //   // if (sortWidget || dragWidget) {
-    //   //   evnt.preventDefault()
-    //   // }
-    // }
-    const handleClickEvent = (evnt, item) => {
-      $xeFormDesign.handleClickWidget(evnt, item);
-    };
-    return () => {
-      const {
-        dragWidget,
-        activeWidget,
-        sortWidget
-      } = formDesignReactData;
-      const {
-        item
-      } = props;
-      const {
-        name
-      } = item;
-      const isActive = activeWidget && activeWidget.id === item.id;
-      const defaultSlot = slots.default;
-      return (0, _vue.h)('div', {
-        key: item.id,
-        'data-widget-id': item.id,
-        draggable: true,
-        class: ['vxe-form-design--preview-item', `widget-${_xeUtils.default.kebabCase(name)}`, {
-          'is--active': isActive,
-          'is--sort': sortWidget && sortWidget.id === item.id,
-          'is--drag': dragWidget && dragWidget.id === item.id
-        }],
-        onDragstart: sortDragstartEvent,
-        onDragend: sortDragendEvent,
-        onDragenter: sortDragenterEvent,
-        // onDragover: dragoverItemEvent,
-        onClick(evnt) {
-          handleClickEvent(evnt, item);
-        }
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-form-design--preview-item-view vxe-form--item-row'
-      }, defaultSlot ? defaultSlot({}) : []), isActive ? (0, _vue.h)('div', {
-        class: 'vxe-form-design--preview-item-operate'
-      }, [(0, _vue.h)(_button.default, {
-        icon: (0, _core.getIcon)().FORM_DESIGN_WIDGET_COPY,
-        status: 'primary',
-        size: 'mini',
-        circle: true,
-        onClick(params) {
-          $xeFormDesign.handleCopyWidget(params.$event, item);
-        }
-      }), (0, _vue.h)(_button.default, {
-        icon: (0, _core.getIcon)().FORM_DESIGN_WIDGET_DELETE,
-        status: 'danger',
-        size: 'mini',
-        circle: true,
-        onClick(params) {
-          $xeFormDesign.handleRemoveWidget(params.$event, item);
-        }
-      })]) : (0, _vue.createCommentVNode)()]);
-    };
-  }
-});

package/lib/form-design/src/layout-view-item.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ViewItemComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ViewItemComponent=exports.ViewItemComponent=(0,_comp.defineVxeComponent)({name:"FormDesignLayoutViewItem",props:{item:{type:Object,default:()=>({})},itemIndex:{type:Number,default:0},items:{type:Array,default:()=>[]}},emits:[],setup(a,{slots:o}){const s=(0,_vue.inject)("$xeFormDesign",null);if(!s)return()=>[];const u=s["reactData"],l=e=>{var t=u["widgetObjList"],e=e.currentTarget;const i=Number(e.getAttribute("data-widget-id"));e=_xeUtils.default.findTree(t,e=>e&&e.id===i,{children:"children"});e&&(u.dragWidget=null,u.sortWidget=e.item)},c=()=>{u.activeWidget=u.sortWidget,u.sortWidget=null},m=e=>{const{widgetObjList:t,sortWidget:i}=u;var r=s.internalData,n=r["lastDragTime"];if(n&&n>Date.now()-300)e.preventDefault();else if(i){var d,n=e.currentTarget;e.preventDefault();const a=Number(n.getAttribute("data-widget-id"));a!==i.id&&(n=_xeUtils.default.findTree(t,e=>e&&e.id===a,{children:"children"}))&&(d=_xeUtils.default.findTree(t,e=>e&&e.id===i.id,{children:"children"}))&&(d.parent&&"row"===d.parent.name?d.items[d.index]=s.createEmptyWidget():d.items.splice(d.index,1),n.items.splice(n.index,0,d.item),r.lastDragTime=Date.now(),s.dispatchEvent("drag-widget",{widget:d.item},e))}};return()=>{var{dragWidget:e,activeWidget:t,sortWidget:i}=u;const r=a["item"];var n=r["name"],t=t&&t.id===r.id,d=o.default;return(0,_vue.h)("div",{key:r.id,"data-widget-id":r.id,draggable:!0,class:["vxe-form-design--preview-item","widget-"+_xeUtils.default.kebabCase(n),{"is--active":t,"is--sort":i&&i.id===r.id,"is--drag":e&&e.id===r.id}],onDragstart:l,onDragend:c,onDragenter:m,onClick(e){var t;e=e,t=r,s.handleClickWidget(e,t)}},[(0,_vue.h)("div",{class:"vxe-form-design--preview-item-view vxe-form--item-row"},d?d({}):[]),t?(0,_vue.h)("div",{class:"vxe-form-design--preview-item-operate"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_COPY,status:"primary",size:"mini",circle:!0,onClick(e){s.handleCopyWidget(e.$event,r)}}),(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_DELETE,status:"danger",size:"mini",circle:!0,onClick(e){s.handleRemoveWidget(e.$event,r)}})]):(0,_vue.createCommentVNode)()])}}});

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

@@ -1,150 +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 _core = require("@vxe-ui/core");
-var _vn = require("../../ui/src/vn");
-var _widgetInfo = require("./widget-info");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  props: {},
-  emits: [],
-  setup() {
-    const $xeFormDesign = (0, _vue.inject)('$xeFormDesign', null);
-    if (!$xeFormDesign) {
-      return () => [];
-    }
-    const {
-      reactData: formDesignReactData
-    } = $xeFormDesign;
-    const dragstartEvent = evnt => {
-      const divEl = evnt.currentTarget;
-      const dataTransfer = evnt.dataTransfer;
-      const widgetName = divEl.getAttribute('data-widget-name') || '';
-      if ($xeFormDesign.validWidgetUnique(widgetName)) {
-        const dragWidget = $xeFormDesign.createWidget(widgetName);
-        if (dataTransfer) {
-          dataTransfer.setData('text/plain', widgetName);
-        }
-        formDesignReactData.sortWidget = null;
-        formDesignReactData.dragWidget = dragWidget;
-      } else {
-        evnt.preventDefault();
-      }
-    };
-    const dragendEvent = evnt => {
-      evnt.preventDefault();
-      if (formDesignReactData.dragWidget) {
-        const newWidget = formDesignReactData.dragWidget;
-        formDesignReactData.activeWidget = newWidget;
-        $xeFormDesign.dispatchEvent('add-widget', {
-          newWidget
-        }, evnt);
-      }
-      formDesignReactData.dragWidget = null;
-      formDesignReactData.sortWidget = null;
-    };
-    const cancelDragoverItem = (evnt, group) => {
-      const {
-        widgetObjList,
-        dragWidget
-      } = formDesignReactData;
-      if (dragWidget) {
-        if (group.children.some(widget => widget.name === dragWidget.name)) {
-          const rest = _xeUtils.default.findTree(widgetObjList, item => item && item.id === dragWidget.id, {
-            children: 'children'
-          });
-          if (rest) {
-            rest.items.splice(rest.index, 1);
-          }
-        }
-      }
-    };
-    const addNewWidget = (evnt, widgetName) => {
-      if ($xeFormDesign.validWidgetUnique(widgetName)) {
-        const {
-          widgetObjList
-        } = formDesignReactData;
-        const dragWidget = $xeFormDesign.createWidget(widgetName);
-        widgetObjList.push(dragWidget);
-        formDesignReactData.activeWidget = dragWidget;
-        formDesignReactData.sortWidget = null;
-        formDesignReactData.dragWidget = null;
-        $xeFormDesign.dispatchEvent('add-widget', {
-          newWidget: dragWidget
-        }, evnt);
-      }
-    };
-    const renderWidgetList = group => {
-      const widgetVNs = [];
-      if (group.children) {
-        group.children.forEach((widget, index) => {
-          const {
-            name
-          } = widget;
-          const configTitle = (0, _widgetInfo.getWidgetConfigTitle)(name, $xeFormDesign);
-          const compConf = _core.renderer.get(name) || {};
-          const widgetConf = (0, _widgetInfo.getWidgetConfig)(name);
-          const renderWidgetItem = compConf.renderFormDesignWidgetItem;
-          widgetVNs.push((0, _vue.h)('div', {
-            key: index,
-            class: 'vxe-form-design--widget-item'
-          }, (0, _vue.h)('div', {
-            class: 'vxe-form-design--widget-box',
-            'data-widget-name': name,
-            title: configTitle,
-            draggable: true,
-            onDragstart: dragstartEvent,
-            onDragend: dragendEvent
-          }, renderWidgetItem ? (0, _vn.getSlotVNs)(renderWidgetItem({}, {
-            $formDesign: $xeFormDesign
-          })) : [(0, _vue.h)('i', {
-            class: ['vxe-form-design--widget-item-icon', widgetConf ? widgetConf.icon || '' : '']
-          }), (0, _vue.h)('span', {
-            class: 'vxe-form-design--widget-item-name'
-          }, configTitle), (0, _vue.h)('span', {
-            class: 'vxe-form-design--widget-item-add',
-            onClick(evnt) {
-              addNewWidget(evnt, name);
-            }
-          }, [(0, _vue.h)('i', {
-            class: (0, _core.getIcon)().FORM_DESIGN_WIDGET_ADD
-          })])])));
-        });
-      }
-      return widgetVNs;
-    };
-    const renderWidgetGroups = () => {
-      const {
-        widgetConfigs
-      } = formDesignReactData;
-      return widgetConfigs.map((config, gIndex) => {
-        const {
-          title,
-          group
-        } = config;
-        return (0, _vue.h)('div', {
-          key: gIndex,
-          class: 'vxe-form-design--widget-group'
-        }, [(0, _vue.h)('div', {
-          class: 'vxe-form-design--widget-title'
-        }, group ? (0, _core.getI18n)(`vxe.formDesign.widget.group.${group}`) : `${title || ''}`), (0, _vue.h)('div', {
-          class: 'vxe-form-design--widget-list',
-          onDragover(evnt) {
-            cancelDragoverItem(evnt, config);
-          }
-        }, renderWidgetList(config))]);
-      });
-    };
-    return () => {
-      return (0, _vue.h)('div', {
-        class: 'vxe-form-design--widget'
-      }, renderWidgetGroups());
-    };
-  }
-});

package/lib/form-design/src/layout-widget.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")),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_widgetInfo=require("./widget-info");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({props:{},emits:[],setup(){const g=(0,_vue.inject)("$xeFormDesign",null);if(!g)return()=>[];const n=g["reactData"],a=e=>{var t,i=e.currentTarget,r=e.dataTransfer,i=i.getAttribute("data-widget-name")||"";g.validWidgetUnique(i)?(t=g.createWidget(i),r&&r.setData("text/plain",i),n.sortWidget=null,n.dragWidget=t):e.preventDefault()},s=e=>{var t;e.preventDefault(),n.dragWidget&&(t=n.dragWidget,n.activeWidget=t,g.dispatchEvent("add-widget",{newWidget:t},e)),n.dragWidget=null,n.sortWidget=null},o=(e,t)=>{var i;g.validWidgetUnique(t)&&(i=n["widgetObjList"],t=g.createWidget(t),i.push(t),n.activeWidget=t,n.sortWidget=null,n.dragWidget=null,g.dispatchEvent("add-widget",{newWidget:t},e))},e=()=>{var e=n["widgetConfigs"];return e.map((d,e)=>{var{title:t,group:i}=d;return(0,_vue.h)("div",{key:e,class:"vxe-form-design--widget-group"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-title"},i?(0,_core.getI18n)("vxe.formDesign.widget.group."+i):""+(t||"")),(0,_vue.h)("div",{class:"vxe-form-design--widget-list",onDragover(e){{var t=d;const{widgetObjList:i,dragWidget:r}=n;r&&t.children.some(e=>e.name===r.name)&&(t=_xeUtils.default.findTree(i,e=>e&&e.id===r.id,{children:"children"}))&&t.items.splice(t.index,1)}}},(e=>{const n=[];return e.children&&e.children.forEach((e,t)=>{const i=e["name"];var e=(0,_widgetInfo.getWidgetConfigTitle)(i,g),r=_core.renderer.get(i)||{},d=(0,_widgetInfo.getWidgetConfig)(i),r=r.renderFormDesignWidgetItem;n.push((0,_vue.h)("div",{key:t,class:"vxe-form-design--widget-item"},(0,_vue.h)("div",{class:"vxe-form-design--widget-box","data-widget-name":i,title:e,draggable:!0,onDragstart:a,onDragend:s},r?(0,_vn.getSlotVNs)(r({},{$formDesign:g})):[(0,_vue.h)("i",{class:["vxe-form-design--widget-item-icon",d&&d.icon||""]}),(0,_vue.h)("span",{class:"vxe-form-design--widget-item-name"},e),(0,_vue.h)("span",{class:"vxe-form-design--widget-item-add",onClick(e){o(e,i)}},[(0,_vue.h)("i",{class:(0,_core.getIcon)().FORM_DESIGN_WIDGET_ADD})])])))}),n})(d))])})};return()=>(0,_vue.h)("div",{class:"vxe-form-design--widget"},e())}});