@ibiz-template/vue3-components 0.4.8-dev.0 → 0.4.9

package/lib/control/kanban/kanban.cjs

@@ -0,0 +1,239 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var draggable = require('vuedraggable');
+var runtime = require('@ibiz-template/runtime');
+require('./kanban.css');
+
+"use strict";
+const KanbanControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizKanbanControl",
+  components: {
+    draggable
+  },
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    mdctrlActiveMode: {
+      type: Number,
+      default: void 0
+    },
+    singleSelect: {
+      type: Boolean,
+      default: void 0
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const c = vue3Util.useControlController((...args) => new runtime.KanbanController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const disabled = vue.computed(() => {
+      return !c.state.draggable || c.state.updating;
+    });
+    const groupClass = ((_a = c.model.groupSysCss) == null ? void 0 : _a.cssName) || "";
+    const groupStyle = {};
+    switch (c.model.groupLayout) {
+      case "ROW":
+        groupStyle.width = `${c.model.groupWidth || 300}px`;
+        groupStyle.height = "100%";
+        break;
+      case "COLUMN":
+        groupStyle.width = "100%";
+        groupStyle.height = `${c.model.height || 500}px`;
+        break;
+      default:
+    }
+    const onRowClick = (item, event) => {
+      event.stopPropagation();
+      return c.onRowClick(item);
+    };
+    const onDbRowClick = (item, event) => {
+      event.stopPropagation();
+      return c.onDbRowClick(item);
+    };
+    const renderPanelItemLayout = (item, modelData) => {
+      const {
+        context,
+        params
+      } = c;
+      return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "data": item,
+        "modelData": modelData,
+        "context": context,
+        "params": params
+      }, null);
+    };
+    const renderItemAction = (item) => {
+      var _a2;
+      return vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+        "class": ns.bem("item", "bottom", "actions"),
+        "action-details": (_a2 = c.getOptItemModel().deuiactionGroup) == null ? void 0 : _a2.uiactionGroupDetails,
+        "actions-state": c.getOptItemAction(item),
+        "onActionClick": (detail, event) => c.onActionClick(detail, item, event)
+      }, null);
+    };
+    const renderDefaultItem = (item) => {
+      return [vue.createVNode("div", {
+        "class": ns.be("item", "top")
+      }, [vue.createVNode("div", {
+        "class": ns.bem("item", "top", "title")
+      }, [item.srfmajortext]), vue.createVNode("div", {
+        "class": ns.bem("item", "top", "description")
+      }, [item.content])]), c.getOptItemModel() ? vue.createVNode("div", {
+        "class": ns.be("item", "bottom")
+      }, [renderItemAction(item)]) : null];
+    };
+    const renderCard = (item) => {
+      const findIndex = c.state.selectedData.findIndex((data) => {
+        return data.srfkey === item.srfkey;
+      });
+      const cardClass = [ns.b("item"), ns.is("selected", findIndex !== -1), ns.is("disabled", disabled.value)];
+      const cardStyle = {};
+      if (c.model.cardWidth) {
+        cardStyle.width = `${c.model.cardWidth}px`;
+      }
+      if (c.model.cardHeight) {
+        cardStyle.height = `${c.model.cardHeight}px`;
+      }
+      const panel = props.modelData.itemLayoutPanel;
+      return vue.createVNode(vue.resolveComponent("el-card"), {
+        "shadow": "hover",
+        "class": cardClass,
+        "body-style": cardStyle,
+        "onClick": (event) => onRowClick(item, event),
+        "onDblclick": (event) => onDbRowClick(item, event)
+      }, {
+        default: () => [panel ? renderPanelItemLayout(item, panel) : renderDefaultItem(item)]
+      });
+    };
+    const renderNoData = () => {
+      if (!c.state.isLoaded) {
+        return;
+      }
+      return vue.createVNode(vue.resolveComponent("iBizNoData"), {
+        "text": c.model.emptyText,
+        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
+      }, null);
+    };
+    let cacheInfo = null;
+    const onChange = (evt, groupKey) => {
+      if (evt.moved) {
+        c.onDragChange({
+          from: groupKey,
+          to: groupKey,
+          fromIndex: evt.moved.oldIndex,
+          toIndex: evt.moved.newIndex
+        });
+      }
+      if (evt.added) {
+        cacheInfo = {
+          to: groupKey,
+          toIndex: evt.added.newIndex
+        };
+      }
+      if (evt.removed) {
+        if (cacheInfo) {
+          cacheInfo.from = groupKey;
+          cacheInfo.fromIndex = evt.removed.oldIndex;
+          c.onDragChange(cacheInfo);
+        }
+        cacheInfo = null;
+      }
+    };
+    const renderGroup = (group) => {
+      return vue.createVNode("div", {
+        "class": [ns.b("group"), groupClass],
+        "style": groupStyle
+      }, [vue.createVNode("div", {
+        "style": {},
+        "class": ns.be("group", "header")
+      }, [vue.createVNode("span", {
+        "class": ns.be("group", "header-caption")
+      }, [group.caption]), vue.createVNode("span", {
+        "class": ns.be("group", "header-right")
+      }, [c.enableNew && vue.createVNode(vue.resolveComponent("el-button"), {
+        "class": ns.be("group", "header-new"),
+        "text": true,
+        "circle": true,
+        "onClick": (event) => {
+          c.onClickNew(event, group.key);
+        }
+      }, {
+        default: () => [vue.createVNode("ion-icon", {
+          "name": "add-outline",
+          "title": "\u65B0\u5EFA"
+        }, null)]
+      }), c.model.groupUIActionGroup && group.groupActionGroupState && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+        "class": ns.be("group", "header-actions"),
+        "action-details": c.model.groupUIActionGroup.uiactionGroupDetails,
+        "caption": "...",
+        "mode": "dropdown",
+        "actions-state": c.state.groupActionGroupState,
+        "onActionClick": (detail, event) => {
+          c.onGroupToolbarClick(detail, event, group);
+        }
+      }, null)])]), vue.createVNode(draggable, {
+        "class": ns.be("group", "list"),
+        "modelValue": group.children,
+        "group": c.model.id,
+        "itemKey": "srfkey",
+        "disabled": disabled.value,
+        "onChange": (evt) => onChange(evt, group.key)
+      }, {
+        item: ({
+          element
+        }) => {
+          return renderCard(element);
+        },
+        header: () => {
+          if (group.children.length) {
+            return null;
+          }
+          return vue.createVNode("div", {
+            "class": ns.be("group", "list")
+          }, [renderNoData()]);
+        }
+      })]);
+    };
+    return {
+      c,
+      ns,
+      renderGroup
+    };
+  },
+  render() {
+    var _a;
+    const {
+      groups,
+      isCreated
+    } = this.c.state;
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.m((_a = this.modelData.groupLayout) == null ? void 0 : _a.toLowerCase())]
+    }, {
+      default: () => [isCreated && groups.length > 0 && groups.map((group) => {
+        return this.renderGroup(group);
+      })]
+    });
+  }
+});
+
+exports.KanbanControl = KanbanControl;

