@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/panel-component/nav-pos-index/nav-pos-index.controller.mjs

@@ -0,0 +1,215 @@
+import { PanelItemController, ViewMode, Modal } from '@ibiz-template/runtime';
+import { routerCallback } from '@ibiz-template/vue3-util';
+import { NavPosIndexState } from './nav-pos-index.state.mjs';
+
+"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 NavPosIndexController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 导航视图的modal
+     * @author lxm
+     * @date 2023-05-12 09:47:52
+     * @type {{ [key: string]: IModal }}
+     */
+    __publicField(this, "viewModals", {});
+    /**
+     * router对象
+     * @author lxm
+     * @date 2023-05-25 08:02:43
+     * @type {Router}
+     */
+    __publicField(this, "router");
+    /**
+     * 是否关闭后自动跳转上一个页面
+     * @author lxm
+     * @date 2023-05-25 08:43:49
+     * @type {boolean}
+     */
+    __publicField(this, "autoGoLast", true);
+  }
+  createState() {
+    var _a;
+    return new NavPosIndexState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  setRouter(router) {
+    this.router = router;
+  }
+  /**
+   * 当前视图的路由层级，非路由模式不存在。
+   * @author lxm
+   * @date 2023-05-09 12:46:26
+   * @readonly
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * 应用菜单控制器
+   * @author lxm
+   * @date 2023-05-10 08:41:42
+   * @readonly
+   * @type {(IAppMenuController | undefined)}
+   */
+  get appmenu() {
+    return this.panel.getController("appmenu");
+  }
+  /**
+   * 改变显示视图
+   * @author lxm
+   * @date 2023-05-25 01:28:49
+   * @param {string} key
+   */
+  changeView(key) {
+    var _a;
+    const find = this.state.navViewMsgs[key];
+    if (find == null ? void 0 : find.fullPath) {
+      (_a = this.router) == null ? void 0 : _a.push(find.fullPath);
+    }
+  }
+  /**
+   * 路由变更,新视图进缓存并初始化，已有的就只切换。
+   * @author lxm
+   * @date 2023-05-25 03:07:07
+   * @param {{ currentKey: string; fullPath: string }} { currentKey }
+   * @return {*}
+   */
+  onRouteChange({
+    currentKey,
+    fullPath
+  }) {
+    var _a;
+    if (this.state.currentKey !== currentKey) {
+      this.state.currentKey = currentKey;
+      if (this.state.cacheKeys.includes(currentKey)) {
+        const lastFullPath = this.state.navViewMsgs[currentKey].fullPath;
+        (_a = this.router) == null ? void 0 : _a.push({ path: lastFullPath });
+      }
+    }
+    if (currentKey === "") {
+      return;
+    }
+    const index = this.state.operateSort.indexOf(currentKey);
+    if (index !== -1) {
+      this.state.operateSort.splice(index, 1);
+    }
+    this.state.operateSort.push(currentKey);
+    if (!this.state.cacheKeys.includes(currentKey)) {
+      this.state.cacheKeys.push(currentKey);
+      if (this.routeDepth) {
+        this.viewModals[currentKey] = new Modal({
+          mode: ViewMode.ROUTE,
+          viewUsage: 1,
+          routeDepth: this.routeDepth + 1,
+          dismiss: (modal) => {
+            this.dismiss(currentKey, modal);
+          }
+        });
+      }
+    }
+    if (this.state.navViewMsgs[currentKey]) {
+      this.state.navViewMsgs[currentKey].fullPath = fullPath;
+    } else {
+      ibiz.log.debug("\u7EF4\u62A4\u5BFC\u822A\u89C6\u56FE\u4FE1\u606F", currentKey, fullPath);
+      this.state.navViewMsgs[currentKey] = {
+        key: currentKey,
+        fullPath
+      };
+      routerCallback.active(currentKey);
+    }
+  }
+  /**
+   * 删除单个缓存
+   * @author lxm
+   * @date 2023-05-09 02:19:09
+   * @param {string} key
+   */
+  removeCache(key) {
+    const index = this.state.cacheKeys.indexOf(key);
+    if (index !== -1) {
+      this.state.cacheKeys.splice(index, 1);
+      delete this.viewModals[key];
+      delete this.state.navViewMsgs[key];
+      const operateIndex = this.state.operateSort.indexOf(key);
+      if (operateIndex !== -1) {
+        this.state.operateSort.splice(operateIndex, 1);
+      }
+    }
+  }
+  /**
+   * 清空缓存
+   * @author lxm
+   * @date 2023-05-09 02:19:55
+   */
+  clearCache() {
+    this.state.cacheKeys = [];
+    this.viewModals = {};
+  }
+  /**
+   * 关闭视图
+   * 走modal的dismiss,会走一遍视图内部的校验，不通过则不会关闭
+   * @author lxm
+   * @date 2023-05-25 03:10:23
+   * @param {string} keys
+   */
+  async closeViewByKeys(keys) {
+    this.autoGoLast = false;
+    for (let index = 0; index < keys.length; index++) {
+      const key = keys[index];
+      const modal = this.viewModals[key];
+      await modal.dismiss();
+    }
+    this.goLast();
+    this.autoGoLast = true;
+  }
+  /**
+   * 自身的dismiss相关操作
+   *
+   * @author chitanda
+   * @date 2023-07-12 22:07:09
+   * @protected
+   * @param {string} key
+   * @param {IModalData} modal
+   * @return {*}
+   */
+  dismiss(key, modal) {
+    routerCallback.close(key, modal);
+    this.removeCache(key);
+    if (this.autoGoLast) {
+      this.goLast();
+    }
+  }
+  /**
+   * 返回上一个页面或上一层空白路由
+   * @author lxm
+   * @date 2023-05-25 06:46:27
+   * @protected
+   */
+  goLast() {
+    const lastKey = this.state.operateSort.pop();
+    if (lastKey) {
+      if (this.state.currentKey === lastKey) {
+        this.state.operateSort.push(lastKey);
+        return;
+      }
+      const fullPath = this.state.navViewMsgs[lastKey].fullPath;
+      this.router.push(fullPath);
+    } else {
+      const route = this.router.currentRoute.value;
+      const { appContext } = route.params;
+      let indexPath = `/${appContext}`;
+      for (let index = 1; index <= this.routeDepth; index++) {
+        indexPath += `/${route.params[`view${index}`]}/${ibiz.env.routePlaceholder}`;
+      }
+      this.router.push(indexPath);
+    }
+  }
+}
+
+export { NavPosIndexController };

