@ibiz-template/vue3-util 0.2.11 → 0.2.12

package/es/panel-component/single-data-container/single-data-container.controller.mjs

@@ -0,0 +1,285 @@
+import { ModelError, RuntimeModelError, RuntimeError } from '@ibiz-template/core';
+import { PanelItemController, getPanelItemProvider, isDataContainer, getAllPanelField, PanelData, PanelNotifyState, execDELogicById } from '@ibiz-template/runtime';
+import { SingleDataContainerState } from './single-data-container.state.mjs';
+
+"use strict";
+class SingleDataContainerController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    this.isDataContainer = true;
+    /**
+     * 所有面板成员的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: IPanelItemController }}
+     */
+    this.panelItems = {};
+    /**
+     * 所有面板成员的适配器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: IPanelItemProvider }}
+     */
+    this.providers = {};
+  }
+  /**
+   * 单项数据容器，根据数据模式
+   * @author lxm
+   * @date 2023-07-14 10:59:02
+   * @readonly
+   * @type {IData}
+   */
+  get data() {
+    return this.state.data;
+  }
+  createState() {
+    var _a;
+    return new SingleDataContainerState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  async onInit() {
+    await super.onInit();
+    await this.initPanelItemControllers();
+    this.initContainerData();
+  }
+  /**
+   * 初始化面板成员控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  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 getPanelItemProvider(panelItem);
+        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) && !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
+          );
+        }
+      })
+    );
+  }
+  /**
+   * 根据来源类型初始化容器数据
+   * @author lxm
+   * @date 2023-08-04 03:05:59
+   * @protected
+   */
+  initContainerData() {
+    const { dataSourceType, dataName } = 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 RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u6570\u636E\u5BF9\u8C61\u540D\u79F0");
+        }
+        this.bindViewData(this.panel.getTopView(), dataName);
+        break;
+      }
+      case "VIEWSESSIONPARAM": {
+        if (!dataName) {
+          throw new RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u6570\u636E\u5BF9\u8C61\u540D\u79F0");
+        }
+        this.bindViewData(this.panel.view, dataName);
+        break;
+      }
+      default:
+        throw new ModelError(this.model, `\u6570\u636E\u6E90\u7C7B\u578B${dataSourceType}\u6682\u672A\u652F\u6301`);
+    }
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  childrenStateNotify(state) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.panelStateNotify(state);
+    });
+  }
+  /**
+   * 设置数据
+   * @author lxm
+   * @date 2023-09-05 05:42:09
+   * @param {IData[]} items
+   */
+  async setData(data) {
+    var _a, _b;
+    const fields = getAllPanelField(this.model);
+    const fieldKeys = fields.map((item) => item.id);
+    const panelData = new PanelData(fields, data);
+    panelData._evt.on("change", (key) => {
+      if (fieldKeys.includes(key)) {
+        this.childDataChangeNotify([key]);
+      }
+    });
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    this.state.data = panelData;
+    this.childrenStateNotify(PanelNotifyState.LOAD);
+  }
+  /**
+   * 通过实体设置视图逻辑
+   * @author lxm
+   * @date 2023-08-04 03:00:31
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async setDataByDeLogic() {
+    const { appDataEntityId, appDELogicId } = this.model;
+    if (!appDELogicId) {
+      throw new RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u5B9E\u4F53\u903B\u8F91");
+    }
+    if (!appDataEntityId) {
+      throw new RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u5B9E\u4F53");
+    }
+    const data = await execDELogicById(
+      appDELogicId,
+      appDataEntityId,
+      this.panel.context,
+      [],
+      this.panel.params
+    );
+    if (!data) {
+      throw new RuntimeError(`\u5B9E\u4F53\u903B\u8F91${appDELogicId}\u6CA1\u6709\u8FD4\u56DE\u503C`);
+    }
+    this.setData(data);
+  }
+  /**
+   * 设置全局变量为当前容器数据
+   * @author lxm
+   * @date 2023-08-04 01:55:07
+   * @protected
+   */
+  setDataByAppGlobalParam() {
+    const { dataName } = this.model;
+    const originData = dataName ? ibiz.appData[dataName] : ibiz.appData;
+    if (originData) {
+      this.setData(originData);
+    } else {
+      ibiz.log.error(`\u5168\u5C40\u53D8\u91CF\u91CC\u6CA1\u6709${dataName}\u5C5E\u6027`);
+    }
+  }
+  /**
+   * 请求实体行为并把返回值设置为当前容器的数据
+   * @author lxm
+   * @date 2023-08-04 11:47:17
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async setDataByDeMethod() {
+    const { appDEMethodId, appDataEntityId } = this.model;
+    if (!appDEMethodId) {
+      throw new RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u5B9E\u4F53\u884C\u4E3A");
+    }
+    if (!appDataEntityId) {
+      throw new RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u5B9E\u4F53");
+    }
+    const app = ibiz.hub.getApp(this.panel.context.srfappid);
+    const res = await app.deService.exec(
+      appDataEntityId,
+      appDEMethodId,
+      this.panel.context,
+      [],
+      this.panel.params
+    );
+    if (res.ok && res.data) {
+      this.setData(res.data);
+    }
+  }
+  /**
+   * 绑定指定视图会话的变量
+   * @author lxm
+   * @date 2023-07-14 02:03:56
+   * @protected
+   * @param {IViewController} view 绑定视图控制器
+   * @param {string} dataName 变量名称
+   */
+  bindViewData(view, dataName) {
+    if (!Object.prototype.hasOwnProperty.call(view.state, dataName)) {
+      ibiz.log.error(`\u7ED1\u5B9A\u89C6\u56FE\u7684\u4F1A\u8BDD\u4E0D\u5B58\u5728${dataName}`);
+      return;
+    }
+    const updateData = () => {
+      const originData = view.state[dataName];
+      if (originData) {
+        this.setData(originData);
+      } else {
+        ibiz.log.error(`\u89C6\u56FEstate\u91CC\u6CA1\u6709${dataName}\u5C5E\u6027`);
+      }
+    };
+    updateData();
+    view.evt.on("onDataChange", () => {
+      updateData();
+    });
+  }
+  /**
+   * 通知所有子面板成员面板操作过程中的数据变更
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:40
+   * @param {string[]} names
+   */
+  childDataChangeNotify(names) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.dataChangeNotify(names);
+    });
+  }
+  /**
+   * 设置面板数据的值
+   *
+   * @param {string} name 要设置的数据的属性名称
+   * @param {unknown} value 要设置的值
+   */
+  async setDataValue(name, value) {
+    if (Object.prototype.hasOwnProperty.call(this.state.data, name) && this.state.data[name] === value) {
+      return;
+    }
+    this.state.data[name] = value;
+  }
+  destroy() {
+    var _a, _b;
+    super.destroy();
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    Object.values(this.panelItems).forEach((item) => {
+      item.destroy();
+    });
+  }
+}
+
+export { SingleDataContainerController };