package/lib/control/kanban/kanban.css

@@ -0,0 +1 @@
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);width:100%;height:100%}.ibiz-control-kanban--row{display:flex}.ibiz-control-kanban-group{flex-shrink:0;padding:0 8px}.ibiz-control-kanban-group__header{height:48px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__list{height:calc(100% - 48px);overflow:auto}.ibiz-control-kanban-group__header-actions{padding:5px 8px}.ibiz-control-kanban-item{margin:16px 0;cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}

package/lib/control/kanban/kanban.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class KanbanProvider {
+  constructor() {
+    __publicField(this, "component", "IBizKanbanControl");
+  }
+}
+
+exports.KanbanProvider = KanbanProvider;

package/lib/control/list/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var list = require('./list.cjs');
+var list_provider = require('./list.provider.cjs');
+
+"use strict";
+const IBizListControl = vue3Util.withInstall(list.ListControl, function(v) {
+  v.component(list.ListControl.name, list.ListControl);
+  runtime.registerControlProvider(runtime.ControlType.LIST, () => new list_provider.ListProvider());
+});
+
+exports.IBizListControl = IBizListControl;
+exports.default = IBizListControl;

package/lib/control/list/list.cjs

@@ -0,0 +1,231 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
+var runtime = require('@ibiz-template/runtime');
+require('./list.css');
+require('../../util/index.cjs');
+var usePagination = require('../../util/pagination/use-pagination.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ListControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizListControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    /**
+     * 部件行数据默认激活模式
+     * - 0 不激活
+     * - 1 单击激活
+     * - 2 双击激活(默认值)
+     *
+     * @type {(number | 0 | 1 | 2)}
+     */
+    mdctrlActiveMode: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * 是否为单选
+     * - true 单选
+     * - false 多选
+     *
+     * @type {(Boolean)}
+     */
+    singleSelect: {
+      type: Boolean,
+      default: void 0
+    },
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const c = vue3Util.useControlController((...args) => new runtime.ListController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const {
+      onPageChange,
+      onPageRefresh,
+      onPageSizeChange
+    } = usePagination.usePagination(c);
+    const isLodeMoreDisabled = vue.computed(() => {
+      if (c.model.enablePagingBar === true) {
+        return true;
+      }
+      return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
+    });
+    const renderPanelItem = (item, modelData) => {
+      const {
+        context,
+        params
+      } = c;
+      const findIndex = c.state.selectedData.findIndex((data) => {
+        return data.srfkey === item.srfkey;
+      });
+      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
+      return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "class": itemClass,
+        "data": item,
+        "modelData": modelData,
+        "context": context,
+        "params": params,
+        "onClick": () => c.onRowClick(item),
+        "onDblclick": () => c.onDbRowClick(item)
+      }, null);
+    };
+    const renderDefaultItem = (item) => {
+      const findIndex = c.state.selectedData.findIndex((data) => {
+        return data.srfkey === item.srfkey;
+      });
+      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
+      return vue.createVNode("div", {
+        "class": itemClass,
+        "key": item.srfkey,
+        "onClick": () => c.onRowClick(item),
+        "onDblclick": () => c.onDbRowClick(item)
+      }, [`${lodashEs.isNil(item.srfmajortext) ? "" : item.srfmajortext}`]);
+    };
+    const renderGroup = (group) => {
+      const panel = props.modelData.itemLayoutPanel;
+      return vue.createVNode(vue.resolveComponent("el-collapse-item"), {
+        "title": group.caption,
+        "class": ns.be("group-content", "item")
+      }, {
+        default: () => [group.children.length > 0 ? group.children.map((item) => {
+          return panel ? renderPanelItem(item, panel) : renderDefaultItem(item);
+        }) : vue.createVNode("div", {
+          "class": ns.bem("group-content", "item", "empty")
+        }, [vue.createTextVNode("\u65E0\u6570\u636E")])]
+      });
+    };
+    const renderListContent = () => {
+      if (c.model.enableGroup && !c.state.isSimple) {
+        return vue.createVNode(vue.resolveComponent("el-collapse"), {
+          "class": [ns.b("group-content"), ns.b("content")]
+        }, {
+          default: () => {
+            var _a;
+            return [(_a = c.state.groups) == null ? void 0 : _a.map((group) => {
+              return vue.createVNode("div", {
+                "class": [ns.b("scroll-item")]
+              }, [renderGroup(group)]);
+            })];
+          }
+        });
+      }
+      const panel = props.modelData.itemLayoutPanel;
+      return vue.withDirectives(vue.createVNode("div", {
+        "class": [ns.b("scroll"), ns.b("content")],
+        "infinite-scroll-distance": 10,
+        "infinite-scroll-disabled": isLodeMoreDisabled.value
+      }, [c.state.items.map((item) => {
+        return vue.createVNode("div", {
+          "class": [ns.b("scroll-item")]
+        }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
+      })]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+    };
+    const renderQuickToolBar = () => {
+      var _a;
+      const ctrlModel = (_a = c.model.controls) == null ? void 0 : _a.find((item) => {
+        return item.name === `${c.model.name}_quicktoolbar`;
+      });
+      if (!ctrlModel) {
+        return;
+      }
+      return vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
+        "modelData": ctrlModel,
+        "context": c.context,
+        "params": c.params
+      }, null);
+    };
+    const renderBatchToolBar = () => {
+      var _a;
+      const ctrlModel = (_a = c.model.controls) == null ? void 0 : _a.find((item) => {
+        return item.name === `${c.model.name}_batchtoolbar`;
+      });
+      if (!ctrlModel) {
+        return;
+      }
+      return vue.createVNode("div", {
+        "class": ns.b("batchtoolbar")
+      }, [vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
+        "modelData": ctrlModel,
+        "context": c.context,
+        "params": c.params
+      }, null)]);
+    };
+    const renderNoData = () => {
+      let _slot;
+      const {
+        isLoaded
+      } = c.state;
+      if (!isLoaded) {
+        return;
+      }
+      return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
+        "class": ns.b("content"),
+        "text": c.model.emptyText,
+        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
+      }, _isSlot(_slot = renderQuickToolBar()) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    return {
+      c,
+      ns,
+      renderListContent,
+      renderNoData,
+      renderBatchToolBar,
+      onPageChange,
+      onPageRefresh,
+      onPageSizeChange
+    };
+  },
+  render() {
+    const {
+      enablePagingBar
+    } = this.c.model;
+    let content = null;
+    if (this.c.state.isCreated) {
+      content = [this.c.state.items.length > 0 ? this.renderListContent() : this.renderNoData(), this.renderBatchToolBar(), enablePagingBar ? vue.createVNode(vue.resolveComponent("iBizPagination"), {
+        "class": this.ns.e("pagination"),
+        "total": this.c.state.total,
+        "curPage": this.c.state.curPage,
+        "size": this.c.state.size,
+        "onChange": this.onPageChange,
+        "onPageSizeChange": this.onPageSizeChange,
+        "onPageRefresh": this.onPageRefresh
+      }, null) : null];
+    }
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "class": [this.ns.is("enable-page", !!enablePagingBar)],
+      "controller": this.c
+    }, _isSlot(content) ? content : {
+      default: () => [content]
+    });
+  }
+});
+
+exports.ListControl = ListControl;

