vxe-pc-ui 0.0.2 → 0.1.0

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

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _widget = _interopRequireDefault(require("./widget"));
+var _view = _interopRequireDefault(require("./view"));
+var _setting = _interopRequireDefault(require("./setting"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _vue.defineComponent)({
+  name: 'VxeFormDesign',
+  props: {
+    size: {
+      type: String,
+      default: () => _globalStore.default.formDesign.size
+    },
+    widgets: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      emit
+    } = context;
+    const xID = _xeUtils.default.uniqueId();
+    const refElem = (0, _vue.ref)();
+    const reactData = (0, _vue.reactive)({
+      widgetConfigs: [],
+      widgetObjList: [],
+      dragWidget: null,
+      sortWidget: null,
+      activeWidget: null
+    });
+    window.reactData = reactData;
+    const refMaps = {
+      refElem
+    };
+    const computeMaps = {};
+    const $xeFormDesign = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const formDesignMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $xeFormDesign,
+          $event: evnt
+        }, params));
+      }
+    };
+    const updateWidgetConfigs = () => {
+      reactData.widgetConfigs = props.widgets && props.widgets.length ? props.widgets.slice(0) : [];
+    };
+    const formDesignPrivateMethods = {
+      handleClickWidget(evnt, item) {
+        reactData.activeWidget = item;
+      }
+    };
+    Object.assign($xeFormDesign, formDesignMethods, formDesignPrivateMethods);
+    (0, _vue.watch)(() => props.widgets, () => {
+      updateWidgetConfigs();
+    });
+    updateWidgetConfigs();
+    const renderVN = () => {
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: 'vxe-design-form'
+      }, [(0, _vue.h)(_widget.default), (0, _vue.h)(_view.default), (0, _vue.h)(_setting.default)]);
+    };
+    $xeFormDesign.renderVN = renderVN;
+    (0, _vue.provide)('$xeFormDesign', $xeFormDesign);
+    return $xeFormDesign;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_xeUtils=_interopRequireDefault(require("xe-utils")),_widget=_interopRequireDefault(require("./widget")),_view=_interopRequireDefault(require("./view")),_setting=_interopRequireDefault(require("./setting"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeFormDesign",props:{size:{type:String,default:()=>_globalStore.default.formDesign.size},widgets:{type:Array,default:()=>[]}},emits:[],setup(e,t){const r=t["emit"];var i=_xeUtils.default.uniqueId();const u=(0,_vue.ref)(),s=(0,_vue.reactive)({widgetConfigs:[],widgetObjList:[],dragWidget:null,sortWidget:null,activeWidget:null}),a=(window.reactData=s,{refElem:u}),n={},d={xID:i,props:e,context:t,reactData:s,getRefMaps:()=>a,getComputeMaps:()=>n},l=()=>{s.widgetConfigs=e.widgets&&e.widgets.length?e.widgets.slice(0):[]};Object.assign(d,{dispatchEvent(e,t,i){r(e,Object.assign({$xeFormDesign:d,$event:i},t))}},{handleClickWidget(e,t){s.activeWidget=t}}),(0,_vue.watch)(()=>e.widgets,()=>{l()}),l();return d.renderVN=()=>(0,_vue.h)("div",{ref:u,class:"vxe-design-form"},[(0,_vue.h)(_widget.default),(0,_vue.h)(_view.default),(0,_vue.h)(_setting.default)]),(0,_vue.provide)("$xeFormDesign",d),d},render(){return this.renderVN()}});

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _default = exports.default = (0, _vue.defineComponent)({
+  props: {},
+  emits: [],
+  setup() {
+    return () => {
+      return (0, _vue.h)('div', {
+        class: 'vxe-design-form--setting'
+      });
+    };
+  }
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_default=exports.default=(0,_vue.defineComponent)({props:{},emits:[],setup(){return()=>(0,_vue.h)("div",{class:"vxe-design-form--setting"})}});

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNewWidgetId = getNewWidgetId;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function getNewWidgetId(widgetObjList) {
+  let max = 10000;
+  _xeUtils.default.eachTree(widgetObjList, item => {
+    max = Math.max(max, item.id);
+  }, {
+    children: 'children'
+  });
+  return max + 1;
+}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getNewWidgetId=getNewWidgetId;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getNewWidgetId(e){let t=1e4;return _xeUtils.default.eachTree(e,e=>{t=Math.max(t,e.id)},{children:"children"}),t+1}

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

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _renderer = require("../../ui/src/renderer");
+var _vn = require("../../ui/src/vn");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _vue.defineComponent)({
+  props: {},
+  emits: [],
+  setup() {
+    const $xeFormDesign = (0, _vue.inject)('$xeFormDesign', null);
+    if (!$xeFormDesign) {
+      return;
+    }
+    const {
+      reactData
+    } = $xeFormDesign;
+    const dragoverEvent = evnt => {
+      const {
+        widgetObjList,
+        dragWidget
+      } = reactData;
+      if (dragWidget) {
+        evnt.preventDefault();
+        const rest = _xeUtils.default.findTree(widgetObjList, item => item.id === dragWidget.id, {
+          children: 'children'
+        });
+        if (!rest) {
+          reactData.sortWidget = dragWidget;
+          widgetObjList.push(dragWidget);
+        }
+      }
+    };
+    const sortDragstartEvent = evnt => {
+      const {
+        widgetObjList
+      } = reactData;
+      const divEl = evnt.currentTarget;
+      const widgetId = Number(divEl.getAttribute('data-widget-id'));
+      const currRest = _xeUtils.default.findTree(widgetObjList, item => item.id === widgetId, {
+        children: 'children'
+      });
+      if (currRest) {
+        reactData.dragWidget = null;
+        reactData.sortWidget = currRest.item;
+      }
+    };
+    const sortDragendEvent = () => {
+      reactData.activeWidget = reactData.sortWidget;
+      reactData.sortWidget = null;
+    };
+    let isDragAnimate = false;
+    const sortDragenterEvent = evnt => {
+      const {
+        widgetObjList,
+        sortWidget
+      } = reactData;
+      if (isDragAnimate) {
+        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.id === widgetId, {
+            children: 'children'
+          });
+          if (targetRest) {
+            const currRest = _xeUtils.default.findTree(widgetObjList, item => item.id === sortWidget.id, {
+              children: 'children'
+            });
+            if (currRest) {
+              // 控件换位置
+              currRest.items.splice(currRest.index, 1);
+              targetRest.items.splice(targetRest.index, 0, currRest.item);
+              isDragAnimate = true;
+              setTimeout(() => {
+                isDragAnimate = false;
+              }, 150);
+            }
+          }
+        }
+      }
+    };
+    const dragoverItemEvent = evnt => {
+      const {
+        sortWidget,
+        dragWidget
+      } = reactData;
+      if (sortWidget || dragWidget) {
+        evnt.preventDefault();
+      }
+    };
+    return () => {
+      const {
+        widgetObjList
+      } = reactData;
+      return (0, _vue.h)('div', {
+        class: 'vxe-design-form--preview',
+        onDragover: dragoverEvent
+      }, [(0, _vue.h)(_vue.TransitionGroup, {
+        class: 'vxe-design-form--preview-list',
+        tag: 'div',
+        name: 'vxe-design-form--preview-list'
+      }, {
+        default: () => {
+          const {
+            dragWidget,
+            activeWidget,
+            sortWidget
+          } = reactData;
+          return widgetObjList.map(item => {
+            const {
+              name
+            } = item;
+            const compConf = _renderer.renderer.get(name) || {};
+            const renderFormDesignWidgetView = compConf.renderFormDesignWidgetView;
+            return (0, _vue.h)('div', {
+              key: item.id,
+              'data-widget-id': item.id,
+              draggable: true,
+              class: ['vxe-design-form--preview-item', {
+                'is--active': activeWidget && activeWidget.id === item.id,
+                'is--sort': sortWidget && sortWidget.id === item.id,
+                'is--drag': dragWidget && dragWidget.id === item.id
+              }],
+              onDragstart: sortDragstartEvent,
+              onDragend: sortDragendEvent,
+              onDragenter: sortDragenterEvent,
+              onDragover: dragoverItemEvent,
+              onClick(evnt) {
+                $xeFormDesign.handleClickWidget(evnt, item);
+              }
+            }, renderFormDesignWidgetView ? (0, _vn.getSlotVNs)(renderFormDesignWidgetView({}, {})) : []);
+          });
+        }
+      })]);
+    };
+  }
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_renderer=require("../../ui/src/renderer"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({props:{},emits:[],setup(){const s=(0,_vue.inject)("$xeFormDesign",null);if(s){const a=s["reactData"],t=e=>{const{widgetObjList:t,dragWidget:i}=a;i&&(e.preventDefault(),_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"})||(a.sortWidget=i,t.push(i)))},u=e=>{var t=a["widgetObjList"],e=e.currentTarget;const i=Number(e.getAttribute("data-widget-id"));e=_xeUtils.default.findTree(t,e=>e.id===i,{children:"children"});e&&(a.dragWidget=null,a.sortWidget=e.item)},l=()=>{a.activeWidget=a.sortWidget,a.sortWidget=null};let n=!1;const o=e=>{const{widgetObjList:t,sortWidget:i}=a;if(n)e.preventDefault();else if(i){var r=e.currentTarget;e.preventDefault();const d=Number(r.getAttribute("data-widget-id"));d!==i.id&&(e=_xeUtils.default.findTree(t,e=>e.id===d,{children:"children"}))&&(r=_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"}))&&(r.items.splice(r.index,1),e.items.splice(e.index,0,r.item),n=!0,setTimeout(()=>{n=!1},150))}},g=e=>{var{sortWidget:t,dragWidget:i}=a;(t||i)&&e.preventDefault()};return()=>{const e=a["widgetObjList"];return(0,_vue.h)("div",{class:"vxe-design-form--preview",onDragover:t},[(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-design-form--preview-list",tag:"div",name:"vxe-design-form--preview-list"},{default:()=>{const{dragWidget:i,activeWidget:r,sortWidget:d}=a;return e.map(t=>{var e=t["name"],e=(_renderer.renderer.get(e)||{}).renderFormDesignWidgetView;return(0,_vue.h)("div",{key:t.id,"data-widget-id":t.id,draggable:!0,class:["vxe-design-form--preview-item",{"is--active":r&&r.id===t.id,"is--sort":d&&d.id===t.id,"is--drag":i&&i.id===t.id}],onDragstart:u,onDragend:l,onDragenter:o,onDragover:g,onClick(e){s.handleClickWidget(e,t)}},e?(0,_vn.getSlotVNs)(e({},{})):[])})}})])}}}});

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

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _renderer = require("../../ui/src/renderer");
+var _vn = require("../../ui/src/vn");
+var _util = require("./util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _vue.defineComponent)({
+  props: {},
+  emits: [],
+  setup() {
+    const $xeFormDesign = (0, _vue.inject)('$xeFormDesign', null);
+    if (!$xeFormDesign) {
+      return;
+    }
+    const {
+      reactData
+    } = $xeFormDesign;
+    const dragstartEvent = evnt => {
+      const {
+        widgetObjList
+      } = reactData;
+      const divEl = evnt.currentTarget;
+      const dataTransfer = evnt.dataTransfer;
+      const widgetName = divEl.getAttribute('data-widget-name') || '';
+      const dragWidget = {
+        id: (0, _util.getNewWidgetId)(widgetObjList),
+        name: widgetName
+      };
+      if (dataTransfer) {
+        dataTransfer.setData('text/plain', widgetName);
+      }
+      reactData.sortWidget = null;
+      reactData.dragWidget = dragWidget;
+    };
+    const dragendEvent = () => {
+      if (reactData.dragWidget) {
+        reactData.activeWidget = reactData.dragWidget;
+      }
+      reactData.dragWidget = null;
+      reactData.sortWidget = null;
+    };
+    const cancelDragoverItem = (evnt, group) => {
+      const {
+        widgetObjList,
+        dragWidget
+      } = reactData;
+      if (dragWidget) {
+        if (group.children.includes(dragWidget.name)) {
+          const rest = _xeUtils.default.findTree(widgetObjList, item => item.id === dragWidget.id, {
+            children: 'children'
+          });
+          if (rest) {
+            rest.items.splice(rest.index, 1);
+          }
+        }
+      }
+    };
+    const renderWidgetList = group => {
+      const widgetVNs = [];
+      if (group.children) {
+        group.children.forEach((name, index) => {
+          const compConf = _renderer.renderer.get(name) || {};
+          const formDesignWidgetName = compConf.formDesignWidgetName;
+          const formDesignWidgetIcon = compConf.formDesignWidgetIcon;
+          const renderFormDesignWidgetItem = compConf.renderFormDesignWidgetItem;
+          widgetVNs.push((0, _vue.h)('div', {
+            key: index,
+            class: 'vxe-design-form--widget-item'
+          }, (0, _vue.h)('div', {
+            class: 'vxe-design-form--widget-box',
+            'data-widget-name': name,
+            draggable: true,
+            onDragstart: dragstartEvent,
+            onDragend: dragendEvent
+          }, renderFormDesignWidgetItem ? (0, _vn.getSlotVNs)(renderFormDesignWidgetItem({}, {})) : [(0, _vue.h)('i', {
+            class: ['vxe-design-form--widget-item-icon', formDesignWidgetIcon]
+          }), (0, _vue.h)('span', {
+            class: 'vxe-design-form--widget-item-name'
+          }, `${formDesignWidgetName || name}`)])));
+        });
+      }
+      return widgetVNs;
+    };
+    const renderWidgetGroups = () => {
+      const {
+        widgetConfigs
+      } = reactData;
+      return widgetConfigs.map((group, gIndex) => {
+        return (0, _vue.h)('div', {
+          key: gIndex,
+          class: 'vxe-design-form--widget-group'
+        }, [(0, _vue.h)('div', {
+          class: 'vxe-design-form--widget-title'
+        }, `${group.title}`), (0, _vue.h)('div', {
+          class: 'vxe-design-form--widget-list',
+          onDragover(evnt) {
+            cancelDragoverItem(evnt, group);
+          }
+        }, renderWidgetList(group))]);
+      });
+    };
+    return () => {
+      return (0, _vue.h)('div', {
+        class: 'vxe-design-form--widget'
+      }, renderWidgetGroups());
+    };
+  }
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_renderer=require("../../ui/src/renderer"),_vn=require("../../ui/src/vn"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({props:{},emits:[],setup(){var e=(0,_vue.inject)("$xeFormDesign",null);if(e){const n=e["reactData"],s=e=>{var i=n["widgetObjList"],t=e.currentTarget,e=e.dataTransfer,t=t.getAttribute("data-widget-name")||"",i={id:(0,_util.getNewWidgetId)(i),name:t};e&&e.setData("text/plain",t),n.sortWidget=null,n.dragWidget=i},a=()=>{n.dragWidget&&(n.activeWidget=n.dragWidget),n.dragWidget=null,n.sortWidget=null},i=()=>{var e=n["widgetConfigs"];return e.map((d,e)=>(0,_vue.h)("div",{key:e,class:"vxe-design-form--widget-group"},[(0,_vue.h)("div",{class:"vxe-design-form--widget-title"},""+d.title),(0,_vue.h)("div",{class:"vxe-design-form--widget-list",onDragover(e){{var i=d;const{widgetObjList:t,dragWidget:r}=n;r&&i.children.includes(r.name)&&(i=_xeUtils.default.findTree(t,e=>e.id===r.id,{children:"children"}))&&i.items.splice(i.index,1)}}},(e=>{const n=[];return e.children&&e.children.forEach((e,i)=>{var t=_renderer.renderer.get(e)||{},r=t.formDesignWidgetName,d=t.formDesignWidgetIcon,t=t.renderFormDesignWidgetItem;n.push((0,_vue.h)("div",{key:i,class:"vxe-design-form--widget-item"},(0,_vue.h)("div",{class:"vxe-design-form--widget-box","data-widget-name":e,draggable:!0,onDragstart:s,onDragend:a},t?(0,_vn.getSlotVNs)(t({},{})):[(0,_vue.h)("i",{class:["vxe-design-form--widget-item-icon",d]}),(0,_vue.h)("span",{class:"vxe-design-form--widget-item-name"},""+(r||e))])))}),n})(d))]))};return()=>(0,_vue.h)("div",{class:"vxe-design-form--widget"},i())}}});

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

@@ -0,0 +1 @@
+require('./style.css')

package/lib/form-design/style/style.css

@@ -0,0 +1,97 @@
+.vxe-design-form {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-design-form--widget {
+  width: 260px;
+  flex-shrink: 0;
+  overflow: auto;
+  margin-right: var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-design-form--preview {
+  flex-grow: 1;
+  overflow: auto;
+}
+
+.vxe-design-form--setting {
+  width: 280px;
+  flex-shrink: 0;
+  overflow: auto;
+  margin-left: var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-design-form--widget,
+.vxe-design-form--setting {
+  padding: var(--vxe-ui-layout-padding-default);
+  border-radius: var(--vxe-ui-border-radius);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-design-form--preview {
+  padding: var(--vxe-ui-layout-padding-default) 0;
+  border-radius: var(--vxe-ui-border-radius);
+  background-color: var(--vxe-ui-layout-background-color);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.vxe-design-form--widget-list {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.vxe-design-form--widget-item {
+  width: 50%;
+  padding: var(--vxe-ui-layout-padding-half);
+}
+
+.vxe-design-form--widget-box {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 var(--vxe-ui-layout-padding-half);
+  border-radius: var(--vxe-ui-border-radius);
+  border: 1px solid var(--vxe-ui-font-primary-lighten-color);
+  background-color: var(--vxe-ui-design-form-widget-item-background-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: grabbing;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.vxe-design-form--preview-list-move {
+  transition: transform 0.35s;
+}
+
+.vxe-design-form--preview-item {
+  position: relative;
+  display: block;
+  padding: var(--vxe-ui-layout-padding-half);
+  border: 1px solid transparent;
+  cursor: grabbing;
+}
+.vxe-design-form--preview-item::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}
+.vxe-design-form--preview-item.is--active {
+  border: 1px dashed var(--vxe-ui-font-primary-color);
+  background-color: #ebf3fc;
+}
+.vxe-design-form--preview-item.is--sort {
+  background-color: #dde9fd;
+}
+.vxe-design-form--preview-item.is--drag {
+  background-color: #dde9fd;
+}

package/lib/form-design/style/style.min.css

@@ -0,0 +1 @@
+.vxe-design-form{display:flex;flex-direction:row}.vxe-design-form--widget{width:260px;flex-shrink:0;overflow:auto;margin-right:var(--vxe-ui-layout-padding-default)}.vxe-design-form--preview{flex-grow:1;overflow:auto}.vxe-design-form--setting{width:280px;flex-shrink:0;overflow:auto;margin-left:var(--vxe-ui-layout-padding-default)}.vxe-design-form--setting,.vxe-design-form--widget{padding:var(--vxe-ui-layout-padding-default);border-radius:var(--vxe-ui-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-design-form--preview{padding:var(--vxe-ui-layout-padding-default) 0;border-radius:var(--vxe-ui-border-radius);background-color:var(--vxe-ui-layout-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-design-form--widget-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-design-form--widget-item{width:50%;padding:var(--vxe-ui-layout-padding-half)}.vxe-design-form--widget-box{height:32px;line-height:32px;padding:0 var(--vxe-ui-layout-padding-half);border-radius:var(--vxe-ui-border-radius);border:1px solid var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-design-form-widget-item-background-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-design-form--preview-list-move{transition:transform .35s}.vxe-design-form--preview-item{position:relative;display:block;padding:var(--vxe-ui-layout-padding-half);border:1px solid transparent;cursor:grabbing}.vxe-design-form--preview-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.vxe-design-form--preview-item.is--active{border:1px dashed var(--vxe-ui-font-primary-color);background-color:#ebf3fc}.vxe-design-form--preview-item.is--sort{background-color:#dde9fd}.vxe-design-form--preview-item.is--drag{background-color:#dde9fd}

package/lib/form-gather/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeFormGather = exports.FormGather = void 0;
+var _formGather = _interopRequireDefault(require("../form/src/form-gather"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeFormGather = exports.VxeFormGather = Object.assign(_formGather.default, {
+  install(app) {
+    app.component(_formGather.default.name, _formGather.default);
+  }
+});
+const FormGather = exports.FormGather = VxeFormGather;
+var _default = exports.default = VxeFormGather;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFormGather=exports.FormGather=void 0;var _formGather=_interopRequireDefault(require("../form/src/form-gather"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeFormGather=exports.VxeFormGather=Object.assign(_formGather.default,{install(e){e.component(_formGather.default.name,_formGather.default)}}),FormGather=exports.FormGather=VxeFormGather;var _default=exports.default=VxeFormGather;

package/lib/form-gather/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/form-item/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeFormItem = exports.FormItem = void 0;
+var _formItem = _interopRequireDefault(require("../form/src/form-item"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeFormItem = exports.VxeFormItem = Object.assign(_formItem.default, {
+  install(app) {
+    app.component(_formItem.default.name, _formItem.default);
+  }
+});
+const FormItem = exports.FormItem = VxeFormItem;
+var _default = exports.default = VxeFormItem;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFormItem=exports.FormItem=void 0;var _formItem=_interopRequireDefault(require("../form/src/form-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeFormItem=exports.VxeFormItem=Object.assign(_formItem.default,{install(e){e.component(_formItem.default.name,_formItem.default)}}),FormItem=exports.FormItem=VxeFormItem;var _default=exports.default=VxeFormItem;

package/lib/form-item/style/index.js

@@ -0,0 +1 @@
+require('./style.css')