@ibiz-template/vue3-components 0.0.1-alpha.1 → 0.0.1-alpha.3

package/lib/control/panel/panel/panel-state.js

@@ -0,0 +1,24 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const runtime = require("@ibiz-template/runtime");
+class PanelState extends runtime.ControlState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 面板数据
+     *
+     * @author lxm
+     * @date 2023-02-10 01:45:34
+     * @type {(IData | null)}
+     * @memberof PanelState
+     */
+    __publicField(this, "data", {});
+  }
+}
+exports.PanelState = PanelState;

package/lib/control/panel/panel/panel.controller.d.ts

@@ -0,0 +1,114 @@
+import { ControlController, IControlProvider, IPanelController, IPanelItemProvider, PanelNotifyState } from '@ibiz-template/runtime';
+import { IPanel, IPanelItem } from '@ibiz/model-core';
+import { PanelContainerController } from '../../../panel-component';
+import { PanelItemController } from './panel-item.controller';
+import { PanelState } from './panel-state';
+/**
+ * 面板部件控制器
+ *
+ * @author lxm
+ * @date 2022-09-08 20:09:55
+ * @export
+ * @class PanelController
+ * @extends {ControlController<PanelModel>}
+ */
+export declare class PanelController<T extends IPanel = IPanel> extends ControlController<T> implements IPanelController {
+    state: PanelState;
+    /**
+     * 所有面板成员的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: PanelItemController }}
+     */
+    panelItems: {
+        [key: string]: PanelItemController;
+    };
+    /**
+     * 所有面板成员的适配器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: IPanelItemProvider  | IControlProvider}}
+     */
+    providers: {
+        [key: string]: IPanelItemProvider | IControlProvider;
+    };
+    /**
+     * 外部输入数据
+     *
+     * @author lxm
+     * @date 2023-02-09 03:16:52
+     * @type {IData}
+     * @memberof PanelController
+     */
+    inputData: IData | undefined;
+    /**
+     * 面板数据
+     *
+     * @author lxm
+     * @date 2023-02-10 07:21:09
+     * @readonly
+     * @memberof PanelController
+     */
+    get data(): IData;
+    setInputData(data: IData | undefined): void;
+    protected doCreated(): Promise<void>;
+    /**
+     * 初始化面板成员控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 21:08:48
+     * @protected
+     */
+    protected initPanelItemControllers(panelItems?: IPanelItem[] | undefined, panel?: PanelController, parent?: PanelContainerController | undefined): Promise<void>;
+    /**
+     * 部件加载，获取数据，并执行一系列后续初始化逻辑
+     *
+     * @author lxm
+     * @date 2023-02-10 01:46:24
+     * @memberof PanelController
+     */
+    load(): Promise<void>;
+    /**
+     * 根据获取模式准备原始数据
+     *
+     * @author lxm
+     * @date 2023-02-10 02:04:39
+     * @returns {*}  {(Promise<IData | undefined>)}
+     * @memberof PanelController
+     */
+    prepareData(): Promise<IData | undefined>;
+    /**
+     * 转换原始数据，映射面板属性
+     *
+     * @author lxm
+     * @date 2023-02-10 02:10:41
+     * @param {IData} data
+     * @returns {*}  {IData}
+     * @memberof PanelController
+     */
+    convertData(data: IData): IData;
+    /**
+     * 通知所有面板成员面板操作过程中的数据变更
+     *
+     * @author lxm
+     * @date 2022-09-20 18:09:40
+     * @param {string[]} names
+     */
+    dataChangeNotify(names: string[]): void;
+    /**
+     * 面板状态变更通知
+     *
+     * @author lxm
+     * @date 2022-09-20 18:09:07
+     */
+    panelStateNotify(state: PanelNotifyState): void;
+    /**
+     * 设置面板数据的值
+     *
+     * @param {string} name 要设置的数据的属性名称
+     * @param {unknown} value 要设置的值
+     */
+    setDataValue(name: string, value: unknown): Promise<void>;
+}

package/lib/control/panel/panel/panel.controller.js