package/lib/control/list/list.css

@@ -0,0 +1 @@
+.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-list__load-more{color:var(--ibiz-control-list-load-more-color);text-align:center;cursor:pointer}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-scroll{height:100%;overflow:auto}

package/lib/control/list/list.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ListProvider {
+  constructor() {
+    __publicField(this, "component", "IBizListControl");
+  }
+}
+
+exports.ListProvider = ListProvider;

package/lib/control/map/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var map = require('./map.cjs');
+var map_provider = require('./map.provider.cjs');
+
+"use strict";
+const IBizMapControl = {
+  install(v) {
+    v.component(map.default.name, map.default);
+    runtime.registerControlProvider(runtime.ControlType.MAP, () => new map_provider.MapProvider());
+  }
+};
+
+exports.IBizMapControl = IBizMapControl;
+exports.default = IBizMapControl;

package/lib/control/map/map.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./map.css');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const MapControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizMapControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    mdctrlActiveMode: {
+      type: Number,
+      default: void 0
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    const c = vue3Util.useControlController((...args) => new runtime.MapController(...args));
+    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const mapRef = vue.ref();
+    const mapOpts = vue.computed(() => {
+      return {
+        strAreaCode: c.state.strAreaCode,
+        defaultAreaCode: c.state.defaultAreaCode,
+        jsonBaseUrl: c.state.jsonBaseUrl
+      };
+    });
+    return {
+      c,
+      ns,
+      mapRef,
+      mapOpts
+    };
+  },
+  render() {
+    const {
+      state
+    } = this.c;
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [state.isLoaded && vue.createVNode(vue.resolveComponent("iBizMapChart"), {
+        "areaData": state.areaData,
+        "pointData": state.pointData,
+        "options": this.mapOpts,
+        "class": this.ns.e("map"),
+        "onMapChange": (e) => {
+          this.c.onMapChange(e.areaCode);
+        },
+        "onPointChange": (e) => {
+          this.c.onAreaClick(e);
+        },
+        "onAreaChange": (e) => {
+          this.c.onPointClick(e);
+        }
+      }, null)]
+    });
+  }
+});
+
+exports.default = MapControl;

package/lib/control/map/map.css

@@ -0,0 +1 @@
+.ibiz-control-map{width:100%;height:100%}.ibiz-control-map__map{width:100%;height:100%}

package/lib/control/map/map.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class MapProvider {
+  constructor() {
+    __publicField(this, "component", "IBizMapControl");
+  }
+}
+
+exports.MapProvider = MapProvider;

package/lib/control/medit-view-panel/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var meditViewPanel = require('./medit-view-panel.cjs');
+var meditViewPanel_provider = require('./medit-view-panel.provider.cjs');
+
+"use strict";
+const IBizMEditViewPanelControl = vue3Util.withInstall(
+  meditViewPanel.MEditViewPanelControl,
+  function(v) {
+    v.component(meditViewPanel.MEditViewPanelControl.name, meditViewPanel.MEditViewPanelControl);
+    runtime.registerControlProvider(
+      runtime.ControlType.MULTI_EDIT_VIEWPANEL,
+      () => new meditViewPanel_provider.MEditViewPanelProvider()
+    );
+  }
+);
+
+exports.IBizMEditViewPanelControl = IBizMEditViewPanelControl;
+exports.default = IBizMEditViewPanelControl;