@ibiz-template/vue3-components 0.2.11 → 0.2.12

package/lib/panel-component/grid-container/index.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
-var gridContainer = require('./grid-container.cjs');
-var gridContainer_provider = require('./grid-container.provider.cjs');
-var gridContainer_state = require('./grid-container.state.cjs');
-var gridContainer_controller = require('./grid-container.controller.cjs');
-
-"use strict";
-const IBizGridContainer = vue3Util.withInstall(gridContainer.GridContainer, function(v) {
-  v.component(gridContainer.GridContainer.name, gridContainer.GridContainer);
-  runtime.registerPanelItemProvider(
-    "CONTAINER_CONTAINER_GRID",
-    () => new gridContainer_provider.GridContainerProvider()
-  );
-});
-
-exports.GridContainerProvider = gridContainer_provider.GridContainerProvider;
-exports.GridContainerState = gridContainer_state.GridContainerState;
-exports.GridContainerController = gridContainer_controller.GridContainerController;
-exports.IBizGridContainer = IBizGridContainer;
-exports.default = IBizGridContainer;

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

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
-var multiDataContainer = require('./multi-data-container.cjs');
-var multiDataContainer_provider = require('./multi-data-container.provider.cjs');
-var multiDataContainer_state = require('./multi-data-container.state.cjs');
-var multiDataContainer_controller = require('./multi-data-container.controller.cjs');
-
-"use strict";
-const IBizMultiDataContainer = vue3Util.withInstall(
-  multiDataContainer.MultiDataContainer,
-  function(v) {
-    v.component(multiDataContainer.MultiDataContainer.name, multiDataContainer.MultiDataContainer);
-    runtime.registerPanelItemProvider(
-      "CONTAINER_CONTAINER_MULTIDATA",
-      () => new multiDataContainer_provider.MultiDataContainerProvider()
-    );
-  }
-);
-
-exports.MultiDataContainerProvider = multiDataContainer_provider.MultiDataContainerProvider;
-exports.MultiDataContainerState = multiDataContainer_state.MultiDataContainerState;
-exports.MultiDataContainerController = multiDataContainer_controller.MultiDataContainerController;
-exports.IBizMultiDataContainer = IBizMultiDataContainer;
-exports.default = IBizMultiDataContainer;

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

@@ -1,125 +0,0 @@
-'use strict';
-
-var runtime = require('@ibiz-template/runtime');
-var multiDataContainerItm_state = require('./multi-data-container-itm.state.cjs');
-
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class MultiDataContainerItemController {
-  /**
-   * Creates an instance of PanelItemController.
-   * @author lxm
-   * @date 2023-04-27 06:37:12
-   * @param {T} model 面板成员模型
-   * @param {PanelController} panel 面板控制器
-   * @param {PanelItemController} [parent] 父容器控制器
-   */
-  constructor(model, panel, parent, data) {
-    this.model = model;
-    this.panel = panel;
-    this.parent = parent;
-    __publicField(this, "state", new multiDataContainerItm_state.MultiDataContainerItemState());
-    __publicField(this, "isDataContainer", true);
-    /**
-     * 所有面板成员的控制器
-     *
-     * @author lxm
-     * @date 2022-08-24 20:08:07
-     * @type {{ [key: string]: IPanelItemController }}
-     */
-    __publicField(this, "panelItems", {});
-    this.state.data = data;
-    const fields = runtime.getAllPanelField(this.model);
-    const fieldKeys = fields.map((item) => item.id);
-    data._evt.on("change", (key) => {
-      if (fieldKeys.includes(key)) {
-        this.childDataChangeNotify([key]);
-      }
-    });
-  }
-  get data() {
-    return this.state.data;
-  }
-  /**
-   * 初始化方法
-   * @author lxm
-   * @date 2023-09-05 05:48:53
-   * @return {*}  {Promise<void>}
-   */
-  async init() {
-    await this.initChildrenController();
-  }
-  /**
-   * 初始化面板成员控制器
-   *
-   * @author lxm
-   * @date 2022-08-24 21:08:48
-   * @protected
-   */
-  async initChildrenController(panelItems = this.model.panelItems, panel = this.panel, parent = this) {
-    if (!panelItems) {
-      return;
-    }
-    await Promise.all(
-      panelItems.map(async (panelItem) => {
-        var _a, _b;
-        const panelItemProvider = this.parent.providers[panelItem.id];
-        if (!panelItemProvider) {
-          return;
-        }
-        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.initChildrenController(
-            panelItem.panelItems,
-            panel,
-            panelItemController
-          );
-        } else if ((_b = panelItem.panelTabPages) == null ? void 0 : _b.length) {
-          await this.initChildrenController(
-            panelItem.panelTabPages,
-            panel,
-            panelItemController
-          );
-        }
-      })
-    );
-  }
-  async dataChangeNotify(_names) {
-  }
-  async childDataChangeNotify(names) {
-    Object.values(this.panelItems).forEach((panelItem) => {
-      panelItem.dataChangeNotify(names);
-    });
-  }
-  async panelStateNotify(state) {
-    Object.values(this.panelItems).forEach((panelItem) => {
-      panelItem.panelStateNotify(state);
-    });
-  }
-  async setDataValue(name, value) {
-    if (Object.prototype.hasOwnProperty.call(this.state.data, name) && this.state.data[name] === value) {
-      return;
-    }
-    this.state.data[name] = value;
-    this.childDataChangeNotify([name]);
-  }
-  destroy() {
-    var _a, _b;
-    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
-    Object.values(this.panelItems).forEach((item) => {
-      item.destroy();
-    });
-  }
-}
-
-exports.MultiDataContainerItemController = MultiDataContainerItemController;

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