@@ -0,0 +1,187 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@ibiz-template/core");
+const runtime = require("@ibiz-template/runtime");
+const panelState = require("./panel-state");
+class PanelController extends runtime.ControlController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", new panelState.PanelState());
+    /**
+     * 所有面板成员的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: PanelItemController }}
+     */
+    __publicField(this, "panelItems", {});
+    /**
+     * 所有面板成员的适配器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: IPanelItemProvider  | IControlProvider}}
+     */
+    __publicField(this, "providers", {});
+    /**
+     * 外部输入数据
+     *
+     * @author lxm
+     * @date 2023-02-09 03:16:52
+     * @type {IData}
+     * @memberof PanelController
+     */
+    __publicField(this, "inputData");
+  }
+  /**
+   * 面板数据
+   *
+   * @author lxm
+   * @date 2023-02-10 07:21:09
+   * @readonly
+   * @memberof PanelController
+   */
+  get data() {
+    return this.state.data;
+  }
+  setInputData(data) {
+    this.inputData = data;
+  }
+  async doCreated() {
+    await super.doCreated();
+    await this.initPanelItemControllers();
+  }
+  /**
+   * 初始化面板成员控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  async initPanelItemControllers(panelItems = this.model.rootPanelItems, panel = this, parent = void 0) {
+    if (!panelItems) {
+      return;
+    }
+    await Promise.all(
+      panelItems.map(async (panelItem) => {
+        var _a;
+        const panelItemProvider = await runtime.getPanelItemProvider(panelItem);
+        if (!panelItemProvider) {
+          return;
+        }
+        panel.providers[panelItem.id] = panelItemProvider;
+        const panelItemController = await panelItemProvider.createController(
+          panelItem,
+          panel,
+          parent
+        );
+        panel.panelItems[panelItem.id] = panelItemController;
+        if ((_a = panelItem.panelItems) == null ? void 0 : _a.length) {
+          await this.initPanelItemControllers(
+            panelItem.panelItems,
+            panel,
+            panelItemController
+          );
+        }
+      })
+    );
+  }
+  /**
+   * 部件加载，获取数据，并执行一系列后续初始化逻辑
+   *
+   * @author lxm
+   * @date 2023-02-10 01:46:24
+   * @memberof PanelController
+   */
+  async load() {
+    const data = await this.prepareData();
+    if (!data) {
+      throw new core.RuntimeError("未获取到面板数据");
+    }
+    const panelData = this.convertData(data);
+    this.state.data = panelData;
+    this.panelStateNotify(runtime.PanelNotifyState.LOAD);
+  }
+  /**
+   * 根据获取模式准备原始数据
+   *
+   * @author lxm
+   * @date 2023-02-10 02:04:39
+   * @returns {*}  {(Promise<IData | undefined>)}
+   * @memberof PanelController
+   */
+  async prepareData() {
+    let data;
+    switch (this.model.dataMode) {
+      case 1:
+        if (this.inputData) {
+          data = this.inputData;
+        }
+        break;
+      case 0:
+        data = this.inputData || {};
+        break;
+      default:
+        throw new core.ModelError(
+          this.model,
+          `未支持的数据获取模式${this.model.dataMode}`
+        );
+    }
+    return data;
+  }
+  /**
+   * 转换原始数据，映射面板属性
+   *
+   * @author lxm
+   * @date 2023-02-10 02:10:41
+   * @param {IData} data
+   * @returns {*}  {IData}
+   * @memberof PanelController
+   */
+  convertData(data) {
+    return data;
+  }
+  /**
+   * 通知所有面板成员面板操作过程中的数据变更
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:40
+   * @param {string[]} names
+   */
+  dataChangeNotify(names) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.dataChangeNotify(names);
+    });
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  panelStateNotify(state) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.panelStateNotify(state);
+    });
+  }
+  /**
+   * 设置面板数据的值
+   *
+   * @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;
+    this.dataChangeNotify([name]);
+  }
+}
+exports.PanelController = PanelController;

package/lib/control/panel/view-layout-panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './view-layout-panel-provider';
+export * from './view-layout-panel.controller';
+export * from './view-layout-panel';

package/lib/control/panel/view-layout-panel/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const viewLayoutPanelProvider = require("./view-layout-panel-provider");
+const viewLayoutPanel_controller = require("./view-layout-panel.controller");
+const viewLayoutPanel = require("./view-layout-panel");
+Object.keys(viewLayoutPanelProvider).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => viewLayoutPanelProvider[k]
+    });
+});
+Object.keys(viewLayoutPanel_controller).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => viewLayoutPanel_controller[k]
+    });
+});
+Object.keys(viewLayoutPanel).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => viewLayoutPanel[k]
+    });
+});

package/lib/control/panel/view-layout-panel/view-layout-panel-provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 视图布局面板部件适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class ViewLayoutPanelProvider
+ * @implements {IControlProvider}
+ */
+export declare class ViewLayoutPanelProvider implements IControlProvider {
+    component: string;
+}

package/lib/control/panel/view-layout-panel/view-layout-panel-provider.js