package/es/panel-component/nav-pos-index/nav-pos-index.css

@@ -0,0 +1 @@
+.ibiz-nav-pos-index{width:100%;height:100%;overflow:hidden}

package/es/panel-component/nav-pos-index/nav-pos-index.d.ts

@@ -0,0 +1,26 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { NavPosIndexController } from './nav-pos-index.controller';
+import './nav-pos-index.scss';
+export declare const NavPosIndex: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof NavPosIndexController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: NavPosIndexController;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof NavPosIndexController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/nav-pos-index/nav-pos-index.mjs

@@ -0,0 +1,79 @@
+import { resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace, onRouteChange } from '@ibiz-template/vue3-util';
+import { useRouter, useRoute } from 'vue-router';
+import { NavPosIndexController } from './nav-pos-index.controller.mjs';
+import './nav-pos-index.css';
+
+"use strict";
+const NavPosIndex = /* @__PURE__ */ defineComponent({
+  name: "IBizNavPosIndex",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: NavPosIndexController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const c = props.controller;
+    const ns = useNamespace("nav-pos-index");
+    const router = useRouter();
+    c.setRouter(router);
+    if (c.routeDepth) {
+      onRouteChange((args) => {
+        c.onRouteChange(args);
+      }, c.routeDepth + 1);
+      if (c.panel.view.model.viewType === "APPINDEXVIEW") {
+        const route = useRoute();
+        let cacheFullPath = "";
+        (_a = c.appmenu) == null ? void 0 : _a.evt.on("onClick", () => {
+          cacheFullPath = route.fullPath;
+        });
+        router.beforeEach((to, from, next) => {
+          if (from.fullPath === cacheFullPath) {
+            c.clearCache();
+          }
+          next();
+        });
+      }
+    }
+    return {
+      ns,
+      c
+    };
+  },
+  render() {
+    const {
+      state,
+      viewModals
+    } = this.c;
+    const {
+      currentKey,
+      cacheKeys
+    } = state;
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, [this.c.routeDepth ? createVNode(resolveComponent("iBizRouterView"), {
+      "manualKey": currentKey,
+      "modal": viewModals[currentKey]
+    }, {
+      default: ({
+        Component
+      }) => {
+        return createVNode(resolveComponent("keepAlive"), {
+          "include": cacheKeys,
+          "max": 30,
+          "isKey": true
+        }, {
+          default: () => [Component && createVNode(Component, null, null)]
+        });
+      }
+    }) : createVNode("div", null, [createTextVNode("\u975E\u8DEF\u7531\u6A21\u5F0F\u5BFC\u822A\u5360\u4F4D\u6682\u672A\u652F\u6301")])]);
+  }
+});
+
+export { NavPosIndex };

package/es/panel-component/nav-pos-index/nav-pos-index.provider.d.ts

@@ -0,0 +1,16 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { NavPosIndexController } from './nav-pos-index.controller';
+/**
+ * 导航占位适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class NavPosIndexProvider
+ * @implements {EditorProvider}
+ */
+export declare class NavPosIndexProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<NavPosIndexController>;
+}

