vxe-pc-ui 4.6.49 → 4.7.0

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

@@ -1,403 +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 _ui = require("../../ui");
-var _vn = require("../../ui/src/vn");
-var _defaultSettingData = require("./default-setting-data");
-var _form = _interopRequireDefault(require("../../form/src/form"));
-var _formGroup = _interopRequireDefault(require("../../form/src/form-group"));
-var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
-var _widgetInfo = require("./widget-info");
-var _log = require("../../ui/src/log");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'VxeFormView',
-  props: {
-    modelValue: Object,
-    config: Object,
-    readonly: Boolean,
-    disabled: Boolean,
-    viewRender: Object,
-    formOptions: Object,
-    createFormConfig: Function,
-    size: {
-      type: String,
-      default: () => (0, _ui.getConfig)().formView.size || (0, _ui.getConfig)().size
-    }
-  },
-  emits: ['update:modelValue', 'submit', 'reset'],
-  setup(props, context) {
-    const {
-      emit,
-      slots
-    } = context;
-    const xID = _xeUtils.default.uniqueId();
-    const refElem = (0, _vue.ref)();
-    const formRef = (0, _vue.ref)();
-    const {
-      computeSize
-    } = (0, _ui.useSize)(props);
-    const $xeFormDesignLayoutStyle = (0, _vue.inject)('$xeFormDesignLayoutStyle', null);
-    const reactData = (0, _vue.reactive)({
-      formConfig: {},
-      formRules: {},
-      widgetObjList: []
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {
-      computeSize
-    };
-    const $xeFormView = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const clearConfig = () => {
-      return loadConfig({
-        formConfig: {},
-        widgetData: []
-      });
-    };
-    const loadConfig = config => {
-      if (config) {
-        const {
-          formConfig,
-          widgetData
-        } = config;
-        loadFormConfig(formConfig || {});
-        loadWidgetData(widgetData || []);
-      }
-      return (0, _vue.nextTick)();
-    };
-    const parseConfig = config => {
-      const {
-        formConfig,
-        widgetData
-      } = config || {};
-      const widgetObjList = parseWidgetData(widgetData || []);
-      return Object.assign(Object.assign({}, parseForm(widgetObjList)), {
-        formConfig: parseFormConfig(formConfig || {}),
-        widgetData: widgetObjList
-      });
-    };
-    const parseFormConfig = formConfig => {
-      const {
-        viewRender,
-        createFormConfig,
-        formOptions
-      } = props;
-      const params = {
-        viewRender,
-        formConfig
-      };
-      if (createFormConfig) {
-        return createFormConfig(params);
-      }
-      const {
-        name
-      } = viewRender || {};
-      const compConf = _ui.renderer.get(name) || {};
-      const createPCFormConfig = compConf ? compConf.createFormViewFormConfig : null;
-      return Object.assign({}, createPCFormConfig ? createPCFormConfig(params) : (0, _defaultSettingData.createDefaultFormViewPCFormConfig)(params), formOptions);
-    };
-    const loadFormConfig = formConfig => {
-      reactData.formConfig = parseFormConfig(formConfig);
-      return (0, _vue.nextTick)();
-    };
-    const parseForm = widgetObjList => {
-      const formData = {};
-      const formRules = {};
-      _xeUtils.default.eachTree(widgetObjList, widget => {
-        const {
-          name,
-          field,
-          required
-        } = widget;
-        const compConf = _ui.renderer.get(name) || {};
-        const createWidgetFieldValue = compConf.createFormDesignWidgetFieldValue;
-        const createWidgetFieldRules = compConf.createFormDesignWidgetFieldRules;
-        formData[field] = createWidgetFieldValue ? createWidgetFieldValue({
-          widget,
-          $formView: $xeFormView
-        }) : getWidgetDefaultValue(widget);
-        if (createWidgetFieldRules) {
-          const rules = createWidgetFieldRules({
-            widget,
-            $formView: $xeFormView
-          });
-          if (rules && rules.length) {
-            formRules[field] = rules;
-          }
-        } else if (required) {
-          formRules[field] = getWidgetDefaultRule();
-        }
-      }, {
-        children: 'children'
-      });
-      return {
-        formData,
-        formRules
-      };
-    };
-    const parseWidgetData = widgetData => {
-      return (widgetData || []).map(item => (0, _widgetInfo.configToWidget)(item));
-    };
-    const loadWidgetData = widgetData => {
-      const widgetObjList = parseWidgetData(widgetData);
-      reactData.widgetObjList = widgetObjList;
-      const {
-        formData,
-        formRules
-      } = parseForm(widgetObjList);
-      reactData.formRules = formRules;
-      emit('update:modelValue', Object.assign(formData, props.modelValue));
-      return (0, _vue.nextTick)();
-    };
-    const getWidgetDefaultValue = widget => {
-      switch (widget.name) {
-        case 'subtable':
-          return [];
-      }
-      return null;
-    };
-    const getWidgetDefaultRule = () => {
-      return [{
-        required: true,
-        content: '该填写该字段！'
-      }];
-    };
-    const updateWidgetStatus = (widget, value) => {
-      const {
-        field
-      } = widget;
-      const $form = formRef.value;
-      if ($form) {
-        $form.updateStatus({
-          field
-        }, value);
-      }
-      return (0, _vue.nextTick)();
-    };
-    const setItemValue = (widget, value) => {
-      const {
-        modelValue
-      } = props;
-      const {
-        field
-      } = widget;
-      const $form = formRef.value;
-      if (modelValue) {
-        modelValue[field] = value;
-      }
-      if ($form) {
-        $form.updateStatus({
-          field
-        }, value);
-      }
-      return (0, _vue.nextTick)();
-    };
-    const getItemValue = widget => {
-      const {
-        modelValue
-      } = props;
-      if (modelValue) {
-        return modelValue[widget.field];
-      }
-      return null;
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, _ui.createEvent)(evnt, {
-        $formView: $xeFormView
-      }, params));
-    };
-    const toWidgetFields = widget => {
-      if (widget) {
-        if (_xeUtils.default.isArray(widget)) {
-          return widget.map(item => item.name);
-        } else {
-          return [widget.name];
-        }
-      }
-      return null;
-    };
-    const formViewMethods = {
-      dispatchEvent,
-      clearConfig,
-      loadConfig,
-      parseConfig,
-      loadFormConfig,
-      loadWidgetData,
-      updateWidgetStatus,
-      setItemValue,
-      getItemValue,
-      validate() {
-        const $form = formRef.value;
-        if ($form) {
-          return $form.validate();
-        }
-        return (0, _vue.nextTick)();
-      },
-      validateWidget(widget) {
-        const $form = formRef.value;
-        if ($form) {
-          return $form.validateField(toWidgetFields(widget));
-        }
-        return (0, _vue.nextTick)();
-      },
-      clearValidate(widget) {
-        const $form = formRef.value;
-        if ($form) {
-          return $form.clearValidate(toWidgetFields(widget));
-        }
-        return (0, _vue.nextTick)();
-      },
-      reset() {
-        const {
-          widgetObjList
-        } = reactData;
-        const {
-          formData
-        } = parseForm(widgetObjList);
-        emit('update:modelValue', Object.assign({}, formData));
-        return (0, _vue.nextTick)();
-      },
-      /**
-       * 已废弃
-       * @deprecated
-       */
-      updateItemStatus(widget, value) {
-        (0, _log.warnLog)('vxe.error.delFunc', ['updateItemStatus', 'updateWidgetStatus']);
-        return updateWidgetStatus(widget, value);
-      }
-    };
-    const handleSubmit = params => {
-      dispatchEvent('submit', params, params.$event);
-    };
-    const handleReset = params => {
-      dispatchEvent('reset', params, params.$event);
-    };
-    const formViewPrivateMethods = {};
-    Object.assign($xeFormView, formViewMethods, formViewPrivateMethods);
-    const renderVN = () => {
-      const {
-        readonly,
-        disabled,
-        modelValue
-      } = props;
-      const {
-        formConfig,
-        formRules,
-        widgetObjList
-      } = reactData;
-      const vSize = computeSize.value;
-      const topSlot = slots.top;
-      const bottomSlot = slots.bottom;
-      const headerSlot = slots.header;
-      const footerSlot = slots.footer;
-      return (0, _vue.h)('div', {
-        ref: refElem,
-        class: ['vxe-form-view', {
-          [`size--${vSize}`]: vSize
-        }]
-      }, [topSlot ? (0, _vue.h)('div', {
-        class: 'vxe-form-view--top'
-      }, (0, _vn.getSlotVNs)(topSlot({
-        $formView: $xeFormView
-      }))) : (0, _ui.renderEmptyElement)($xeFormView), (0, _vue.h)(_form.default, Object.assign(Object.assign({
-        ref: formRef
-      }, formConfig), {
-        data: modelValue,
-        customLayout: true,
-        readonly,
-        disabled,
-        span: 24,
-        rules: formRules,
-        onSubmit: handleSubmit,
-        onReset: handleReset
-      }), {
-        default() {
-          const {
-            readonly,
-            disabled
-          } = props;
-          return [headerSlot ? (0, _vue.h)(_formItem.default, {}, {
-            default() {
-              return headerSlot({});
-            }
-          }) : (0, _ui.renderEmptyElement)($xeFormView), ...widgetObjList.map(widget => {
-            const {
-              name
-            } = widget;
-            const compConf = _ui.renderer.get(name) || {};
-            const renderWidgetDesignView = compConf.renderFormDesignWidgetView;
-            const renderWidgetDesignPreview = compConf.renderFormDesignWidgetPreview;
-            const renderWidgetDesignMobilePreview = compConf.renderFormDesignWidgetMobilePreview;
-            const isEditMode = !!$xeFormDesignLayoutStyle;
-            const renderOpts = widget;
-            const params = {
-              widget,
-              readonly: !!readonly,
-              disabled: !!disabled,
-              isEditMode,
-              isViewMode: !isEditMode,
-              $formDesign: null,
-              $formView: $xeFormView
-            };
-            return (0, _vue.h)(_formGroup.default, {
-              key: widget.id
-            }, {
-              default() {
-                // 如果处于表单设计器-样式设置-预览模式下
-                if ($xeFormDesignLayoutStyle) {
-                  if ($xeFormDesignLayoutStyle.reactData.activeTab === 2) {
-                    if (renderWidgetDesignMobilePreview) {
-                      return (0, _vn.getSlotVNs)(renderWidgetDesignMobilePreview(renderOpts, params));
-                    }
-                  } else {
-                    if (renderWidgetDesignPreview) {
-                      return (0, _vn.getSlotVNs)(renderWidgetDesignPreview(renderOpts, params));
-                    }
-                  }
-                }
-                return renderWidgetDesignView ? (0, _vn.getSlotVNs)(renderWidgetDesignView(renderOpts, params)) : [];
-              }
-            });
-          }), footerSlot ? (0, _vue.h)(_formGroup.default, {
-            span: 24
-          }, {
-            default() {
-              return footerSlot({});
-            }
-          }) : (0, _ui.renderEmptyElement)($xeFormView)];
-        }
-      }), bottomSlot ? (0, _vue.h)('div', {
-        class: 'vxe-form-view--bottom'
-      }, (0, _vn.getSlotVNs)(bottomSlot({
-        $formView: $xeFormView
-      }))) : (0, _ui.renderEmptyElement)($xeFormView)]);
-    };
-    $xeFormView.renderVN = renderVN;
-    (0, _vue.watch)(() => props.config, value => {
-      loadConfig(value || {});
-    });
-    if (props.config) {
-      loadConfig(props.config);
-    }
-    (0, _vue.provide)('$xeFormView', $xeFormView);
-    return $xeFormView;
-  },
-  render() {
-    return this.renderVN();
-  }
-});