@@ -0,0 +1,14 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class ViewLayoutPanelProvider {
+  constructor() {
+    __publicField(this, "component", "ViewLayoutPanelControl");
+  }
+}
+exports.ViewLayoutPanelProvider = ViewLayoutPanelProvider;

package/lib/control/panel/view-layout-panel/view-layout-panel.controller.d.ts

@@ -0,0 +1,38 @@
+import { EventBase, IViewLayoutPanelController, ViewLogicDispatcher } from '@ibiz-template/runtime';
+import { IViewLayoutPanel } from '@ibiz/model-core';
+import { PanelController } from '../panel/panel.controller';
+/**
+ * 视图布局面板部件控制器
+ *
+ * @author lxm
+ * @date 2022-09-08 20:09:55
+ * @export
+ * @class ViewLayoutPanelController
+ * @extends {ControlController<ViewLayoutPanelModel>}
+ */
+export declare class ViewLayoutPanelController extends PanelController<IViewLayoutPanel> implements IViewLayoutPanelController {
+    /**
+     * 视图逻辑的事件调度分发器
+     * @author lxm
+     * @date 2023-03-23 08:15:02
+     * @type {ViewLogicDispatcher}
+     */
+    logicDispatcher: ViewLogicDispatcher;
+    /**
+     * 视图打开方式(默认路由)
+     * @author lxm
+     * @date 2023-03-28 08:08:49
+     * @readonly
+     */
+    get viewMode(): import("@ibiz-template/runtime").ViewMode;
+    protected doCreated(): Promise<void>;
+    doDestroyed(): void;
+    /**
+     * 监听所有部件的事件
+     * @author lxm
+     * @date 2023-03-28 07:53:38
+     * @param {EventBase} event
+     * @return {*}  {Promise<void>}
+     */
+    onCtrlEvent(event: EventBase): Promise<void>;
+}

package/lib/control/panel/view-layout-panel/view-layout-panel.controller.js

@@ -0,0 +1,57 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const runtime = require("@ibiz-template/runtime");
+const panel_controller = require("../panel/panel.controller");
+class ViewLayoutPanelController extends panel_controller.PanelController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 视图逻辑的事件调度分发器
+     * @author lxm
+     * @date 2023-03-23 08:15:02
+     * @type {ViewLogicDispatcher}
+     */
+    __publicField(this, "logicDispatcher");
+  }
+  /**
+   * 视图打开方式(默认路由)
+   * @author lxm
+   * @date 2023-03-28 08:08:49
+   * @readonly
+   */
+  get viewMode() {
+    return this.ctx.view.modal.mode;
+  }
+  async doCreated() {
+    await super.doCreated();
+    const { appViewLogics } = this.model;
+    this.logicDispatcher = new runtime.ViewLogicDispatcher(this.context, this.params);
+    if (appViewLogics == null ? void 0 : appViewLogics.length) {
+      await this.logicDispatcher.init(appViewLogics);
+    }
+    this.ctx.view.evt.onAll((_name, event) => {
+      return this.logicDispatcher.view.fire(event);
+    });
+  }
+  doDestroyed() {
+    super.doDestroyed();
+    this.logicDispatcher.destroy();
+  }
+  /**
+   * 监听所有部件的事件
+   * @author lxm
+   * @date 2023-03-28 07:53:38
+   * @param {EventBase} event
+   * @return {*}  {Promise<void>}
+   */
+  onCtrlEvent(event) {
+    return this.logicDispatcher.ctrl.fire(event);
+  }
+}
+exports.ViewLayoutPanelController = ViewLayoutPanelController;

package/lib/control/panel/view-layout-panel/view-layout-panel.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { IViewLayoutPanel } from '@ibiz/model-core';
+import { ViewLayoutPanelController } from './view-layout-panel.controller';
+import './view-layout-panel.scss';
+/**
+ * 视图布局面板组件
+ */
+export declare const ViewLayoutPanel: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    inputData: PropType<IData>;
+}, {
+    c: ViewLayoutPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    inputData: PropType<IData>;
+}>>, {
+    params: IParams;
+}>;

package/lib/control/{toolbar-control → toolbar}/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const runtime = require("@ibiz-template/runtime");
-const install = require("../../util/install");
+const vue3Util = require("@ibiz-template/vue3-util");
 const toolbarControl = require("./toolbar-control");
 const toolbarProvider = require("./toolbar-provider");