package/es/panel-component/single-data-container/single-data-container.css

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

package/es/panel-component/single-data-container/single-data-container.d.ts

@@ -0,0 +1,36 @@
+import { IPanelItemProvider, IPanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer, IPanelItem } from '@ibiz/model-core';
+import { PropType, VNode } from 'vue';
+import { SingleDataContainerController } from './single-data-container.controller';
+import './single-data-container.scss';
+export declare const SingleDataContainer: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof SingleDataContainerController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    renderPanelItem: (panelItem: IPanelItem, options?: {
+        providers: {
+            [key: string]: IPanelItemProvider;
+        };
+        panelItems: {
+            [key: string]: IPanelItemController;
+        };
+    } | undefined) => VNode | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof SingleDataContainerController;
+        required: true;
+    };
+}>>, {}, {}>;
+//# sourceMappingURL=single-data-container.d.ts.map

package/es/panel-component/single-data-container/single-data-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-data-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EACN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;iCA0Bb,UAAU;;;;;;;sBASlB,KAAK,GAAG,IAAI;;;;;;;;;;YA0CrB,CAAC"}

package/es/panel-component/single-data-container/single-data-container.mjs

@@ -0,0 +1,77 @@
+import { isVNode, reactive, inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import '../../use/index.mjs';
+import { SingleDataContainerController } from './single-data-container.controller.mjs';
+import './single-data-container.css';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const SingleDataContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizSingleDataContainer",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: SingleDataContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("single-data-container");
+    const {
+      id
+    } = props.modelData;
+    const keys = Object.keys(props.controller.panelItems);
+    keys.forEach((key) => {
+      const panelItem = props.controller.panelItems[key];
+      panelItem.state = reactive(panelItem.state);
+    });
+    const renderPanelItem = inject("renderPanelItem");
+    const classArr = computed(() => {
+      const result = [ns.b(), ns.m(id), ...props.controller.containerClass];
+      return result;
+    });
+    return {
+      ns,
+      classArr,
+      renderPanelItem
+    };
+  },
+  render() {
+    let content;
+    if (this.$slots.default) {
+      content = this.$slots.default();
+    } else {
+      content = createVNode(resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": this.modelData.layout
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = this.modelData.panelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const childController = this.controller.panelItems[panelItem.id];
+            return createVNode(resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": childController.state
+            }, _isSlot(_slot = this.renderPanelItem(panelItem, {
+              providers: this.controller.providers,
+              panelItems: this.controller.panelItems
+            })) ? _slot : {
+              default: () => [_slot]
+            });
+          })];
+        }
+      });
+    }
+    return createVNode("div", {
+      "class": this.classArr
+    }, [content]);
+  }
+});
+
+export { SingleDataContainer };