package/lib/form-design/src/form-view.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")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_defaultSettingData=require("./default-setting-data"),_form=_interopRequireDefault(require("../../form/src/form")),_formGroup=_interopRequireDefault(require("../../form/src/form-group")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_widgetInfo=require("./widget-info"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeFormView",props:{modelValue:Object,config:Object,readonly:Boolean,disabled:Boolean,viewRender:Object,formOptions:Object,createFormConfig:Function,size:{type:String,default:()=>(0,_ui.getConfig)().formView.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","submit","reset"],setup(f,e){const{emit:i,slots:m}=e;var t=_xeUtils.default.uniqueId();const g=(0,_vue.ref)(),v=(0,_vue.ref)(),c=(0,_ui.useSize)(f)["computeSize"],_=(0,_vue.inject)("$xeFormDesignLayoutStyle",null),p=(0,_vue.reactive)({formConfig:{},formRules:{},widgetObjList:[]}),r={refElem:g},a={computeSize:c},w={xID:t,props:f,context:e,reactData:p,getRefMaps:()=>r,getComputeMaps:()=>a};const u=e=>{var t;return e&&({formConfig:e,widgetData:t}=e,n(e||{}),s(t||[])),(0,_vue.nextTick)()};const o=e=>{var{viewRender:t,createFormConfig:r,formOptions:i}=f,e={viewRender:t,formConfig:e};return r?r(e):(r=(t||{})["name"],r=(t=_ui.renderer.get(r)||{})?t.createFormViewFormConfig:null,Object.assign({},(r||_defaultSettingData.createDefaultFormViewPCFormConfig)(e),i))},n=e=>(p.formConfig=o(e),(0,_vue.nextTick)()),l=e=>{const u={},o={};return _xeUtils.default.eachTree(e,e=>{var{name:t,field:r,required:i}=e,t=_ui.renderer.get(t)||{},a=t.createFormDesignWidgetFieldValue,t=t.createFormDesignWidgetFieldRules;u[r]=a?a({widget:e,$formView:w}):V(e),t?(a=t({widget:e,$formView:w}))&&a.length&&(o[r]=a):i&&(o[r]=b())},{children:"children"}),{formData:u,formRules:o}},d=e=>(e||[]).map(e=>(0,_widgetInfo.configToWidget)(e)),s=e=>{var e=d(e),{formData:e,formRules:t}=(p.widgetObjList=e,l(e));return p.formRules=t,i("update:modelValue",Object.assign(e,f.modelValue)),(0,_vue.nextTick)()},V=e=>"subtable"===e.name?[]:null,b=()=>[{required:!0,content:"该填写该字段！"}],x=(e,t)=>{var e=e["field"],r=v.value;return r&&r.updateStatus({field:e},t),(0,_vue.nextTick)()};const D=(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$formView:w},t))},C=e=>e?_xeUtils.default.isArray(e)?e.map(e=>e.name):[e.name]:null;t={dispatchEvent:D,clearConfig:()=>u({formConfig:{},widgetData:[]}),loadConfig:u,parseConfig:e=>{var{formConfig:e,widgetData:t}=e||{},t=d(t||[]);return Object.assign(Object.assign({},l(t)),{formConfig:o(e||{}),widgetData:t})},loadFormConfig:n,loadWidgetData:s,updateWidgetStatus:x,setItemValue:(e,t)=>{var r=f["modelValue"],e=e["field"],i=v.value;return r&&(r[e]=t),i&&i.updateStatus({field:e},t),(0,_vue.nextTick)()},getItemValue:e=>{var t=f["modelValue"];return t?t[e.field]:null},validate(){var e=v.value;return e?e.validate():(0,_vue.nextTick)()},validateWidget(e){var t=v.value;return t?t.validateField(C(e)):(0,_vue.nextTick)()},clearValidate(e){var t=v.value;return t?t.clearValidate(C(e)):(0,_vue.nextTick)()},reset(){var e=p["widgetObjList"],e=l(e)["formData"];return i("update:modelValue",Object.assign({},e)),(0,_vue.nextTick)()},updateItemStatus(e,t){return(0,_log.warnLog)("vxe.error.delFunc",["updateItemStatus","updateWidgetStatus"]),x(e,t)}};const F=e=>{D("submit",e,e.$event)},q=e=>{D("reset",e,e.$event)};Object.assign(w,t,{});return w.renderVN=()=>{var{readonly:e,disabled:t,modelValue:r}=f;const{formConfig:i,formRules:a,widgetObjList:u}=p;var o=c.value,n=m.top,l=m.bottom;const d=m.header,s=m.footer;return(0,_vue.h)("div",{ref:g,class:["vxe-form-view",{["size--"+o]:o}]},[n?(0,_vue.h)("div",{class:"vxe-form-view--top"},(0,_vn.getSlotVNs)(n({$formView:w}))):(0,_ui.renderEmptyElement)(w),(0,_vue.h)(_form.default,Object.assign(Object.assign({ref:v},i),{data:r,customLayout:!0,readonly:e,disabled:t,span:24,rules:a,onSubmit:F,onReset:q}),{default(){const{readonly:n,disabled:l}=f;return[d?(0,_vue.h)(_formItem.default,{},{default(){return d({})}}):(0,_ui.renderEmptyElement)(w),...u.map(e=>{var t=e["name"],t=_ui.renderer.get(t)||{};const r=t.renderFormDesignWidgetView,i=t.renderFormDesignWidgetPreview,a=t.renderFormDesignWidgetMobilePreview;t=!!_;const u=e,o={widget:e,readonly:!!n,disabled:!!l,isEditMode:t,isViewMode:!t,$formDesign:null,$formView:w};return(0,_vue.h)(_formGroup.default,{key:e.id},{default(){if(_)if(2===_.reactData.activeTab){if(a)return(0,_vn.getSlotVNs)(a(u,o))}else if(i)return(0,_vn.getSlotVNs)(i(u,o));return r?(0,_vn.getSlotVNs)(r(u,o)):[]}})}),s?(0,_vue.h)(_formGroup.default,{span:24},{default(){return s({})}}):(0,_ui.renderEmptyElement)(w)]}}),l?(0,_vue.h)("div",{class:"vxe-form-view--bottom"},(0,_vn.getSlotVNs)(l({$formView:w}))):(0,_ui.renderEmptyElement)(w)])},(0,_vue.watch)(()=>f.config,e=>{u(e||{})}),f.config&&u(f.config),(0,_vue.provide)("$xeFormView",w),w},render(){return this.renderVN()}});

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

@@ -1,191 +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 _layoutViewItem = require("./layout-view-item");
-var _util = require("../src/util");
-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: 'FormDesignLayoutPreview',
-  props: {},
-  emits: [],
-  setup() {
-    const $xeFormDesign = (0, _vue.inject)('$xeFormDesign', null);
-    if (!$xeFormDesign) {
-      return () => [];
-    }
-    const {
-      reactData: formDesignReactData
-    } = $xeFormDesign;
-    const dragenterEvent = evnt => {
-      const {
-        widgetObjList,
-        dragWidget
-      } = formDesignReactData;
-      if (dragWidget) {
-        evnt.preventDefault();
-        const rest = _xeUtils.default.findTree(widgetObjList, item => item && item.id === dragWidget.id, {
-          children: 'children'
-        });
-        if (!rest) {
-          formDesignReactData.sortWidget = dragWidget;
-          widgetObjList.push(dragWidget);
-          $xeFormDesign.dispatchEvent('drag-widget', {
-            widget: dragWidget
-          }, evnt);
-        }
-      }
-    };
-    const dragoverEvent = evnt => {
-      evnt.preventDefault();
-    };
-    let lastDragTime = Date.now();
-    const handleDragenterTopPlaceEvent = evnt => {
-      const {
-        widgetObjList,
-        sortWidget
-      } = formDesignReactData;
-      evnt.stopPropagation();
-      if (lastDragTime > Date.now() - 300) {
-        evnt.preventDefault();
-        return;
-      }
-      if (sortWidget) {
-        if ((0, _util.hasFormDesignLayoutType)(sortWidget)) {
-          return;
-        }
-        // const targetRest = XEUtils.findTree(widgetObjList, item => item && item.id === widgetId, { children: 'children' })
-        const currRest = _xeUtils.default.findTree(widgetObjList, item => item.id === sortWidget.id, {
-          children: 'children'
-        });
-        if (currRest) {
-          const {
-            item,
-            index,
-            items,
-            parent
-          } = currRest;
-          if (parent && parent.name === 'row') {
-            // 如是是从 row 移出
-            currRest.items[currRest.index] = $xeFormDesign.createEmptyWidget();
-          } else {
-            items.splice(index, 1);
-          }
-          widgetObjList.unshift(item);
-          lastDragTime = Date.now();
-          $xeFormDesign.dispatchEvent('drag-widget', {
-            widget: item
-          }, evnt);
-        }
-      }
-    };
-    const handleDragenterBottomPlaceEvent = evnt => {
-      const {
-        widgetObjList,
-        sortWidget
-      } = formDesignReactData;
-      evnt.stopPropagation();
-      if (lastDragTime > Date.now() - 300) {
-        evnt.preventDefault();
-        return;
-      }
-      if (sortWidget) {
-        if ((0, _util.hasFormDesignLayoutType)(sortWidget)) {
-          return;
-        }
-        // const targetRest = XEUtils.findTree(widgetObjList, item => item && item.id === widgetId, { children: 'children' })
-        const currRest = _xeUtils.default.findTree(widgetObjList, item => item.id === sortWidget.id, {
-          children: 'children'
-        });
-        if (currRest) {
-          const {
-            item,
-            index,
-            items,
-            parent
-          } = currRest;
-          if (parent && parent.name === 'row') {
-            // 如是是从 row 移出
-            currRest.items[currRest.index] = $xeFormDesign.createEmptyWidget();
-          } else {
-            items.splice(index, 1);
-          }
-          widgetObjList.push(item);
-          lastDragTime = Date.now();
-          $xeFormDesign.dispatchEvent('drag-widget', {
-            widget: item
-          }, evnt);
-        }
-      }
-    };
-    return () => {
-      const {
-        widgetObjList
-      } = formDesignReactData;
-      return (0, _vue.h)('div', {
-        class: 'vxe-form-design--preview',
-        onDragenter: dragenterEvent,
-        onDragover: dragoverEvent
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-form-design--preview-wrapper'
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-form-design--preview-place-widget',
-        onDragenter: handleDragenterTopPlaceEvent
-      }), (0, _vue.h)(_form.default, {
-        customLayout: true,
-        span: 24,
-        vertical: true
-      }, {
-        default() {
-          return (0, _vue.h)(_vue.TransitionGroup, {
-            class: 'vxe-form-design--preview-list',
-            tag: 'div',
-            name: 'vxe-form-design--preview-list'
-          }, {
-            default: () => {
-              return widgetObjList.map((widget, widgetIndex) => {
-                return (0, _vue.h)(_layoutViewItem.ViewItemComponent, {
-                  key: widget.id,
-                  item: widget,
-                  itemIndex: widgetIndex,
-                  items: widgetObjList
-                }, {
-                  default() {
-                    const {
-                      name
-                    } = widget;
-                    const compConf = _core.renderer.get(name) || {};
-                    const renderWidgetDesignView = compConf.renderFormDesignWidgetEdit || compConf.renderFormDesignWidgetView;
-                    const renderOpts = widget;
-                    const isEditMode = true;
-                    const params = {
-                      widget,
-                      readonly: false,
-                      disabled: false,
-                      isEditMode,
-                      isViewMode: !isEditMode,
-                      $formDesign: $xeFormDesign,
-                      $formView: null
-                    };
-                    return renderWidgetDesignView ? (0, _vn.getSlotVNs)(renderWidgetDesignView(renderOpts, params)) : [];
-                  }
-                });
-              });
-            }
-          });
-        }
-      }), (0, _vue.h)('div', {
-        class: 'vxe-form-design--preview-place-widget',
-        onDragenter: handleDragenterBottomPlaceEvent
-      })])]);
-    };
-  }
-});

