@ibiz-template/vue3-util 0.6.1-dev.0 → 0.6.1-dev.1

package/lib/common/view-shell/view-shell.cjs

@@ -0,0 +1,137 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
+var qxUtil = require('qx-util');
+var ramda = require('ramda');
+require('../../use/index.cjs');
+require('./view-shell.css');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewShell",
+  props: {
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object
+    },
+    modelData: {
+      type: Object
+    },
+    viewId: {
+      type: String
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("view-shell");
+    const isComplete = vue.ref(false);
+    const errMsg = vue.ref("");
+    const provider = vue.ref();
+    const viewModelData = vue.ref();
+    const init = async () => {
+      let viewModel;
+      if (props.modelData) {
+        viewModel = props.modelData;
+      } else {
+        viewModel = await ibiz.hub.getAppView(props.viewId);
+      }
+      if (!viewModel) {
+        throw new core.RuntimeError("\u672A\u627E\u5230\u89C6\u56FE\u6A21\u578B");
+      }
+      if (viewModel.dynaSysMode === 1) {
+        const appDataEntityId = viewModel.appDataEntityId;
+        if (!appDataEntityId) {
+          throw new core.RuntimeError("".concat(viewModel.codeName, "\u65E0\u5B9E\u4F53,\u6682\u4E0D\u652F\u6301\u52A0\u8F7D\u52A8\u6001\u6A21\u578B"));
+        }
+        const params = props.params || {};
+        const loadModelParams = await runtime.calcDynaSysParams(appDataEntityId, props.context, {
+          viewParams: params,
+          appId: viewModel.appId
+        });
+        if (params.srfdatatype) {
+          loadModelParams.srfdatatype = params.srfdatatype;
+        }
+        if (params.srfwftag) {
+          loadModelParams.srfwftag = params.srfwftag;
+        } else if (appDataEntityId && viewModel.enableWF) {
+          const context = {
+            ...props.context
+          };
+          if (loadModelParams.srfkey) {
+            const noSrfSessionId = ramda.isNil(props.context.srfsessionid) || ramda.isEmpty(props.context.srfsessionid);
+            const id = qxUtil.createUUID();
+            if (noSrfSessionId) {
+              const domain = ibiz.uiDomainManager.create(id);
+              context.srfsessionid = domain.id;
+            }
+            const app = ibiz.hub.getApp(viewModel.appId);
+            const service = await app.deService.getService(props.context, appDataEntityId);
+            const res = await service.get(context, props.params || {});
+            if (res.ok && res.data) {
+              const {
+                srfwftag,
+                processdefinitionkey,
+                taskdefinitionkey
+              } = res.data;
+              if (srfwftag) {
+                loadModelParams.srfwftag = srfwftag;
+              }
+              if (["DEWFDYNAEDITVIEW3", "DEWFDYNAEDITVIEW"].includes(viewModel.viewType)) {
+                const viewParams = props.params;
+                if (ramda.isNil(viewParams.processDefinitionKey)) {
+                  viewParams.processDefinitionKey = processdefinitionkey;
+                }
+                if (ramda.isNil(viewParams.taskDefinitionKey)) {
+                  viewParams.taskDefinitionKey = taskdefinitionkey;
+                }
+              }
+            }
+            if (noSrfSessionId) {
+              ibiz.uiDomainManager.destroy(id);
+            }
+          }
+        }
+        viewModelData.value = await ibiz.hub.loadAppView(viewModel.appId, viewModel.id, loadModelParams);
+      } else {
+        viewModelData.value = viewModel;
+      }
+      try {
+        provider.value = await runtime.getViewProvider(viewModel);
+      } catch (error) {
+        ibiz.log.error(error);
+        errMsg.value = error.message;
+      } finally {
+        isComplete.value = true;
+      }
+    };
+    init();
+    return {
+      ns,
+      isComplete,
+      errMsg,
+      viewModelData,
+      provider
+    };
+  },
+  render() {
+    if (this.isComplete && this.provider) {
+      return vue.h(vue.resolveComponent(this.provider.component), {
+        context: this.$props.context,
+        params: this.$props.params,
+        modelData: this.viewModelData,
+        ...this.$attrs,
+        provider: this.provider
+      }, this.$slots);
+    }
+    return vue.withDirectives(vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.isComplete ? this.errMsg : null]), [[vue.resolveDirective("loading"), !this.isComplete]]);
+  }
+});
+
+exports.IBizViewShell = IBizViewShell;

package/lib/common/view-shell/view-shell.css

@@ -0,0 +1 @@
+.ibiz-view-shell{position:relative;width:100%;height:100%}

package/lib/control/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+require('./panel/index.cjs');
+var index = require('./panel/view-layout-panel/index.cjs');
+var index$1 = require('./panel/panel/index.cjs');
+
+"use strict";
+
+exports.IBizViewLayoutPanelControl = index.IBizViewLayoutPanelControl;
+exports.IBizPanelControl = index$1.IBizPanelControl;