-const IbizToolbar = install.withInstall(toolbarControl.ToolbarControl, function(v) {
+const IBizToolbar = vue3Util.withInstall(toolbarControl.ToolbarControl, function(v) {
   v.component(toolbarControl.ToolbarControl.name, toolbarControl.ToolbarControl);
-  ibiz.register.control.register(runtime.ControlType.TOOLBAR, new toolbarProvider.ToolbarProvider());
+  runtime.registerControlProvider(runtime.ControlType.TOOLBAR, () => new toolbarProvider.ToolbarProvider());
 });
-exports.IbizToolbar = IbizToolbar;
-exports.default = IbizToolbar;
+exports.IBizToolbar = IBizToolbar;
+exports.default = IBizToolbar;

package/{es/control/toolbar-control → lib/control/toolbar}/toolbar-control.d.ts

@@ -1,5 +1,7 @@
 import { PropType } from 'vue';
 import './toolbar-control.scss';
+import { IDEToolbar, IDEToolbarItem } from '@ibiz/model-core';
+import { ToolbarController } from './toolbar.controllerr';
 export declare const ToolbarControl: import("vue").DefineComponent<{
     modelData: {
         type: PropType<IDEToolbar>;
@@ -13,14 +15,10 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
         type: PropType<IParams>;
         default: () => {};
     };
-    viewMode: {
-        type: StringConstructor;
-        required: true;
-    };
 }, {
-    c: any;
+    c: ToolbarController;
     btnSize: import("vue").ComputedRef<"small" | "default">;
-    ns: any;
+    ns: import("@ibiz-template/core").Namespace;
     handleClick: (item: IDEToolbarItem, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
@@ -35,10 +33,6 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
         type: PropType<IParams>;
         default: () => {};
     };
-    viewMode: {
-        type: StringConstructor;
-        required: true;
-    };
 }>>, {
     params: IParams;
 }>;

package/lib/control/toolbar/toolbar-state.d.ts

@@ -0,0 +1,24 @@
+import { ControlState, IButtonContainerState, ViewMode } from '@ibiz-template/runtime';
+/**
+ * 工具栏部件UI状态
+ *
+ * @export
+ * @class ToolbarState
+ * @extends {ControlState}
+ */
+export declare class ToolbarState extends ControlState {
+    /**
+     * 工具栏按钮状态
+     *
+     * @type {(IButtonContainerState | null)}
+     * @memberof PortletPartState
+     */
+    buttonsState: IButtonContainerState;
+    /**
+     * 视图模式
+     * @author lxm
+     * @date 2023-04-27 01:09:22
+     * @type {ViewMode}
+     */
+    viewMode: ViewMode;
+}

package/lib/control/toolbar/toolbar-state.js

@@ -0,0 +1,29 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const runtime = require("@ibiz-template/runtime");
+class ToolbarState extends runtime.ControlState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 工具栏按钮状态
+     *
+     * @type {(IButtonContainerState | null)}
+     * @memberof PortletPartState
+     */
+    __publicField(this, "buttonsState", new runtime.ButtonContainerState());
+    /**
+     * 视图模式
+     * @author lxm
+     * @date 2023-04-27 01:09:22
+     * @type {ViewMode}
+     */
+    __publicField(this, "viewMode", runtime.ViewMode.EMBED);
+  }
+}
+exports.ToolbarState = ToolbarState;

package/lib/control/toolbar/toolbar.controllerr.d.ts

@@ -0,0 +1,33 @@
+import { ControlController, ControllerEvent, IToolbarEvent, IToolbarController } from '@ibiz-template/runtime';
+import { IDEToolbar, IDEToolbarItem } from '@ibiz/model-core';
+import { ToolbarState } from './toolbar-state';
+/**
+ * 工具栏控制器
+ * @author lxm
+ * @date 2023-03-28 06:44:26
+ * @export
+ * @class ToolbarController
+ * @extends {ControlController<ToolbarModel>}
+ */
+export declare class ToolbarController extends ControlController<IDEToolbar> implements IToolbarController {
+    state: ToolbarState;
+    evt: ControllerEvent<IToolbarEvent>;
+    /**
+     * 执行按钮的界面行为（如果按钮存在界面行为的话）
+     * @author lxm
+     * @date 2023-05-10 09:20:35
+     * @return {*}  {IData[]}
+     */
+    protected doUIAction(item: IDEToolbarItem): Promise<void>;
+    protected doCreated(): Promise<void>;
+    /**
+     * 工具栏按钮点击事件
+     * @author lxm
+     * @date 2023-03-28 07:10:55
+     * @param {IPSDEToolbarItem} item
+     * @param {MouseEvent} event
+     * @return {*}  {Promise<void>}
+     */
+    onItemClick(item: IDEToolbarItem, event: MouseEvent): Promise<void>;
+    calcButtonState(data?: IDatum, appDeId?: string): void;
+}