@ibiz-template/vue3-util 0.6.0 → 0.6.1-alpha.2

package/lib/panel-component/scroll-container/scroll-container/scroll-container.cjs

@@ -0,0 +1,114 @@
+'use strict';
+
+var vue = require('vue');
+require('../../../use/index.cjs');
+var scrollContainer_controller = require('./scroll-container.controller.cjs');
+require('./scroll-container.css');
+var namespace = require('../../../use/namespace/namespace.cjs');
+
+"use strict";
+const ScrollContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizScrollContainer",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: scrollContainer_controller.ScrollContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("scroll-container");
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      const result = [ns.b(), ns.m(id), ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let left = null;
+    let top = null;
+    let right = null;
+    let bottom = null;
+    let center = null;
+    const slotStylle = {};
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    defaultSlots.forEach((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return;
+      }
+      const {
+        width,
+        height
+      } = props.controller.state.layout;
+      switch (props.modelData.layoutPos.layoutPos) {
+        case "WEST":
+          left = slot;
+          slotStylle.left = {
+            width
+          };
+          break;
+        case "EAST":
+          right = slot;
+          slotStylle.right = {
+            width
+          };
+          break;
+        case "NORTH":
+          top = slot;
+          slotStylle.top = {
+            height
+          };
+          break;
+        case "SOUTH":
+          bottom = slot;
+          slotStylle.bottom = {
+            height
+          };
+          break;
+        case "CENTER":
+          center = slot;
+          break;
+        default:
+          ibiz.log.debug("\u672A\u9002\u914D\u7684\u5E03\u5C40\u5360\u4F4D".concat(props.modelData.layoutPos.layoutPos));
+          break;
+      }
+    });
+    for (const key in slotStylle) {
+      if (slotStylle[key].width || slotStylle[key].height) {
+        slotStylle[key].flexShrink = 0;
+      }
+    }
+    return vue.createVNode("div", {
+      "class": this.classArr
+    }, [vue.createVNode("div", {
+      "class": [this.ns.e("header")],
+      "style": slotStylle.top
+    }, [top]), vue.createVNode("div", {
+      "class": [this.ns.b("content")]
+    }, [vue.createVNode("div", {
+      "class": this.ns.be("content", "left"),
+      "style": slotStylle.left
+    }, [left]), vue.createVNode("div", {
+      "class": this.ns.be("content", "center")
+    }, [center]), vue.createVNode("div", {
+      "class": this.ns.be("content", "right"),
+      "style": slotStylle.right
+    }, [right])]), vue.createVNode("div", {
+      "class": [this.ns.e("footer")],
+      "style": slotStylle.bottom
+    }, [bottom])]);
+  }
+});
+
+exports.ScrollContainer = ScrollContainer;

package/lib/panel-component/scroll-container/scroll-container/scroll-container.controller.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class ScrollContainerController extends runtime.PanelItemController {
+  async onInit() {
+    await super.onInit();
+    this.state.layout.width = "100%";
+    this.state.layout.height = "100%";
+  }
+}
+
+exports.ScrollContainerController = ScrollContainerController;

package/lib/panel-component/scroll-container/scroll-container/scroll-container.css

@@ -0,0 +1 @@
+.ibiz-scroll-container{width:100%;height:100%;display:flex;flex-flow:column nowrap}.ibiz-scroll-container.is-hidden{display:none}.ibiz-scroll-container-content{flex-grow:1;overflow:auto;display:flex}.ibiz-scroll-container-content__center{flex-grow:1;overflow:auto}.ibiz-scroll-container-content__left{overflow:auto}.ibiz-scroll-container-content__right{overflow:auto}.ibiz-scroll-container-header{overflow:auto}.ibiz-scroll-container-footer{overflow:auto}

