@ibiz-template/vue3-util 0.7.37-alpha.3 → 0.7.38-alpha.12

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.controller.cjs

@@ -0,0 +1,353 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var multiDataContainerRaw_state = require('./multi-data-container-raw.state.cjs');
+
+"use strict";
+class MultiDataContainerRawController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    this.isDataContainer = true;
+    /**
+     * @description 面板子项的控制器
+     * @type {{ [key: string]: IPanelItemController }}
+     * @memberof MultiDataContainerRawController
+     */
+    this.panelItems = {};
+    /**
+     * 所有面板成员的适配器
+     *
+     * @type {{ [key: string]: IPanelItemProvider }}
+     * @memberof MultiDataContainerRawController
+     */
+    this.providers = {};
+  }
+  /**
+   * 多项数据容器，根据数据模式
+   *
+   * @readonly
+   * @type {IData}
+   * @memberof MultiDataContainerRawController
+   */
+  get data() {
+    return this.state.items;
+  }
+  createState() {
+    var _a;
+    return new multiDataContainerRaw_state.MultiDataContainerRawState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  async onInit() {
+    await super.onInit();
+    await this.initPanelItemControllers();
+    this.initContainerData();
+  }
+  /**
+   *  初始化面板子项控制器
+   *
+   * @protected
+   * @param {(IPanelItem[] | undefined)} [panelItems=this.model.panelItems]
+   * @param {IPanelController} [panel=this.panel]
+   * @param {(IPanelItemContainerController | undefined)} [parent=this]
+   * @return {*}  {Promise<void>}
+   * @memberof MultiDataContainerRawController
+   */
+  async initPanelItemControllers(panelItems = this.model.panelItems, panel = this.panel, parent = this) {
+    if (!panelItems) {
+      return;
+    }
+    await Promise.all(
+      panelItems.map(async (panelItem) => {
+        var _a, _b;
+        const panelItemProvider = await runtime.getPanelItemProvider(
+          panelItem,
+          panel.model,
+          panel.view.model
+        );
+        if (!panelItemProvider) {
+          return;
+        }
+        this.providers[panelItem.id] = panelItemProvider;
+        const panelItemController = await panelItemProvider.createController(
+          panelItem,
+          panel,
+          parent
+        );
+        this.panelItems[panelItem.id] = panelItemController;
+        if (((_a = panelItem.panelItems) == null ? void 0 : _a.length) && !runtime.isDataContainer(panelItem)) {
+          await this.initPanelItemControllers(
+            panelItem.panelItems,
+            panel,
+            panelItemController
+          );
+        }
+        if ((_b = panelItem.panelTabPages) == null ? void 0 : _b.length) {
+          await this.initPanelItemControllers(
+            panelItem.panelTabPages,
+            panel,
+            panelItemController
+          );
+        }
+      })
+    );
+  }
+  /**
+   * 计算导航参数
+   *
+   * @protected
+   * @return {*}  {IData}
+   * @memberof MultiDataContainerRawController
+   */
+  computeNavParams() {
+    const { navigateContexts, navigateParams } = this.model;
+    const context = this.panel.context.clone();
+    Object.assign(
+      context,
+      runtime.convertNavData(navigateContexts, this.panel.params, this.panel.context)
+    );
+    const params = runtime.convertNavData(
+      navigateParams,
+      this.panel.params,
+      this.panel.context
+    );
+    Object.assign(params, this.panel.params);
+    return { context, params };
+  }
+  /**
+   * 根据来源类型初始化容器数据
+   *
+   * @protected
+   * @memberof MultiDataContainerRawController
+   */
+  initContainerData() {
+    const { dataSourceType, dataName, scriptCode } = this.model;
+    switch (dataSourceType) {
+      case "DEACTION":
+      case "DEDATASET":
+        this.setDataByDeMethod();
+        break;
+      case "APPGLOBALPARAM":
+        this.setDataByAppGlobalParam();
+        break;
+      case "DELOGIC":
+        this.setDataByDeLogic();
+        break;
+      case "TOPVIEWSESSIONPARAM": {
+        if (!dataName) {
+          throw new core.RuntimeModelError(
+            this.model,
+            ibiz.i18n.t("vue3Util.panelComponent.noConfiguardDataObject")
+          );
+        }
+        this.bindViewData(this.panel.getTopView(), dataName);
+        break;
+      }
+      case "VIEWSESSIONPARAM": {
+        if (!dataName) {
+          throw new core.RuntimeModelError(
+            this.model,
+            ibiz.i18n.t("vue3Util.panelComponent.noConfiguardDataObject")
+          );
+        }
+        this.bindViewData(this.panel.view, dataName);
+        break;
+      }
+      case "ACTIVEDATAPARAM": {
+        if (!dataName) {
+          throw new core.RuntimeModelError(
+            this.model,
+            ibiz.i18n.t("vue3Util.panelComponent.noConfiguardDataObject")
+          );
+        }
+        this.setData(this.dataParent.data[dataName]);
+        break;
+      }
+      case "CUSTOM": {
+        if (!scriptCode) {
+          throw new core.RuntimeModelError(
+            this.model,
+            ibiz.i18n.t("vue3Util.panelComponent.noConfiguredScript")
+          );
+        }
+        const computeData = runtime.ScriptFactory.execScriptFn(
+          {
+            ...this.panel.getEventArgs(),
+            data: this.dataParent.data
+          },
+          scriptCode,
+          {
+            isAsync: false,
+            singleRowReturn: true
+          }
+        );
+        this.setData(computeData);
+        break;
+      }
+      default:
+        throw new core.ModelError(
+          this.model,
+          ibiz.i18n.t("vue3Util.panelComponent.noSupportedDataSourceType", {
+            dataSourceType
+          })
+        );
+    }
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @param {PanelNotifyState} state
+   * @memberof MultiDataContainerRawController
+   */
+  childrenStateNotify(state) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.panelStateNotify(state);
+    });
+  }
+  /**
+   * 设置数据集合
+   *
+   * @param {IData[]} items
+   * @return {*}  {Promise<void>}
+   * @memberof MultiDataContainerRawController
+   */
+  async setData(items) {
+    var _a, _b;
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    this.state.items = items;
+    this.childrenStateNotify(runtime.PanelNotifyState.LOAD);
+  }
+  /**
+   * 通过实体设置视图逻辑
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof MultiDataContainerRawController
+   */
+  async setDataByDeLogic() {
+    const { appDataEntityId, appDELogicId } = this.model;
+    if (!appDELogicId) {
+      throw new core.RuntimeModelError(
+        this.model,
+        ibiz.i18n.t("vue3Util.panelComponent.noConfiguredEntityLogic")
+      );
+    }
+    if (!appDataEntityId) {
+      throw new core.RuntimeModelError(
+        this.model,
+        ibiz.i18n.t("vue3Util.panelComponent.noConfiguredEntity")
+      );
+    }
+    const { context, params } = this.computeNavParams();
+    const data = await runtime.execDELogicById(
+      appDELogicId,
+      appDataEntityId,
+      context,
+      this.panel.data,
+      params
+    );
+    if (!data) {
+      throw new core.RuntimeError(
+        ibiz.i18n.t("vue3Util.panelComponent.noReturnValue", { appDELogicId })
+      );
+    }
+    this.setData(data);
+  }
+  /**
+   * 设置全局变量为当前容器数据
+   *
+   * @protected
+   * @memberof MultiDataContainerRawController
+   */
+  setDataByAppGlobalParam() {
+    const { dataName } = this.model;
+    const originData = dataName ? ibiz.appData[dataName] : ibiz.appData;
+    if (originData) {
+      this.setData(originData);
+    } else {
+      ibiz.log.error(
+        ibiz.i18n.t("vue3Util.panelComponent.noAttribute", { dataName })
+      );
+    }
+  }
+  /**
+   * 请求实体行为并把返回值设置为当前容器的数据
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof MultiDataContainerRawController
+   */
+  async setDataByDeMethod() {
+    const { appDEMethodId, appDataEntityId } = this.model;
+    if (!appDEMethodId) {
+      throw new core.RuntimeModelError(
+        this.model,
+        ibiz.i18n.t("vue3Util.panelComponent.noConfiguerdEntityBehanior")
+      );
+    }
+    if (!appDataEntityId) {
+      throw new core.RuntimeModelError(
+        this.model,
+        ibiz.i18n.t("vue3Util.panelComponent.noConfiguredEntity")
+      );
+    }
+    const app = ibiz.hub.getApp(this.panel.context.srfappid);
+    const { context, params } = this.computeNavParams();
+    const res = await app.deService.exec(
+      appDataEntityId,
+      appDEMethodId,
+      context,
+      void 0,
+      params
+    );
+    if (res.ok && res.data) {
+      this.setData(res.data);
+    }
+  }
+  /**
+   * 绑定指定视图会话的变量
+   *
+   * @protected
+   * @param {IViewController} view 绑定视图控制器
+   * @param {string} dataName 变量名称
+   * @return {*}  {void}
+   * @memberof MultiDataContainerRawController
+   */
+  bindViewData(view, dataName) {
+    if (!Object.prototype.hasOwnProperty.call(view.state, dataName)) {
+      ibiz.log.error(
+        ibiz.i18n.t("vue3Util.panelComponent.sessionView", { dataName })
+      );
+      return;
+    }
+    const updateData = () => {
+      const originData = view.state[dataName];
+      if (originData) {
+        this.setData(originData);
+      } else {
+        ibiz.log.error(
+          ibiz.i18n.t("vue3Util.panelComponent.viewStateAttribute", {
+            dataName
+          })
+        );
+      }
+    };
+    updateData();
+    view.evt.on("onDataChange", () => {
+      updateData();
+    });
+  }
+  setDataValue(_name, _value) {
+    throw new Error(ibiz.i18n.t("vue3Util.panelComponent.noImplementMethod"));
+  }
+  destroy() {
+    var _a, _b;
+    super.destroy();
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    Object.values(this.panelItems).forEach((item) => {
+      var _a2;
+      (_a2 = item.destroy) == null ? void 0 : _a2.call(item);
+    });
+  }
+}
+
+exports.MultiDataContainerRawController = MultiDataContainerRawController;

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.css