package/es/panel-component/nav-pos-index/nav-pos-index.provider.mjs

@@ -0,0 +1,21 @@
+import { NavPosIndexController } from './nav-pos-index.controller.mjs';
+
+"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 NavPosIndexProvider {
+  constructor() {
+    __publicField(this, "component", "IBizNavPosIndex");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new NavPosIndexController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { NavPosIndexProvider };

package/es/panel-component/nav-pos-index/nav-pos-index.state.d.ts

@@ -0,0 +1,42 @@
+import { INavViewMsg, PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 导航占位状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class NavPosIndexState
+ * @extends {PanelItemState}
+ */
+export declare class NavPosIndexState extends PanelItemState {
+    /**
+     * 当前导航视图标识
+     * @author lxm
+     * @date 2023-05-25 06:24:48
+     * @type {string}
+     */
+    currentKey: string;
+    /**
+     * 缓存的视图标识
+     * @author lxm
+     * @date 2023-05-25 06:25:21
+     * @type {string[]}
+     */
+    cacheKeys: string[];
+    /**
+     * 导航视图详细信息
+     * @author lxm
+     * @date 2023-05-25 07:07:05
+     * @type {INavViewMsg[]}
+     */
+    navViewMsgs: {
+        [p: string]: INavViewMsg;
+    };
+    /**
+     * 导航的视图的操作顺序
+     * @author lxm
+     * @date 2023-05-25 06:25:34
+     * @type {string[]}
+     */
+    operateSort: string[];
+}

package/es/panel-component/nav-pos-index/nav-pos-index.state.mjs

@@ -0,0 +1,44 @@
+import { PanelItemState } from '@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 NavPosIndexState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前导航视图标识
+     * @author lxm
+     * @date 2023-05-25 06:24:48
+     * @type {string}
+     */
+    __publicField(this, "currentKey", "");
+    /**
+     * 缓存的视图标识
+     * @author lxm
+     * @date 2023-05-25 06:25:21
+     * @type {string[]}
+     */
+    __publicField(this, "cacheKeys", ["RouterShell"]);
+    /**
+     * 导航视图详细信息
+     * @author lxm
+     * @date 2023-05-25 07:07:05
+     * @type {INavViewMsg[]}
+     */
+    __publicField(this, "navViewMsgs", {});
+    /**
+     * 导航的视图的操作顺序
+     * @author lxm
+     * @date 2023-05-25 06:25:34
+     * @type {string[]}
+     */
+    __publicField(this, "operateSort", []);
+  }
+}
+
+export { NavPosIndexState };

package/es/panel-component/panel-button/index.d.ts

@@ -0,0 +1,32 @@
+export * from './panel-button.provider';
+export * from './panel-button.controller';
+export declare const IBizPanelButton: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelButton>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("./panel-button.controller").PanelButtonController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    captionText: import("vue").ComputedRef<any>;
+    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "danger" | "success" | "warning">;
+    showCaption: boolean | undefined;
+    sysImage: import("@ibiz/model-core").ISysImage | undefined;
+    codeName: string | undefined;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    state: import("./panel-button.state").PanelButtonState;
+    handleButtonClick: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelButton>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("./panel-button.controller").PanelButtonController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizPanelButton;

package/es/panel-component/panel-button/index.mjs

@@ -0,0 +1,13 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelButton } from './panel-button.mjs';
+import { PanelButtonProvider } from './panel-button.provider.mjs';
+export { PanelButtonController } from './panel-button.controller.mjs';
+
+"use strict";
+const IBizPanelButton = withInstall(PanelButton, function(v) {
+  v.component(PanelButton.name, PanelButton);
+  registerPanelItemProvider("BUTTON", () => new PanelButtonProvider());
+});
+
+export { IBizPanelButton, PanelButtonProvider, IBizPanelButton as default };

package/es/panel-component/panel-button/panel-button.controller.d.ts

