@ibiz-template/mob-vue3-components 0.7.41-alpha.19 → 0.7.41-alpha.20

package/lib/panel-component/view-msg-pos/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var viewMsgPos = require('./view-msg-pos.cjs');
+var viewMsgPos_provider = require('./view-msg-pos.provider.cjs');
+var viewMsgPos_controller = require('./view-msg-pos.controller.cjs');
+
+"use strict";
+const IBizViewMsgPos = vue3Util.withInstall(viewMsgPos.ViewMsgPos, function(v) {
+  v.component(viewMsgPos.ViewMsgPos.name, viewMsgPos.ViewMsgPos);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_VIEWMSG_POS",
+    () => new viewMsgPos_provider.ViewMsgPosProvider()
+  );
+});
+
+exports.ViewMsgPosController = viewMsgPos_controller.ViewMsgPosController;
+exports.IBizViewMsgPos = IBizViewMsgPos;
+exports.default = IBizViewMsgPos;

package/lib/panel-component/view-msg-pos/view-msg-pos.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var viewMsgPos_controller = require('./view-msg-pos.controller.cjs');
+
+"use strict";
+const ViewMsgPos = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewMsgPos",
+  props: {
+    /**
+     * @description 视图消息占位控件模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 视图消息占位控件控制器
+     */
+    controller: {
+      type: viewMsgPos_controller.ViewMsgPosController,
+      required: true
+    }
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("view-msg-pos");
+    const ctx = vue3Util.useCtx();
+    const view = ctx.view;
+    return {
+      ns,
+      view
+    };
+  },
+  render() {
+    const c = this.controller;
+    if (!this.view.state.isCreated) {
+      return;
+    }
+    const position = c.rawItemParams.position || "BODY";
+    const scroll = c.rawItemParams.scroll === "true";
+    const viewMessages = this.view.state.viewMessages[position];
+    if (viewMessages == null ? void 0 : viewMessages.length) {
+      return vue.createVNode("div", {
+        "class": this.ns.b()
+      }, [vue.createVNode(vue.resolveComponent("view-message"), {
+        "messages": viewMessages,
+        "scroll": scroll,
+        "context": c.panel.context,
+        "params": c.panel.params,
+        "controller": c.panel.view.viewMsgController
+      }, null)]);
+    }
+    return null;
+  }
+});
+
+exports.ViewMsgPos = ViewMsgPos;

package/lib/panel-component/view-msg-pos/view-msg-pos.controller.cjs

@@ -0,0 +1,48 @@
+'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 ViewMsgPosController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 直接内容项参数
+     * @exposedoc
+     * @type {IData}
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * 处理直接内容项参数
+   *
+   * @author zhanghengfeng
+   * @date 2024-04-08 19:04:59
+   * @protected
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+exports.ViewMsgPosController = ViewMsgPosController;