@@ -0,0 +1 @@
+.ibiz-multi-data-container-raw{width:100%;height:100%}

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var multiDataContainerRaw_controller = require('./multi-data-container-raw.controller.cjs');
+
+"use strict";
+class MultiDataContainerRawProvider {
+  constructor() {
+    this.component = "IBizMultiDataContainerRaw";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new multiDataContainerRaw_controller.MultiDataContainerRawController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.MultiDataContainerRawProvider = MultiDataContainerRawProvider;

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.state.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class MultiDataContainerRawState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 多项数据容器数据
+     * @author zzq
+     * @date 2024-09-09 16:04:27
+     * @type {(IData | IData[])}
+     */
+    this.items = [];
+  }
+}
+
+exports.MultiDataContainerRawState = MultiDataContainerRawState;

package/lib/panel-component/nav-pos/nav-pos.controller.cjs

@@ -212,6 +212,11 @@ class NavPosController extends runtime.PanelItemController {
    * @memberof NavPosController
    */
   onViewCreated(event) {
+    this.panel.evt.emit("onPresetPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: "onViewCreated",
+      presetParams: event
+    });
     ibiz.log.debug(this.constructor.name, "onViewCreated", event);
   }
   toBlankRoute() {

package/lib/util/store/ui-store/ui-store.cjs

@@ -7,9 +7,16 @@ var zIndex = require('./z-index.cjs');
 "use strict";
 const useUIStore = pinia.defineStore("uiStore", () => {
   const zIndex$1 = zIndex.useZIndexStore();
+  const getTheme = () => {
+    const themeTag = ibiz.util.theme.getTheme();
+    return themeTag.includes("dark") ? "dark" : "light";
+  };
   const UIStore = vue.reactive({
     zIndex: zIndex$1.zIndex,
-    theme: "light"
+    theme: getTheme()
+  });
+  ibiz.util.theme.evt.on("onChange", () => {
+    UIStore.theme = getTheme();
   });
   return { UIStore, zIndex: zIndex$1 };
 });

package/lib/view/common/view.cjs

@@ -83,18 +83,19 @@ const View = /* @__PURE__ */ vue.defineComponent({
       });
       return result;
     };
