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

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/panel-component/panel-ctrl-view-page-caption/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var panelCtrlViewPageCaption = require('./panel-ctrl-view-page-caption.cjs');
+var panelCtrlViewPageCaption_provider = require('./panel-ctrl-view-page-caption.provider.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizPanelCtrlViewPageCaption = install.withInstall(
+  panelCtrlViewPageCaption.PanelCtrlViewPageCaption,
+  function(v) {
+    v.component(panelCtrlViewPageCaption.PanelCtrlViewPageCaption.name, panelCtrlViewPageCaption.PanelCtrlViewPageCaption);
+    runtime.registerPanelItemProvider(
+      "CTRLPOS_VIEW_PAGECAPTION",
+      () => new panelCtrlViewPageCaption_provider.PanelCtrlViewPageProvider()
+    );
+  }
+);
+
+exports.IBizPanelCtrlViewPageCaption = IBizPanelCtrlViewPageCaption;
+exports.default = IBizPanelCtrlViewPageCaption;

package/lib/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var vue = require('vue');
+require('../../use/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+const PanelCtrlViewPageCaption = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelCtrlViewPageCaption",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("panel-ctrl-view-page-caption");
+    const classArr = vue.computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    let editor = null;
+    if (this.controller.data) {
+      editor = vue.createVNode("span", {
+        "class": this.ns.b("content")
+      }, [this.controller.state.caption]);
+    }
+    return vue.createVNode("div", {
+      "class": this.classArr,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [editor]);
+  }
+});
+
+exports.PanelCtrlViewPageCaption = PanelCtrlViewPageCaption;

package/lib/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.controller.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PanelCtrlViewPageCaptionController extends runtime.PanelItemController {
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof PanelCtrlViewPageCaptionController
+   */
+  async onInit() {
+    await super.onInit();
+    this.state.caption = this.panel.view.model.caption || "";
+    this.panel.view.evt.on(
+      "onViewInfoChange",
+      ({ caption: _caption, dataInfo }) => {
+        this.state.caption = "".concat(this.panel.view.model.caption).concat(dataInfo ? "-".concat(dataInfo) : "");
+      }
+    );
+  }
+}
+
+exports.PanelCtrlViewPageCaptionController = PanelCtrlViewPageCaptionController;

package/lib/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var panelCtrlViewPageCaption_controller = require('./panel-ctrl-view-page-caption.controller.cjs');
+
+"use strict";
+class PanelCtrlViewPageProvider {
+  constructor() {
+    this.component = "IBizPanelCtrlViewPageCaption";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelCtrlViewPageCaption_controller.PanelCtrlViewPageCaptionController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelCtrlViewPageProvider = PanelCtrlViewPageProvider;

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;