package/lib/panel-component/view-msg-pos/view-msg-pos.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var viewMsgPos_controller = require('./view-msg-pos.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 ViewMsgPosProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewMsgPos");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new viewMsgPos_controller.ViewMsgPosController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ViewMsgPosProvider = ViewMsgPosProvider;

package/lib/panel-component/wf-step-trace/wf-step-trace.cjs

@@ -53,8 +53,8 @@ const WFStepTrace = /* @__PURE__ */ vue.defineComponent({
           "class": this.ns.b("task-item")
         }, [vue.createVNode(vue.resolveComponent("van-field"), {
           "readonly": true,
-          "modelValue": task.type,
-          "onUpdate:modelValue": ($event) => task.type = $event,
+          "modelValue": task.taskName,
+          "onUpdate:modelValue": ($event) => task.taskName = $event,
           "label": ibiz.i18n.t("panelComponent.wfStepTrace.processingSteps")
         }, null)]), vue.createVNode("div", {
           "class": this.ns.b("task-item")
@@ -66,10 +66,17 @@ const WFStepTrace = /* @__PURE__ */ vue.defineComponent({
         }, null)]), vue.createVNode("div", {
           "class": this.ns.b("task-item")
         }, [vue.createVNode(vue.resolveComponent("van-field"), {
-          "modelValue": task.taskName,
-          "onUpdate:modelValue": ($event) => task.taskName = $event,
+          "modelValue": task.type,
+          "onUpdate:modelValue": ($event) => task.type = $event,
           "readonly": true,
           "label": ibiz.i18n.t("panelComponent.wfStepTrace.submissionPath")
+        }, null)]), task.fullmessage && vue.createVNode("div", {
+          "class": this.ns.b("task-item")
+        }, [vue.createVNode(vue.resolveComponent("van-field"), {
+          "modelValue": task.fullmessage,
+          "onUpdate:modelValue": ($event) => task.fullmessage = $event,
+          "readonly": true,
+          "label": ibiz.i18n.t("panelComponent.wfStepTrace.processInformation")
         }, null)])])]
       });
     })) ? _slot : {

package/lib/util/app-drawer/app-drawer-component.cjs

@@ -89,7 +89,7 @@ const AppDrawerComponent = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    return vue.createVNode(vue.resolveComponent("van-popup"), {
+    return vue.createVNode(vue.resolveComponent("van-popup"), vue.mergeProps({
       "show": this.isShow,
       "onUpdate:show": ($event) => this.isShow = $event,
       "lock-scroll": true,
@@ -102,7 +102,7 @@ const AppDrawerComponent = /* @__PURE__ */ vue.defineComponent({
       "position": this.direction,
       "z-index": this.drawerZIndex,
       "before-close": this.onBeforeClose
-    }, {
+    }, this.opts.attrs), {
       default: () => {
         var _a, _b;
         return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal)];

package/lib/util/button-util/button-util.cjs

@@ -1,10 +1,29 @@
 'use strict';
 
 "use strict";
-function convertBtnType(buttonStyle) {
+function convertBtnType(detail) {
+  const { buttonStyle, actionLevel } = detail;
   let buttonType = "default";
-  if (buttonStyle && ["PRIMARY", "SUCCESS", "WARNING", "DANGER"].includes(buttonStyle))
+  if (buttonStyle)
     buttonType = buttonStyle.toLowerCase();
+  if (buttonStyle === "STYLE2") {
+    buttonType = "primary";
+  }
+  if (buttonStyle === "STYLE3") {
+    buttonType = "inverse";
+  }
+  if (buttonStyle === "STYLE4") {
+    buttonType = "danger";
+  }
+  if (actionLevel === 250) {
+    buttonType = "danger";
+  }
+  if (actionLevel === 200) {
+    buttonType = "primary";
+  }
+  if (actionLevel === 50) {
+    buttonType = "inverse";
+  }
   return buttonType;
 }
 

package/lib/util/index.cjs

@@ -15,6 +15,7 @@ require('./store/index.cjs');
 var usePopstateUtil = require('./use-popstate-util/use-popstate-util.cjs');
 var qrcodeUtil = require('./qrcode-util/qrcode-util.cjs');
 var buttonUtil = require('./button-util/button-util.cjs');
+var listRenderUtil = require('./list-util/list-render-util.cjs');
 var viewStack = require('./store/view-stack/view-stack.cjs');
 
 "use strict";
@@ -33,5 +34,6 @@ exports.FullscreenUtil = fullscreenUtil.FullscreenUtil;
 exports.usePopstateListener = usePopstateUtil.usePopstateListener;
 exports.QrcodeUtil = qrcodeUtil.QrcodeUtil;
 exports.convertBtnType = buttonUtil.convertBtnType;
+exports.useListRender = listRenderUtil.useListRender;
 exports.calcUniqueKey = viewStack.calcUniqueKey;
 exports.useViewStack = viewStack.useViewStack;

package/lib/util/list-util/list-render-util.cjs

@@ -0,0 +1,263 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+function useListRender(props, c, ns) {
+  const {
+    name,
+    enablePagingBar,
+    pagingMode,
+    controlStyle,
+    itemLayoutPanel,
+    controls = [],
+    emptyText,
+    emptyTextLanguageRes
+  } = c.model;
+  const isLoadError = vue.ref(false);
+  const isLodeFinished = vue.ref(enablePagingBar === true || pagingMode === 3);
+  const enableLoadMore = vue.computed(() => {
+    return c.state.items.length < c.state.total && c.state.total > c.state.size;
+  });
+  c.evt.on("onLoadSuccess", () => {
+    if (!enablePagingBar && pagingMode !== 3) {
+      isLodeFinished.value = c.state.items.length >= c.state.total || c.state.total <= c.state.size;
+    }
+  });
+  c.evt.on("onLoadError", () => {
+    isLoadError.value = true;
+    c.state.curPage -= 1;
+  });
+  const initSimpleData = () => {
+    if (!props.data) {
+      return;
+    }
+    c.state.items = props.data.map((item) => new runtime.ControlVO(item));
+    c.afterLoad({}, c.state.items);
+  };
+  c.evt.on("onCreated", async () => {
+    if (props.isSimple) {
+      initSimpleData();
+      c.state.isSimple = true;
+      c.state.isLoaded = true;
+    }
+  });
+  vue.watch(() => props.data, () => {
+    if (props.isSimple) {
+      initSimpleData();
+    }
+  }, {
+    deep: true
+  });
+  const isSelect = (row) => {
+    const findIndex = c.state.selectedData.findIndex((data) => {
+      return data.srfkey === row.srfkey;
+    });
+    return findIndex !== -1;
+  };
+  const calcItemClass = (row) => {
+    const select = isSelect(row);
+    const itemClass = [ns.b("item"), ns.is("active", select)];
+    return itemClass;
+  };
+  const calcItemStyle = (row) => {
+    const cardStyle = {};
+    Object.assign(cardStyle, ns.cssVarBlock({
+      "color-bg": `${row.bgcolor || ""}`,
+      "color-text": `${row.fontcolor || ""}`,
+      "color-item-active": `${row.activecolor || ""}`
+    }));
+    return cardStyle;
+  };
+  const renderRightSlot = (row) => {
+    const select = isSelect(row);
+    return vue.createVNode(vue.resolveComponent("van-checkbox"), {
+      "class": ns.be("item", "right"),
+      "checked": select
+    }, null);
+  };
+  const renderIcon = (row) => {
+    return vue.createVNode("img", {
+      "class": ns.b("image"),
+      "src": row.image,
+      "alt": ""
+    }, null);
+  };
+  const renderItemContent = (row) => {
+    const itemClass = calcItemClass(row);
+    const itemStyle = calcItemStyle(row);
+    const slotOption = {};
+    if (Object.prototype.hasOwnProperty.call(row, "image") && row.image) {
+      Object.assign(slotOption, {
+        icon: renderIcon(row)
+      });
+    }
+    if (props.mode === "SELECT") {
+      Object.assign(slotOption, {
+        icon: renderRightSlot(row)
+      });
+    }
+    return vue.createVNode(vue.resolveComponent("van-cell"), {
+      "class": itemClass,
+      "style": itemStyle,
+      "is-link": true,
+      "title": row.srfmajortext || "",
+      "onClick": (event) => c.onRowClick(row, event)
+    }, _isSlot(slotOption) ? slotOption : {
+      default: () => [slotOption]
+    });
+  };
+  const renderPanelItem = (item, modelData) => {
+    const {
+      context,
+      params
+    } = c;
+    const itemClass = calcItemClass(item);
+    const itemStyle = calcItemStyle(item);
+    if (props.mode !== "SELECT" && controlStyle !== "EXTVIEW1") {
+      itemClass.push("van-hairline--bottom");
+    }
+    const content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+      "data": item,
+      "class": itemClass,
+      "style": itemStyle,
+      "modelData": modelData,
+      "context": context,
+      "params": params,
+      "onClick": (event) => c.onRowClick(item, event)
+    }, null);
+    if (props.mode === "SELECT") {
+      const classNames = [ns.b("select-item"), ns.is("active", isSelect(item))];
+      if (controlStyle !== "EXTVIEW1") {
+        classNames.push("van-hairline--bottom");
+      }
+      return vue.createVNode("div", {
+        "class": classNames
+      }, [vue.createVNode(vue.resolveComponent("van-checkbox"), {
+        "class": ns.be("select-item", "left"),
+        "checked": isSelect(item),
+        "onClick": (event) => c.onRowClick(item, event)
+      }, null), content]);
+    }
+    return content;
+  };
+  const renderItem = (row) => {
+    return props.modelData.name !== "simplelist" && itemLayoutPanel ? renderPanelItem(row, itemLayoutPanel) : renderItemContent(row);
+  };
+  const renderNoData = () => {
+    const {
+      isLoaded
+    } = c.state;
+    if (!isLoaded) {
+      return;
+    }
+    const ctrlModel = controls.find((item) => {
+      return item.name === `${name}_quicktoolbar`;
+    });
+    if (ctrlModel) {
+      return vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
+        "modelData": ctrlModel,
+        "context": c.context,
+        "params": c.params,
+        "class": ns.b("quicktoolbar")
+      }, null);
+    }
+    return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
+      "text": emptyText,
+      "emptyTextLanguageRes": emptyTextLanguageRes
+    }, null);
+  };
+  const renderLoadMore = () => {
+    let icon = null;
+    if (pagingMode === 3 && enableLoadMore.value) {
+      icon = vue.createVNode(vue.resolveComponent("iBizAddMore"), {
+        "onClick": () => c.loadMore()
+      }, null);
+    }
+    return icon;
+  };
+  const renderAddItem = (group) => {
+    if (!c.enableNew) {
+      return null;
+    }
+    return vue.createVNode(vue.resolveComponent("iBizAddBtn"), {
+      "onAddClick": (event) => {
+        c.onClickNew(event, group == null ? void 0 : group.key);
+      }
+    }, null);
+  };
+  const renderScrollList = (slots) => {
+    if (!c.state.isLoaded) {
+      return null;
+    }
+    return vue.createVNode(vue.resolveComponent("van-list"), {
+      "class": [ns.e("content"), ns.is("show-under-line", controlStyle !== "EXTVIEW1")],
+      "loading": c.state.isLoading,
+      "error": isLoadError.value,
+      "onUpdate:error": ($event) => isLoadError.value = $event,
+      "offset": 50,
+      "finished": isLodeFinished.value,
+      "immediate-check": false,
+      "loading-text": ibiz.i18n.t("control.common.loadMore"),
+      "finished-text": ibiz.i18n.t("control.common.loadFinish"),
+      "error-text": ibiz.i18n.t("control.common.loadError"),
+      "onLoad": () => c.loadMore()
+    }, {
+      default: () => [slots, renderLoadMore()]
+    });
+  };
+  const renderGroup = (slots) => {
+    const showGroupAnchor = c.state.groups.length > 1 && c.showGroupAnchor;
+    const content = vue.createVNode("div", {
+      "class": ns.b("group")
+    }, [vue.createVNode("div", {
+      "class": ns.be("group", "container")
+    }, [c.state.groups.map((group) => {
+      let header = vue.createVNode("div", {
+        "class": ns.be("group", "caption")
+      }, [vue.createTextVNode(" "), group.caption]);
+      if (showGroupAnchor) {
+        const _header = /* @__PURE__ */ function() {
+          return header;
+        }();
+        header = vue.createVNode(vue.resolveComponent("van-index-anchor"), {
+          "index": group.caption
+        }, _isSlot(header) ? header : {
+          default: () => [_header]
+        });
+      }
+      return vue.createVNode("div", {
+        "title": group.caption
+      }, [header, vue.createVNode("div", {
+        "class": ns.be("group", "item"),
+        "title": group.caption
+      }, [slots.children && slots.children(group.children), renderAddItem(group)])]);
+    })])]);
+    if (showGroupAnchor) {
+      const indexList = c.state.groups.map((x) => x.caption);
+      return vue.createVNode(vue.resolveComponent("van-index-bar"), {
+        "sticky": false,
+        "class": ns.e("anchor"),
+        "index-list": indexList
+      }, _isSlot(content) ? content : {
+        default: () => [content]
+      });
+    }
+    return content;
+  };
+  return {
+    enableLoadMore,
+    renderNoData,
+    renderItem,
+    renderLoadMore,
+    renderAddItem,
+    renderScrollList,
+    renderGroup
+  };
+}
+
+exports.useListRender = useListRender;

package/lib/util/modal-util/modal-util.cjs

@@ -1,9 +1,25 @@
 'use strict';
 
 var Vant = require('vant');
+var vue3Util = require('@ibiz-template/vue3-util');
 
 "use strict";
 class ModalUtil {
+  /**
+   * 获取根节点样式变量
+   *
+   * @protected
+   * @param {string} name
+   * @return {*}  {(string | undefined)}
+   * @memberof ModalUtil
+   */
+  getRootCssVar(name) {
+    const root = document.documentElement;
+    const styles = window.getComputedStyle(root);
+    if (styles) {
+      return styles.getPropertyValue(name);
+    }
+  }
   async info(params) {
     const { confirmButtonText, cancelButtonText } = params;
     await Vant.showDialog({
@@ -15,29 +31,36 @@ class ModalUtil {
   }
   async success(params) {
     const { confirmButtonText, cancelButtonText } = params;
+    const ns = vue3Util.useNamespace();
+    const color = this.getRootCssVar(ns.cssVarName("color-success"));
     await Vant.showDialog({
       title: params.title,
       message: params.desc,
-      confirmButtonColor: "#07c160",
+      confirmButtonColor: color,
       confirmButtonText,
       cancelButtonText
     });
   }
   async warning(params) {
     const { confirmButtonText, cancelButtonText } = params;
+    const ns = vue3Util.useNamespace();
+    const color = this.getRootCssVar(ns.cssVarName("color-warning"));
     await Vant.showDialog({
       title: params.title,
       message: params.desc,
-      confirmButtonColor: "#faab0c",
+      confirmButtonColor: color,
       confirmButtonText,
       cancelButtonText
     });
   }
   async error(params) {
     const { confirmButtonText, cancelButtonText } = params;
+    const ns = vue3Util.useNamespace();
+    const color = this.getRootCssVar(ns.cssVarName("color-danger"));
     await Vant.showDialog({
       title: params.title,
       message: params.desc,
+      confirmButtonColor: color,
       theme: "round-button",
       confirmButtonText,
       cancelButtonText
@@ -58,6 +81,25 @@ class ModalUtil {
       });
     });
   }
+  async extendConfirm(params) {
+    return new Promise((resolve) => {
+      Vant.showConfirmDialog({
+        message: params.desc,
+        beforeClose: (action) => {
+          if (!action) {
+            resolve("cancel");
+          }
+          return true;
+        },
+        ...params,
+        ...params.options
+      }).then(() => {
+        resolve("yes");
+      }).catch(() => {
+        resolve("no");
+      });
+    });
+  }
 }
 
 exports.ModalUtil = ModalUtil;

package/lib/util/store/view-stack/view-stack.cjs

@@ -82,9 +82,7 @@ const useViewStack = pinia.defineStore("viewStack", () => {
     });
   };
   const goBack = () => {
-    const previousKey = viewStack.cacheKeys[viewStack.cacheKeys.length - 2];
-    const previousPath = viewInfoMap.get(previousKey).fullPath;
-    router.push(previousPath);
+    router.back();
   };
   return { viewStack, init, on, off, goBack };
 });