package/lib/form-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"),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_layoutViewItem=require("./layout-view-item"),_util=require("../src/util"),_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:"FormDesignLayoutPreview",props:{},emits:[],setup(){const a=(0,_vue.inject)("$xeFormDesign",null);if(!a)return()=>[];const u=a["reactData"],e=e=>{const{widgetObjList:t,dragWidget:i}=u;i&&(e.preventDefault(),_xeUtils.default.findTree(t,e=>e&&e.id===i.id,{children:"children"})||(u.sortWidget=i,t.push(i),a.dispatchEvent("drag-widget",{widget:i},e)))},i=e=>{e.preventDefault()};let l=Date.now();const r=e=>{const{widgetObjList:t,sortWidget:i}=u;var r,n,d,o,s;e.stopPropagation(),l>Date.now()-300?e.preventDefault():i&&!(0,_util.hasFormDesignLayoutType)(i)&&(r=_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"}))&&({item:n,index:d,items:o,parent:s}=r,s&&"row"===s.name?r.items[r.index]=a.createEmptyWidget():o.splice(d,1),t.unshift(n),l=Date.now(),a.dispatchEvent("drag-widget",{widget:n},e))},n=e=>{const{widgetObjList:t,sortWidget:i}=u;var r,n,d,o,s;e.stopPropagation(),l>Date.now()-300?e.preventDefault():i&&!(0,_util.hasFormDesignLayoutType)(i)&&(r=_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"}))&&({item:n,index:d,items:o,parent:s}=r,s&&"row"===s.name?r.items[r.index]=a.createEmptyWidget():o.splice(d,1),t.push(n),l=Date.now(),a.dispatchEvent("drag-widget",{widget:n},e))};return()=>{const t=u["widgetObjList"];return(0,_vue.h)("div",{class:"vxe-form-design--preview",onDragenter:e,onDragover:i},[(0,_vue.h)("div",{class:"vxe-form-design--preview-wrapper"},[(0,_vue.h)("div",{class:"vxe-form-design--preview-place-widget",onDragenter:r}),(0,_vue.h)(_form.default,{customLayout:!0,span:24,vertical:!0},{default(){return(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-form-design--preview-list",tag:"div",name:"vxe-form-design--preview-list"},{default:()=>t.map((r,e)=>(0,_vue.h)(_layoutViewItem.ViewItemComponent,{key:r.id,item:r,itemIndex:e,items:t},{default(){var e=r["name"],e=_core.renderer.get(e)||{},e=e.renderFormDesignWidgetEdit||e.renderFormDesignWidgetView,t=r,i={widget:r,readonly:!1,disabled:!1,isEditMode:!0,isViewMode:!1,$formDesign:a,$formView:null};return e?(0,_vn.getSlotVNs)(e(t,i)):[]}}))})}}),(0,_vue.h)("div",{class:"vxe-form-design--preview-place-widget",onDragenter:n})])])}}});