@@ -1,25 +0,0 @@
-'use strict';
-
-var runtime = require('@ibiz-template/runtime');
-
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class MultiDataContainerItemState extends runtime.PanelItemState {
-  constructor() {
-    super(...arguments);
-    /**
-     * 多项数据容器数据
-     * @author lxm
-     * @date 2023-07-14 12:07:45
-     * @type {(IData | IData[])}
-     */
-    __publicField(this, "data", {});
-  }
-}
-
-exports.MultiDataContainerItemState = MultiDataContainerItemState;

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

@@ -1,88 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var multiDataContainer_controller = require('./multi-data-container.controller.cjs');
-require('./multi-data-container.css');
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const MultiDataContainer = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizMultiDataContainer",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: multiDataContainer_controller.MultiDataContainerController,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = vue3Util.useNamespace("multi-data-container");
-    const {
-      id
-    } = props.modelData;
-    vue.watch(() => props.controller.state.items, () => {
-      props.controller.dataItems.forEach((item) => {
-        item.state = vue.reactive(item.state);
-        const keys = Object.keys(item.panelItems);
-        keys.forEach((key) => {
-          const panelItem = item.panelItems[key];
-          panelItem.state = vue.reactive(panelItem.state);
-        });
-      });
-    }, {
-      immediate: true
-    });
-    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 = this.controller.state.items.map((_item, index) => {
-        const itemController = this.controller.dataItems[index];
-        return 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 = itemController.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: itemController.panelItems
-              })) ? _slot : {
-                default: () => [_slot]
-              });
-            })];
-          }
-        });
-      });
-    }
-    return vue.createVNode("div", {
-      "class": this.classArr
-    }, [content]);
-  }
-});
-
-exports.MultiDataContainer = MultiDataContainer;

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