package/lib/view-engine/index.cjs

@@ -117,6 +117,10 @@ const IBizViewEngine = {
       `VIEW_DEMOBPORTALVIEW9`,
       (c) => new portalView_engine.PortalViewEngine(c)
     );
+    ibiz.engine.register(
+      `VIEW_MobPortalView`,
+      (c) => new portalView_engine.PortalViewEngine(c)
+    );
     ibiz.engine.register(
       `VIEW_DEMOBCUSTOMVIEW`,
       (c) => new mobCustomView_engine.MobCustomViewEngine(c)

package/lib/view-engine/mob-edit-view.engine.cjs

@@ -249,6 +249,18 @@ class MobEditViewEngine extends runtime.ViewEngineBase {
     );
     ibiz.mc.command.send({ srfdecodename: "SysTodo" }, "OBJECTUPDATED");
   }
+  /**
+   * @description 取消变更
+   * @param {({
+   *       targetState: 'INIT' | 'UNDO' | 'REDO';
+   *     })} [_args={ targetState: 'INIT' }] 目标状态，初始化状态|撤销上一步操作|重做下一步操作
+   * @returns {*}  {Promise<void>}
+   * @memberof MobEditViewEngine
+   */
+  async cancelChanges(_args = { targetState: "INIT" }) {
+    await super.cancelChanges(_args);
+    await this.form.cancelChanges(_args.targetState);
+  }
 }
 
 exports.MobEditViewEngine = MobEditViewEngine;