@@ -0,0 +1,82 @@
+import { PanelController, PanelItemController, PanelNotifyState, UIActionButtonState, ViewLayoutPanelController } from '@ibiz-template/runtime';
+import { IPanelButton } from '@ibiz/model-core';
+import { PanelButtonState } from './panel-button.state';
+/**
+ * 面板按钮控制器
+ *
+ * @export
+ * @class PanelButtonController
+ * @extends {PanelItemController<IPanelButton>}
+ */
+export declare class PanelButtonController extends PanelItemController<IPanelButton> {
+    state: PanelButtonState;
+    protected createState(): PanelButtonState;
+    /**
+     * 面板控制器
+     *
+     * @type {ViewLayoutPanelController}
+     * @memberof PanelButtonController
+     */
+    panel: ViewLayoutPanelController;
+    /**
+     * 父容器数据对象数据
+     * @author lxm
+     * @date 2023-07-15 01:33:58
+     * @readonly
+     * @type {IData}
+     */
+    get data(): IData;
+    /**
+     * Creates an instance of PanelButtonController.
+     * @param {IPanelButton} model
+     * @param {PanelController} panel
+     * @param {PanelItemController} [parent]
+     * @memberof PanelButtonController
+     */
+    constructor(model: IPanelButton, panel: PanelController, parent?: PanelItemController);
+    /**
+     * 初始化
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof PanelButtonController
+     */
+    onInit(): Promise<void>;
+    /**
+     * 创建界面行为状态对象
+     *
+     * @protected
+     * @return {*}  {PanelButtonState}
+     * @memberof PanelButtonController
+     */
+    protected createUIActionState(): UIActionButtonState;
+    /**
+     * 面板数据变更通知(由面板控制器调用)
+     *
+     * @param {string[]} names
+     * @memberof PanelButtonController
+     */
+    dataChangeNotify(names: string[]): Promise<void>;
+    /**
+     * 面板状态变更通知
+     *
+     * @param {PanelNotifyState} _state
+     * @memberof PanelButtonController
+     */
+    panelStateNotify(_state: PanelNotifyState): Promise<void>;
+    /**
+     * 更新按钮权限状态
+     *
+     * @memberof PanelButtonController
+     */
+    updateButtonState(): Promise<void>;
+    /**
+     * 行为点击
+     *
+     * @param {MouseEvent} event
+     * @return {*}  {Promise<void>}
+     * @memberof PanelButtonController
+     */
+    onActionClick(event: MouseEvent): Promise<void>;
+    calcItemVisible(data: IData): void;
+    calcItemDisabled(data: IData): void;
+}

package/es/panel-component/panel-button/panel-button.controller.mjs

@@ -0,0 +1,118 @@
+import { PanelItemController, UIActionButtonState, UIActionUtil } from '@ibiz-template/runtime';
+import { PanelButtonState } from './panel-button.state.mjs';
+
+"use strict";
+class PanelButtonController extends PanelItemController {
+  createState() {
+    var _a;
+    return new PanelButtonState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 父容器数据对象数据
+   * @author lxm
+   * @date 2023-07-15 01:33:58
+   * @readonly
+   * @type {IData}
+   */
+  get data() {
+    return this.dataParent.data;
+  }
+  /**
+   * Creates an instance of PanelButtonController.
+   * @param {IPanelButton} model
+   * @param {PanelController} panel
+   * @param {PanelItemController} [parent]
+   * @memberof PanelButtonController
+   */
+  constructor(model, panel, parent) {
+    super(model, panel, parent);
+    this.state.uiActionState = this.createUIActionState();
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonController
+   */
+  async onInit() {
+    await super.onInit();
+    this.updateButtonState();
+  }
+  /**
+   * 创建界面行为状态对象
+   *
+   * @protected
+   * @return {*}  {PanelButtonState}
+   * @memberof PanelButtonController
+   */
+  createUIActionState() {
+    const { uiactionId, name } = this.model;
+    return new UIActionButtonState(
+      name,
+      this.panel.context.srfappid,
+      uiactionId
+    );
+  }
+  /**
+   * 面板数据变更通知(由面板控制器调用)
+   *
+   * @param {string[]} names
+   * @memberof PanelButtonController
+   */
+  async dataChangeNotify(names) {
+    await this.updateButtonState();
+    super.dataChangeNotify(names);
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @param {PanelNotifyState} _state
+   * @memberof PanelButtonController
+   */
+  async panelStateNotify(_state) {
+    await this.updateButtonState();
+    super.panelStateNotify(_state);
+  }
+  /**
+   * 更新按钮权限状态
+   *
+   * @memberof PanelButtonController
+   */
+  async updateButtonState() {
+    await this.state.uiActionState.update(this.data);
+  }
+  /**
+   * 行为点击
+   *
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonController
+   */
+  async onActionClick(event) {
+    const { uiactionId } = this.model;
+    await UIActionUtil.execAndResolved(uiactionId, {
+      context: this.panel.context,
+      params: this.panel.params,
+      data: [this.data],
+      view: this.panel.view,
+      event,
+      noWaitRoute: true
+    });
+  }
+  calcItemVisible(data) {
+    if (this.state.uiActionState.visible === false) {
+      this.state.visible = false;
+      return;
+    }
+    super.calcItemVisible(data);
+  }
+  calcItemDisabled(data) {
+    if (this.state.uiActionState.disabled === true) {
+      this.state.disabled = true;
+      return;
+    }
+    super.calcItemDisabled(data);
+  }
+}
+
+export { PanelButtonController };