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

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

@@ -0,0 +1,217 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var navPosIndex_state = require('./nav-pos-index.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 NavPosIndexController extends runtime.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 navPosIndex_state.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 runtime.Modal({
+          mode: runtime.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
+      };
+      vue3Util.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) {
+    vue3Util.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);
+    }
+  }
+}
+
+exports.NavPosIndexController = NavPosIndexController;

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

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

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var navPosIndex_controller = require('./nav-pos-index.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 NavPosIndexProvider {
+  constructor() {
+    __publicField(this, "component", "IBizNavPosIndex");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new navPosIndex_controller.NavPosIndexController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.NavPosIndexProvider = NavPosIndexProvider;

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

@@ -0,0 +1,46 @@
+'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 NavPosIndexState extends runtime.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", []);
+  }
+}
+
+exports.NavPosIndexState = NavPosIndexState;

package/lib/panel-component/panel-button/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelButton = require('./panel-button.cjs');
+var panelButton_provider = require('./panel-button.provider.cjs');
+var panelButton_controller = require('./panel-button.controller.cjs');
+
+"use strict";
+const IBizPanelButton = vue3Util.withInstall(panelButton.PanelButton, function(v) {
+  v.component(panelButton.PanelButton.name, panelButton.PanelButton);
+  runtime.registerPanelItemProvider("BUTTON", () => new panelButton_provider.PanelButtonProvider());
+});
+
+exports.PanelButtonProvider = panelButton_provider.PanelButtonProvider;
+exports.PanelButtonController = panelButton_controller.PanelButtonController;
+exports.IBizPanelButton = IBizPanelButton;
+exports.default = IBizPanelButton;

package/lib/panel-component/panel-button/panel-button.cjs

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelButton_controller = require('./panel-button.controller.cjs');
+require('./panel-button.css');
+
+"use strict";
+const PanelButton = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelButton",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: panelButton_controller.PanelButtonController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("panel-button");
+    const {
+      caption,
+      captionItemName,
+      renderMode,
+      itemStyle,
+      showCaption,
+      sysImage,
+      codeName
+    } = props.modelData;
+    const {
+      panel,
+      state
+    } = props.controller;
+    const {
+      id
+    } = props.modelData;
+    const captionText = vue.computed(() => {
+      if (captionItemName && panel.data) {
+        return panel.data[captionItemName];
+      }
+      return caption;
+    });
+    const buttonType = vue.computed(() => {
+      if (Object.is(renderMode, "LINK")) {
+        return "text";
+      }
+      if (itemStyle) {
+        switch (itemStyle) {
+          case "PRIMARY":
+            return "primary";
+          case "SUCCESS":
+            return "success";
+          case "INFO":
+            return "default";
+          case "WARNING":
+            return "warning";
+          case "DANGER":
+            return "danger";
+          case "INVERSE":
+            return "default";
+          default:
+            return "default";
+        }
+      }
+      return "default";
+    });
+    const handleButtonClick = (event) => {
+      props.controller.onActionClick(event);
+    };
+    const classArr = vue.computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    return {
+      ns,
+      captionText,
+      buttonType,
+      showCaption,
+      sysImage,
+      codeName,
+      classArr,
+      state,
+      handleButtonClick
+    };
+  },
+  render() {
+    if (this.state.visible) {
+      return vue.createVNode(vue.resolveComponent("van-button"), {
+        "type": this.buttonType,
+        "disabled": this.state.disabled,
+        "onClick": this.handleButtonClick,
+        "class": this.classArr
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": this.ns.b("content")
+        }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+          "class": this.ns.bm("content", "icon"),
+          "icon": this.sysImage
+        }, null), vue.createVNode("span", {
+          "class": this.ns.bm("content", "caption")
+        }, [this.showCaption ? this.captionText : null])])]
+      });
+    }
+    return null;
+  }
+});
+
+exports.PanelButton = PanelButton;
+exports.default = PanelButton;

package/lib/panel-component/panel-button/panel-button.controller.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var panelButton_state = require('./panel-button.state.cjs');
+
+"use strict";
+class PanelButtonController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new panelButton_state.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 runtime.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 runtime.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);
+  }
+}
+
+exports.PanelButtonController = PanelButtonController;

package/lib/panel-component/panel-button/panel-button.css

@@ -0,0 +1 @@
+.ibiz-panel-button{width:100%;height:100%}

package/lib/panel-component/panel-button/panel-button.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var panelButton_controller = require('./panel-button.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 PanelButtonProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelButton");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelButton_controller.PanelButtonController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelButtonProvider = PanelButtonProvider;

package/lib/panel-component/panel-button/panel-button.state.cjs

@@ -0,0 +1,32 @@
+'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 PanelButtonState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 加载中
+     * @author lxm
+     * @date 2023-07-21 10:11:21
+     * @type {boolean}
+     */
+    __publicField(this, "loading", false);
+    /**
+     * 界面行为状态
+     * @author lxm
+     * @date 2023-07-21 03:34:27
+     * @type {UIActionButtonState}
+     */
+    __publicField(this, "uiActionState");
+  }
+}
+
+exports.PanelButtonState = PanelButtonState;

package/lib/panel-component/view-content-panel-container/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var viewContentPanelContainer = require('./view-content-panel-container.cjs');
+var viewContentPanelContainer_provider = require('./view-content-panel-container.provider.cjs');
+
+"use strict";
+const IBizViewContentPanelContainer = vue3Util.withInstall(
+  viewContentPanelContainer.ViewContentPanelContainer,
+  function(v) {
+    v.component(viewContentPanelContainer.ViewContentPanelContainer.name, viewContentPanelContainer.ViewContentPanelContainer);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTENT",
+      () => new viewContentPanelContainer_provider.ViewContentPanelContainerProvider()
+    );
+  }
+);
+
+exports.IBizViewContentPanelContainer = IBizViewContentPanelContainer;
+exports.default = IBizViewContentPanelContainer;