package/lib/control/panel/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var index = require('./view-layout-panel/index.cjs');
+var index$1 = require('./panel/index.cjs');
+
+"use strict";
+
+exports.IBizViewLayoutPanelControl = index.IBizViewLayoutPanelControl;
+exports.IBizPanelControl = index$1.IBizPanelControl;

package/lib/control/panel/panel/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var panel = require('./panel.cjs');
+var panel_provider = require('./panel.provider.cjs');
+require('../../../util/index.cjs');
+var install = require('../../../util/install.cjs');
+
+"use strict";
+const IBizPanelControl = install.withInstall(panel.PanelControl, function(v) {
+  v.component(panel.PanelControl.name, panel.PanelControl);
+  runtime.registerControlProvider(runtime.ControlType.PANEL, () => new panel_provider.PanelProvider());
+});
+
+exports.IBizPanelControl = IBizPanelControl;
+exports.default = IBizPanelControl;

package/lib/control/panel/panel/panel.cjs

@@ -0,0 +1,142 @@
+'use strict';
+
+var vue = require('vue');
+require('./panel.css');
+var runtime = require('@ibiz-template/runtime');
+require('../../../use/index.cjs');
+var useControlController = require('../../../use/control/use-control-controller/use-control-controller.cjs');
+var namespace = require('../../../use/namespace/namespace.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+function renderPanelItem(panelItem, c, ins) {
+  var _a, _b;
+  if (panelItem.hidden) {
+    return;
+  }
+  const {
+    providers,
+    panelItems
+  } = c;
+  const provider = providers[panelItem.id];
+  if (!provider) {
+    return vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, vue.createTextVNode(" - "), panelItem.itemType]);
+  }
+  const component = vue.resolveComponent(provider.component);
+  let children;
+  if (panelItem.itemType === "CTRLPOS" && ins.$slots[panelItem.id]) {
+    children = () => {
+      return ins.$slots[panelItem.id]();
+    };
+  } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
+    children = () => {
+      return panelItem.panelTabPages.map((child) => {
+        return renderPanelItem(child, c, ins);
+      });
+    };
+  } else if ((_b = panelItem.panelItems) == null ? void 0 : _b.length) {
+    children = () => {
+      return panelItem.panelItems.map((child) => {
+        return renderPanelItem(child, c, ins);
+      });
+    };
+  }
+  let tempStyle = "";
+  if (panelItem.cssStyle) {
+    tempStyle = panelItem.cssStyle;
+  }
+  return vue.h(component, {
+    modelData: panelItem,
+    controller: panelItems[panelItem.id],
+    key: panelItem.id,
+    style: tempStyle
+  }, children);
+}
+const PanelControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    container: {
+      type: Object
+    },
+    data: Object,
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const c = useControlController.useControlController((...args) => new runtime.PanelController(...args, props.container));
+    const ns = namespace.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    vue.watch(() => props.data, (newVal) => {
+      if (newVal) {
+        c.setInputData(newVal);
+        c.load();
+      }
+    }, {
+      immediate: true
+    });
+    c.evt.on("onCreated", () => {
+      const keys = Object.keys(c.panelItems);
+      keys.forEach((key) => {
+        const panelItem = c.panelItems[key];
+        panelItem.state = vue.reactive(panelItem.state);
+      });
+    });
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    const {
+      state,
+      model
+    } = this.c;
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [vue.createVNode(vue.resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": {
+          layout: "FLEX"
+        }
+      }, {
+        default: () => {
+          var _a;
+          return [state.isCreated && (this.$slots.default ? this.$slots.default({
+            panelItems: this.c.panelItems
+          }) : (_a = model.rootPanelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const subC = this.c.panelItems[panelItem.id];
+            panelItem.layoutPos.layout = "FLEX";
+            return vue.createVNode(vue.resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": subC.state
+            }, _isSlot(_slot = renderPanelItem(panelItem, this.c, this)) ? _slot : {
+              default: () => [_slot]
+            });
+          }))];
+        }
+      })]
+    });
+  }
+});
+
+exports.PanelControl = PanelControl;

package/lib/control/panel/panel/panel.css

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

package/lib/control/panel/panel/panel.provider.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+"use strict";
+class PanelProvider {
+  constructor() {
+    this.component = "IBizPanelControl";
+  }
+}
+
+exports.PanelProvider = PanelProvider;

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var viewLayoutPanel = require('./view-layout-panel.cjs');
+var viewLayoutPanel_provider = require('./view-layout-panel.provider.cjs');
+require('../../../util/index.cjs');
+var install = require('../../../util/install.cjs');
+
+"use strict";
+const IBizViewLayoutPanelControl = install.withInstall(
+  viewLayoutPanel.ViewLayoutPanelControl,
+  function(v) {
+    v.component(viewLayoutPanel.ViewLayoutPanelControl.name, viewLayoutPanel.ViewLayoutPanelControl);
+    runtime.registerControlProvider(
+      runtime.ControlType.VIEW_LAYOUT_PANEL,
+      () => new viewLayoutPanel_provider.ViewLayoutPanelProvider()
+    );
+  }
+);
+
+exports.IBizViewLayoutPanelControl = IBizViewLayoutPanelControl;
+exports.default = IBizViewLayoutPanelControl;