@@ -1,268 +0,0 @@
-'use strict';
-
-var core = require('@ibiz-template/core');
-var runtime = require('@ibiz-template/runtime');
-var multiDataContainerItem_controller = require('./multi-data-container-item.controller.cjs');
-var multiDataContainer_state = require('./multi-data-container.state.cjs');
-
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class MultiDataContainerController extends runtime.PanelItemController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "isDataContainer", true);
-    /**
-     * 数据项的控制器
-     *
-     * @author lxm
-     * @date 2023-09-05 05:35:25
-     * @type {MultiDataContainerItemController[]}
-     */
-    __publicField(this, "dataItems", []);
-    /**
-     * 所有面板成员的适配器
-     *
-     * @author lxm
-     * @date 2022-08-24 20:08:07
-     * @type {{ [key: string]: IPanelItemProvider }}
-     */
-    __publicField(this, "providers", {});
-  }
-  /**
-   * 多项数据容器，根据数据模式
-   * @author lxm
-   * @date 2023-07-14 10:59:02
-   * @readonly
-   * @type {IData}
-   */
-  get data() {
-    return this.state.items;
-  }
-  createState() {
-    var _a;
-    return new multiDataContainer_state.MultiDataContainerState((_a = this.parent) == null ? void 0 : _a.state);
-  }
-  async onInit() {
-    await super.onInit();
-    await this.initPanelItemProviders();
-    this.initContainerData();
-  }
-  /**
-   * 初始化面板成员控制器
-   *
-   * @author lxm
-   * @date 2022-08-24 21:08:48
-   * @protected
-   */
-  async initPanelItemProviders(panelItems = this.model.panelItems) {
-    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;
-        if (((_a = panelItem.panelItems) == null ? void 0 : _a.length) && !runtime.isDataContainer(panelItem)) {
-          await this.initPanelItemProviders(
-            panelItem.panelItems
-          );
-        }
-        if ((_b = panelItem.panelTabPages) == null ? void 0 : _b.length) {
-          await this.initPanelItemProviders(
-            panelItem.panelTabPages
-          );
-        }
-      })
-    );
-  }
-  /**
-   * 根据来源类型初始化容器数据
-   * @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${dataSourceType}\u6682\u672A\u652F\u6301`);
-    }
-  }
-  /**
-   * 面板状态变更通知
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:07
-   */
-  childrenStateNotify(state) {
-    this.dataItems.forEach((dataItem) => {
-      dataItem.panelStateNotify(state);
-    });
-  }
-  /**
-   * 设置数据集合
-   * @author lxm
-   * @date 2023-09-05 05:42:09
-   * @param {IData[]} items
-   */
-  async setData(items) {
-    const fields = runtime.getAllPanelField(this.model);
-    const _items = items.map((item) => new runtime.PanelData(fields, item));
-    this.dataItems = _items.map((item) => {
-      return new multiDataContainerItem_controller.MultiDataContainerItemController(
-        this.model,
-        this.panel,
-        this,
-        item
-      );
-    });
-    if (this.dataItems.length) {
-      await Promise.all(
-        this.dataItems.map((controller) => {
-          return controller.init();
-        })
-      );
-    }
-    this.state.items = _items;
-    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${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 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${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();
-    });
-  }
-  setDataValue(_name, _value) {
-    throw new Error("Method not implemented.");
-  }
-  destroy() {
-    super.destroy();
-    this.dataItems.forEach((item) => {
-      item.destroy();
-    });
-  }
-}
-
-exports.MultiDataContainerController = MultiDataContainerController;

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

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

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

@@ -1,23 +0,0 @@
-'use strict';
-
-var multiDataContainer_controller = require('./multi-data-container.controller.cjs');
-
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class MultiDataContainerProvider {
-  constructor() {
-    __publicField(this, "component", "IBizMultiDataContainer");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new multiDataContainer_controller.MultiDataContainerController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-exports.MultiDataContainerProvider = MultiDataContainerProvider;

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

@@ -1,25 +0,0 @@
-'use strict';
-
-var runtime = require('@ibiz-template/runtime');
-
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class MultiDataContainerState extends runtime.PanelItemState {
-  constructor() {
-    super(...arguments);
-    /**
-     * 多项数据容器数据
-     * @author lxm
-     * @date 2023-07-14 12:07:45
-     * @type {(IData | IData[])}
-     */
-    __publicField(this, "items", []);
-  }
-}
-
-exports.MultiDataContainerState = MultiDataContainerState;

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

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var runtime = require('@ibiz-template/runtime');
-var vue3Util = require('@ibiz-template/vue3-util');
-var navPos = require('./nav-pos.cjs');
-var navPos_provider = require('./nav-pos.provider.cjs');
-var navPos_state = require('./nav-pos.state.cjs');
-var navPos_controller = require('./nav-pos.controller.cjs');
-
-"use strict";
-const IBizNavPos = vue3Util.withInstall(navPos.NavPos, function(v) {
-  v.component(navPos.NavPos.name, navPos.NavPos);
-  runtime.registerPanelItemProvider("RAWITEM_NAV_POS", () => new navPos_provider.NavPosProvider());
-});
-
-exports.NavPosProvider = navPos_provider.NavPosProvider;
-exports.NavPosState = navPos_state.NavPosState;
-exports.NavPosController = navPos_controller.NavPosController;
-exports.IBizNavPos = IBizNavPos;
-exports.default = IBizNavPos;