-    const getCtrlProps = (ctrl) => {
+    const getCtrlProps = (ctrl, slotProps = {}) => {
       const slotKey = ctrl.name || ctrl.id;
       return {
         context: c.context,
         params: c.params,
         modelData: ctrl,
-        ...c.slotProps[slotKey] || {}
+        ...c.slotProps[slotKey] || {},
+        ...slotProps
       };
     };
-    const renderControl = (ctrl) => {
+    const renderControl = (ctrl, slotProps = {}) => {
       const slotKey = ctrl.name || ctrl.id;
-      const ctrlProps = getCtrlProps(ctrl);
+      const ctrlProps = getCtrlProps(ctrl, slotProps);
       if (slots[slotKey]) {
         return vue.renderSlot(slots, slotKey, ctrlProps);
       }
@@ -135,8 +136,8 @@ const View = /* @__PURE__ */ vue.defineComponent({
         if ((_a = this.controls) == null ? void 0 : _a.length) {
           this.controls.forEach((ctrl) => {
             const slotKey = ctrl.name || ctrl.id;
-            slots[slotKey] = () => {
-              return this.renderControl(ctrl);
+            slots[slotKey] = (slotProps) => {
+              return this.renderControl(ctrl, slotProps);
             };
           });
         }

package/lib/view/html-view/html-view.cjs

@@ -0,0 +1,96 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+require('../../use/index.cjs');
+require('./html-view.css');
+var namespace = require('../../use/namespace/namespace.cjs');
+var useViewController = require('../../use/view/use-view-controller/use-view-controller.cjs');
+
+"use strict";
+const HtmlView = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizHtmlView",
+  props: {
+    context: Object,
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    modelData: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object
+    },
+    state: {
+      type: Object
+    }
+  },
+  setup() {
+    var _a;
+    const ns = namespace.useNamespace("view");
+    const c = useViewController.useViewController((...args) => new runtime.ViewController(...args));
+    const controls = ((_a = c.model.viewLayoutPanel) == null ? void 0 : _a.controls) || c.model.controls;
+    const {
+      viewType,
+      sysCss,
+      codeName
+    } = c.model;
+    const typeClass = viewType.toLowerCase();
+    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
+    const viewClassNames = [ns.b(), ns.b(typeClass), ns.m(codeName), sysCssName];
+    const isLoading = vue.ref(false);
+    const url = vue.computed(() => {
+      if (c.model) {
+        const {
+          htmlUrl
+        } = c.model;
+        if (htmlUrl) {
+          return htmlUrl;
+        }
+      }
+      return "";
+    });
+    vue.onBeforeMount(() => {
+      if (url.value) {
+        isLoading.value = true;
+      }
+    });
+    const onLoad = () => {
+      isLoading.value = false;
+    };
+    return {
+      c,
+      ns,
+      controls,
+      viewClassNames,
+      url,
+      isLoading,
+      onLoad
+    };
+  },
+  render() {
+    if (this.url) {
+      return vue.withDirectives(vue.createVNode("div", {
+        "class": this.viewClassNames
+      }, [vue.createVNode("iframe", {
+        "src": this.url,
+        "onLoad": () => this.onLoad()
+      }, null)]), [[vue.resolveDirective("loading"), this.isLoading]]);
+    }
+    let Content = null;
+    const provider = runtime.getErrorViewProvider("404");
+    if (provider) {
+      if (typeof provider.component === "string") {
+        Content = vue.h(vue.resolveComponent(provider.component));
+      }
+      Content = vue.h(provider.component);
+    }
+    return vue.createVNode("div", {
+      "class": this.viewClassNames
+    }, [Content]);
+  }
+});
+
+exports.HtmlView = HtmlView;

package/lib/view/html-view/html-view.css

@@ -0,0 +1 @@
+.ibiz-view-dehtmlview>iframe{width:100%;height:100%;border:0}

package/lib/view/html-view/html-view.provider.cjs

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

package/lib/view/html-view/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var htmlView_provider = require('./html-view.provider.cjs');
+var htmlView = require('./html-view.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizHtmlView = install.withInstall(htmlView.HtmlView, function(v) {
+  v.component(htmlView.HtmlView.name, htmlView.HtmlView);
+  runtime.registerViewProvider(runtime.ViewType.DE_HTML_VIEW, () => new htmlView_provider.HtmlViewProvider());
+});
+
+exports.IBizHtmlView = IBizHtmlView;

package/lib/view/index.cjs

@@ -5,6 +5,7 @@ var index = require('./common/index.cjs');
 var todoRedirect = require('./todo-redirect/todo-redirect.cjs');
 var index$1 = require('./portal-view/index.cjs');
 var index$2 = require('./de-redirect-view/index.cjs');
+var index$3 = require('./html-view/index.cjs');
 
 "use strict";
 
@@ -13,3 +14,4 @@ exports.IBizView = index.IBizView;
 exports.TodoRedirect = todoRedirect.TodoRedirect;
 exports.IBizPortalView = index$1.IBizPortalView;
 exports.IBizDeRedirectView = index$2.IBizDeRedirectView;
+exports.IBizHtmlView = index$3.IBizHtmlView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-util",
-  "version": "0.7.37-alpha.3",
+  "version": "0.7.38-alpha.12",
   "description": "vue3 工具包",
   "main": "lib/index.cjs",
   "types": "es/index.d.ts",
@@ -41,9 +41,9 @@
   "devDependencies": {
     "@ibiz-template/cli": "^0.3.10",
     "@ibiz-template/core": "^0.7.35-alpha.1",
-    "@ibiz-template/runtime": "^0.7.37-alpha.3",
+    "@ibiz-template/runtime": "^0.7.38-alpha.12",
     "@ibiz-template/theme": "^0.7.32",
-    "@ibiz/model-core": "^0.1.53",
+    "@ibiz/model-core": "^0.1.56",
     "@types/path-browserify": "^1.0.2",
     "@types/qs": "^6.9.11",
     "@types/systemjs": "^6.13.5",
@@ -60,7 +60,7 @@
   "peerDependencies": {
     "@ibiz-template/core": "^0.6.0",
     "@ibiz-template/runtime": "^0.6.0",
-    "@ibiz/model-core": "^0.1.53",
+    "@ibiz/model-core": "^0.1.56",
     "dayjs": "^1.11.10",
     "path-browserify": "^1.0.1",
     "pinia": "^2.1.7",