package/lib/control/panel/view-layout-panel/view-layout-panel.cjs

@@ -0,0 +1,144 @@
+'use strict';
+
+var vue = require('vue');
+require('./view-layout-panel.css');
+var runtime = require('@ibiz-template/runtime');
+require('../../../use/index.cjs');
+var useControlController = require('../../../use/control/use-control-controller/use-control-controller.cjs');
+var namespace = require('../../../use/namespace/namespace.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewLayoutPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    container: {
+      type: Object
+    },
+    data: Object
+  },
+  setup(props, {
+    slots
+  }) {
+    const c = useControlController.useControlController((...args) => new runtime.ViewLayoutPanelController(...args, props.container));
+    const ns = namespace.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    vue.watch(() => props.data, (newVal) => {
+      if (newVal) {
+        c.setInputData(newVal);
+        c.load();
+      }
+    }, {
+      immediate: true
+    });
+    c.evt.on("onCreated", () => {
+      const keys = Object.keys(c.panelItems);
+      keys.forEach((key) => {
+        const panelItem = c.panelItems[key];
+        panelItem.state = vue.reactive(panelItem.state);
+      });
+    });
+    const renderPanelItem = (panelItem, options) => {
+      var _a, _b;
+      if (panelItem.hidden) {
+        return null;
+      }
+      const {
+        providers,
+        panelItems
+      } = options || c;
+      const provider = providers[panelItem.id];
+      if (!provider) {
+        return vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, vue.createTextVNode(" - "), panelItem.itemType]);
+      }
+      const component = vue.resolveComponent(provider.component);
+      let children;
+      if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
+        children = () => {
+          return slots[panelItem.id]();
+        };
+      } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
+        children = () => {
+          return panelItem.panelTabPages.map((child) => {
+            return renderPanelItem(child, options);
+          });
+        };
+      } else if (runtime.isDataContainer(panelItem)) {
+        children = void 0;
+      } else if ((_b = panelItem.panelItems) == null ? void 0 : _b.length) {
+        children = () => {
+          return panelItem.panelItems.map((child) => {
+            return renderPanelItem(child, options);
+          });
+        };
+      }
+      let tempStyle = "";
+      if (panelItem.cssStyle) {
+        tempStyle = panelItem.cssStyle;
+      }
+      return vue.h(component, {
+        modelData: panelItem,
+        controller: panelItems[panelItem.id],
+        key: panelItem.id,
+        style: tempStyle
+      }, children);
+    };
+    vue.provide("renderPanelItem", renderPanelItem);
+    return {
+      c,
+      ns,
+      renderPanelItem
+    };
+  },
+  render() {
+    const {
+      state,
+      model
+    } = this.c;
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [vue.createVNode(vue.resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": {
+          layout: "FLEX"
+        }
+      }, {
+        default: () => {
+          var _a;
+          return [state.isCreated && (this.$slots.default ? this.$slots.default({
+            panelItems: this.c.panelItems
+          }) : (_a = model.rootPanelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const subC = this.c.panelItems[panelItem.id];
+            panelItem.layoutPos.layout = "FLEX";
+            return vue.createVNode(vue.resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": subC.state
+            }, _isSlot(_slot = this.renderPanelItem(panelItem)) ? _slot : {
+              default: () => [_slot]
+            });
+          }))];
+        }
+      })]
+    });
+  }
+});
+
+exports.ViewLayoutPanelControl = ViewLayoutPanelControl;

package/lib/control/panel/view-layout-panel/view-layout-panel.css

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

package/lib/control/panel/view-layout-panel/view-layout-panel.provider.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+"use strict";
+class ViewLayoutPanelProvider {
+  constructor() {
+    this.component = "IBizViewLayoutPanelControl";
+  }
+}
+
+exports.ViewLayoutPanelProvider = ViewLayoutPanelProvider;

package/lib/hooks/app/app.hooks.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var qxUtil = require('qx-util');
+
+"use strict";
+class AppHooks {
+}
+/**
+ * 创建 Vue 应用实例
+ *
+ * @author chitanda
+ * @date 2024-02-04 17:02:41
+ * @static
+ */
+AppHooks.createApp = new qxUtil.SyncSeriesHook();
+/**
+ * 用于在多实例下，挂载到已经创建的 Vue 实例上插件
+ *
+ * @author chitanda
+ * @date 2024-02-04 18:02:49
+ * @static
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+AppHooks.useComponent = new qxUtil.SyncSeriesHook();
+
+exports.AppHooks = AppHooks;

package/lib/hooks/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var app_hooks = require('./app/app.hooks.cjs');
+
+"use strict";
+
+exports.AppHooks = app_hooks.AppHooks;

package/lib/interface/index.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+require('./util/index.cjs');
+
+"use strict";

package/lib/interface/util/index.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+require('./route/route.cjs');
+
+"use strict";

package/lib/interface/util/route/route.cjs

@@ -0,0 +1,3 @@
+'use strict';
+
+"use strict";