package/es/panel-component/single-data-container/single-data-container.provider.d.ts

@@ -0,0 +1,16 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+/**
+ * 单项数据容器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class SingleDataContainerProvider
+ * @implements {EditorProvider}
+ */
+export declare class SingleDataContainerProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}
+//# sourceMappingURL=single-data-container.provider.d.ts.map

package/es/panel-component/single-data-container/single-data-container.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-data-container.provider.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-data-container.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD;;;;;;;;GAQG;AACH,qBAAa,2BAA4B,YAAW,kBAAkB;IACpE,SAAS,EAAE,MAAM,CAA6B;IAExC,gBAAgB,CACpB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,mBAAmB,GAAG,SAAS,GACtC,OAAO,CAAC,mBAAmB,CAAC;CAKhC"}

package/es/panel-component/single-data-container/single-data-container.provider.mjs

@@ -0,0 +1,15 @@
+import { SingleDataContainerController } from './single-data-container.controller.mjs';
+
+"use strict";
+class SingleDataContainerProvider {
+  constructor() {
+    this.component = "IBizSingleDataContainer";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new SingleDataContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { SingleDataContainerProvider };

package/es/panel-component/single-data-container/single-data-container.state.d.ts

@@ -0,0 +1,20 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 单项数据容器状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class SingleDataContainerState
+ * @extends {PanelItemState}
+ */
+export declare class SingleDataContainerState extends PanelItemState {
+    /**
+     * 单项数据容器数据
+     * @author lxm
+     * @date 2023-07-14 12:07:45
+     * @type {(IData | IData[])}
+     */
+    data: IData;
+}
+//# sourceMappingURL=single-data-container.state.d.ts.map

package/es/panel-component/single-data-container/single-data-container.state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-data-container.state.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-data-container.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;;;;GAQG;AACH,qBAAa,wBAAyB,SAAQ,cAAc;IAC1D;;;;;OAKG;IACH,IAAI,EAAE,KAAK,CAAM;CAClB"}

package/es/panel-component/single-data-container/single-data-container.state.mjs

@@ -0,0 +1,17 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class SingleDataContainerState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 单项数据容器数据
+     * @author lxm
+     * @date 2023-07-14 12:07:45
+     * @type {(IData | IData[])}
+     */
+    this.data = {};
+  }
+}
+
+export { SingleDataContainerState };

package/es/plugin/index.mjs

@@ -0,0 +1,3 @@
+export { PluginFactory } from './plugin-factory/plugin-factory.mjs';
+
+"use strict";