package/lib/panel-component/scroll-container/scroll-container/scroll-container.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var scrollContainer_controller = require('./scroll-container.controller.cjs');
+
+"use strict";
+class ScrollContainerProvider {
+  constructor() {
+    this.component = "IBizScrollContainer";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new scrollContainer_controller.ScrollContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ScrollContainerProvider = ScrollContainerProvider;

package/lib/panel-component/scroll-container/scroll-container-item/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var scrollContainerItem_controller = require('./scroll-container-item.controller.cjs');
+var scrollContainerItem = require('./scroll-container-item.cjs');
+
+"use strict";
+
+exports.ScrollContainerItemController = scrollContainerItem_controller.ScrollContainerItemController;
+exports.ScrollContainerItem = scrollContainerItem.ScrollContainerItem;

package/lib/panel-component/scroll-container/scroll-container-item/scroll-container-item.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var vue = require('vue');
+require('../../../use/index.cjs');
+var scrollContainerItem_controller = require('./scroll-container-item.controller.cjs');
+require('./scroll-container-item.css');
+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 ScrollContainerItem = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizScrollContainerItem",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: scrollContainerItem_controller.ScrollContainerItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("scroll-container-item");
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      const result = [ns.b(), ns.m(id), ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return vue.createVNode(vue.resolveComponent("iBizRow"), {
+      "class": this.classArr,
+      "layout": {
+        layout: "FLEX"
+      }
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      props.modelData.layoutPos.layout = "FLEX";
+      return vue.createVNode(vue.resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.ScrollContainerItem = ScrollContainerItem;

package/lib/panel-component/scroll-container/scroll-container-item/scroll-container-item.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class ScrollContainerItemController extends runtime.PanelItemController {
+}
+
+exports.ScrollContainerItemController = ScrollContainerItemController;

package/lib/panel-component/scroll-container/scroll-container-item/scroll-container-item.css

@@ -0,0 +1 @@
+.ibiz-scroll-container-item{width:100%;height:100%;overflow:auto}.ibiz-scroll-container-item.is-hidden{display:none}

package/lib/panel-component/scroll-container/scroll-container-item/scroll-container-item.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var scrollContainerItem_controller = require('./scroll-container-item.controller.cjs');
+
+"use strict";
+class ScrollContainerItemProvider {
+  constructor() {
+    this.component = "IBizScrollContainerItem";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new scrollContainerItem_controller.ScrollContainerItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ScrollContainerItemProvider = ScrollContainerItemProvider;

package/lib/panel-component/single-data-container/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var singleDataContainer = require('./single-data-container.cjs');
+var singleDataContainer_provider = require('./single-data-container.provider.cjs');
+var singleDataContainer_state = require('./single-data-container.state.cjs');
+var singleDataContainer_controller = require('./single-data-container.controller.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizSingleDataContainer = install.withInstall(
+  singleDataContainer.SingleDataContainer,
+  function(v) {
+    v.component(singleDataContainer.SingleDataContainer.name, singleDataContainer.SingleDataContainer);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_SINGLEDATA",
+      () => new singleDataContainer_provider.SingleDataContainerProvider()
+    );
+  }
+);
+
+exports.SingleDataContainerState = singleDataContainer_state.SingleDataContainerState;
+exports.SingleDataContainerController = singleDataContainer_controller.SingleDataContainerController;
+exports.IBizSingleDataContainer = IBizSingleDataContainer;
+exports.default = IBizSingleDataContainer;

package/lib/panel-component/single-data-container/single-data-container.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+var vue = require('vue');
+require('../../use/index.cjs');
+var singleDataContainer_controller = require('./single-data-container.controller.cjs');
+require('./single-data-container.css');
+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 SingleDataContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSingleDataContainer",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: singleDataContainer_controller.SingleDataContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.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 = vue.reactive(panelItem.state);
+    });
+    const renderPanelItem = vue.inject("renderPanelItem");
+    const classArr = vue.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 = vue.createVNode(vue.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 vue.createVNode(vue.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 vue.createVNode("div", {
+      "class": this.classArr
+    }, [content]);
+  }
+});
+
+exports.SingleDataContainer = SingleDataContainer;

package/lib/panel-component/single-data-container/single-data-container.controller.cjs

@@ -0,0 +1,287 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var singleDataContainer_state = require('./single-data-container.state.cjs');
+
+"use strict";
+class SingleDataContainerController extends runtime.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 singleDataContainer_state.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 runtime.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) && !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
+          );
+        }
+      })
+    );
+  }
+  /**
+   * 根据来源类型初始化容器数据
+   * @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 core.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 core.RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u6570\u636E\u5BF9\u8C61\u540D\u79F0");
+        }
+        this.bindViewData(this.panel.view, dataName);
+        break;
+      }
+      default:
+        throw new core.ModelError(this.model, "\u6570\u636E\u6E90\u7C7B\u578B".concat(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 = runtime.getAllPanelField(this.model);
+    const fieldKeys = fields.map((item) => item.id);
+    const panelData = new runtime.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(runtime.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 core.RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u5B9E\u4F53\u903B\u8F91");
+    }
+    if (!appDataEntityId) {
+      throw new core.RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u5B9E\u4F53");
+    }
+    const data = await runtime.execDELogicById(
+      appDELogicId,
+      appDataEntityId,
+      this.panel.context,
+      [],
+      this.panel.params
+    );
+    if (!data) {
+      throw new core.RuntimeError("\u5B9E\u4F53\u903B\u8F91".concat(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".concat(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 core.RuntimeModelError(this.model, "\u6CA1\u6709\u914D\u7F6E\u5B9E\u4F53\u884C\u4E3A");
+    }
+    if (!appDataEntityId) {
+      throw new core.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".concat(dataName));
+      return;
+    }
+    const updateData = () => {
+      const originData = view.state[dataName];
+      if (originData) {
+        this.setData(originData);
+      } else {
+        ibiz.log.error("\u89C6\u56FEstate\u91CC\u6CA1\u6709".concat(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();
+    });
+  }
+}
+
+exports.SingleDataContainerController = SingleDataContainerController;

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

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

package/lib/panel-component/single-data-container/single-data-container.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var singleDataContainer_controller = require('./single-data-container.controller.cjs');
+
+"use strict";
+class SingleDataContainerProvider {
+  constructor() {
+    this.component = "IBizSingleDataContainer";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new singleDataContainer_controller.SingleDataContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.SingleDataContainerProvider = SingleDataContainerProvider;

package/lib/panel-component/single-data-container/single-data-container.state.cjs

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