@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

package/es/util/button-util/button-util.mjs

@@ -1,8 +1,27 @@
 "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/es/util/index.mjs

@@ -13,6 +13,7 @@ import './store/index.mjs';
 export { usePopstateListener } from './use-popstate-util/use-popstate-util.mjs';
 export { QrcodeUtil } from './qrcode-util/qrcode-util.mjs';
 export { convertBtnType } from './button-util/button-util.mjs';
+export { useListRender } from './list-util/list-render-util.mjs';
 export { calcUniqueKey, useViewStack } from './store/view-stack/view-stack.mjs';
 
 "use strict";

package/es/util/list-util/list-render-util.mjs

@@ -0,0 +1,260 @@
+import { isVNode, ref, computed, watch, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { ControlVO } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function useListRender(props, c, ns) {
+  const {
+    name,
+    enablePagingBar,
+    pagingMode,
+    controlStyle,
+    itemLayoutPanel,
+    controls = [],
+    emptyText,
+    emptyTextLanguageRes
+  } = c.model;
+  const isLoadError = ref(false);
+  const isLodeFinished = ref(enablePagingBar === true || pagingMode === 3);
+  const enableLoadMore = 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 ControlVO(item));
+    c.afterLoad({}, c.state.items);
+  };
+  c.evt.on("onCreated", async () => {
+    if (props.isSimple) {
+      initSimpleData();
+      c.state.isSimple = true;
+      c.state.isLoaded = true;
+    }
+  });
+  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 createVNode(resolveComponent("van-checkbox"), {
+      "class": ns.be("item", "right"),
+      "checked": select
+    }, null);
+  };
+  const renderIcon = (row) => {
+    return 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 createVNode(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 = createVNode(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 createVNode("div", {
+        "class": classNames
+      }, [createVNode(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 createVNode(resolveComponent("iBizToolbarControl"), {
+        "modelData": ctrlModel,
+        "context": c.context,
+        "params": c.params,
+        "class": ns.b("quicktoolbar")
+      }, null);
+    }
+    return isLoaded && createVNode(resolveComponent("iBizNoData"), {
+      "text": emptyText,
+      "emptyTextLanguageRes": emptyTextLanguageRes
+    }, null);
+  };
+  const renderLoadMore = () => {
+    let icon = null;
+    if (pagingMode === 3 && enableLoadMore.value) {
+      icon = createVNode(resolveComponent("iBizAddMore"), {
+        "onClick": () => c.loadMore()
+      }, null);
+    }
+    return icon;
+  };
+  const renderAddItem = (group) => {
+    if (!c.enableNew) {
+      return null;
+    }
+    return createVNode(resolveComponent("iBizAddBtn"), {
+      "onAddClick": (event) => {
+        c.onClickNew(event, group == null ? void 0 : group.key);
+      }
+    }, null);
+  };
+  const renderScrollList = (slots) => {
+    if (!c.state.isLoaded) {
+      return null;
+    }
+    return createVNode(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,
+      "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 = createVNode("div", {
+      "class": ns.b("group")
+    }, [createVNode("div", {
+      "class": ns.be("group", "container")
+    }, [c.state.groups.map((group) => {
+      let header = createVNode("div", {
+        "class": ns.be("group", "caption")
+      }, [createTextVNode(" "), group.caption]);
+      if (showGroupAnchor) {
+        const _header = /* @__PURE__ */ function() {
+          return header;
+        }();
+        header = createVNode(resolveComponent("van-index-anchor"), {
+          "index": group.caption
+        }, _isSlot(header) ? header : {
+          default: () => [_header]
+        });
+      }
+      return createVNode("div", {
+        "title": group.caption
+      }, [header, 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 createVNode(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
+  };
+}
+
+export { useListRender };

package/es/util/modal-util/modal-util.mjs

@@ -1,7 +1,23 @@
 import { showDialog, showConfirmDialog } from 'vant';
+import { useNamespace } from '@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 showDialog({
@@ -13,29 +29,36 @@ class ModalUtil {
   }
   async success(params) {
     const { confirmButtonText, cancelButtonText } = params;
+    const ns = useNamespace();
+    const color = this.getRootCssVar(ns.cssVarName("color-success"));
     await showDialog({
       title: params.title,
       message: params.desc,
-      confirmButtonColor: "#07c160",
+      confirmButtonColor: color,
       confirmButtonText,
       cancelButtonText
     });
   }
   async warning(params) {
     const { confirmButtonText, cancelButtonText } = params;
+    const ns = useNamespace();
+    const color = this.getRootCssVar(ns.cssVarName("color-warning"));
     await showDialog({
       title: params.title,
       message: params.desc,
-      confirmButtonColor: "#faab0c",
+      confirmButtonColor: color,
       confirmButtonText,
       cancelButtonText
     });
   }
   async error(params) {
     const { confirmButtonText, cancelButtonText } = params;
+    const ns = useNamespace();
+    const color = this.getRootCssVar(ns.cssVarName("color-danger"));
     await showDialog({
       title: params.title,
       message: params.desc,
+      confirmButtonColor: color,
       theme: "round-button",
       confirmButtonText,
       cancelButtonText
@@ -56,6 +79,25 @@ class ModalUtil {
       });
     });
   }
+  async extendConfirm(params) {
+    return new Promise((resolve) => {
+      showConfirmDialog({
+        message: params.desc,
+        beforeClose: (action) => {
+          if (!action) {
+            resolve("cancel");
+          }
+          return true;
+        },
+        ...params,
+        ...params.options
+      }).then(() => {
+        resolve("yes");
+      }).catch(() => {
+        resolve("no");
+      });
+    });
+  }
 }
 
 export { ModalUtil };

package/es/util/store/view-stack/view-stack.mjs

@@ -54,10 +54,6 @@ const useViewStack = defineStore("viewStack", () => {
     const popKey = viewStack.cacheKeys.pop();
     viewInfoMap.delete(popKey);
     viewStack.currentKey = viewStack.cacheKeys[viewStack.cacheKeys.length - 1];
-    console.log("pop", window.history);
-  };
-  const goBack = () => {
-    router.back();
   };
   const init = (_router) => {
     router = _router;
@@ -83,6 +79,9 @@ const useViewStack = defineStore("viewStack", () => {
       viewStack.currentKey = key;
     });
   };
+  const goBack = () => {
+    router.back();
+  };
   return { viewStack, init, on, off, goBack };
 });
 

package/es/view-engine/index.mjs

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

package/es/view-engine/mob-edit-view.engine.mjs

@@ -247,6 +247,18 @@ class MobEditViewEngine extends 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);
+  }
 }
 
 export { MobEditViewEngine };

package/es/view-engine/mob-edit-view3.engine.mjs

@@ -1,7 +1,23 @@
+import { SysUIActionTag } from '@ibiz-template/runtime';
 import { MobEditViewEngine } from './mob-edit-view.engine.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 MobEditView3Engine extends MobEditViewEngine {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 嵌入视图映射Map
+     * @type {Map<string, IViewController>}
+     * @memberof MobEditView3Engine
+     */
+    __publicField(this, "embedViewMap", /* @__PURE__ */ new Map());
+  }
   async onCreated() {
     await super.onCreated();
     const { childNames } = this.view;
@@ -16,6 +32,41 @@ class MobEditView3Engine extends MobEditViewEngine {
   get drtab() {
     return this.view.getController("drtab");
   }
+  /**
+   * @description 视图mounted生命周期执行逻辑
+   * @returns {*}  {Promise<void>}
+   * @memberof MobEditView3Engine
+   */
+  async onMounted() {
+    var _a;
+    await super.onMounted();
+    (_a = this.view.layoutPanel) == null ? void 0 : _a.evt.on("onPresetPanelItemEvent", (event) => {
+      var _a2, _b, _c;
+      if (!((_a2 = event == null ? void 0 : event.presetParams) == null ? void 0 : _a2.view) || !((_c = (_b = this.drtab) == null ? void 0 : _b.state) == null ? void 0 : _c.activeName)) {
+        return;
+      }
+      this.embedViewMap.set(
+        this.drtab.state.activeName,
+        event.presetParams.view
+      );
+    });
+  }
+  /**
+   * @description 刷新视图
+   * @returns {*}  {Promise<void>}
+   * @memberof MobEditView3Engine
+   */
+  async refresh() {
+    var _a, _b;
+    await super.refresh();
+    if (!((_b = (_a = this.drtab) == null ? void 0 : _a.state) == null ? void 0 : _b.activeName)) {
+      return;
+    }
+    const activeView = this.embedViewMap.get(this.drtab.state.activeName);
+    if (activeView) {
+      activeView.call(SysUIActionTag.REFRESH);
+    }
+  }
 }
 
 export { MobEditView3Engine };

package/es/view-engine/mob-mpickup-view-engine.mjs

@@ -1,5 +1,4 @@
 import { SysUIActionTag } from '@ibiz-template/runtime';
-import { clone } from 'ramda';
 import { MobPickupViewEngine } from './mob-pickup-view.engine.mjs';
 
 "use strict";
@@ -69,7 +68,7 @@ class MobMPickupViewEngine extends MobPickupViewEngine {
   async onMounted() {
     await super.onMounted();
     this.pickupViewPanel.evt.on("onSelectionChange", (event) => {
-      this.pickupViewPanelSelectionChange(clone(event.data));
+      this.pickupViewPanelSelectionChange(event.data);
     });
     this.simpleList.evt.on("onActive", (event) => {
       this.removeSelection(event.data);

package/es/view-engine/mob-pickup-tree-view.engine.mjs

@@ -26,10 +26,12 @@ class MobPickupTreeViewEngine extends MobTreeViewEngine {
   async onMounted() {
     const { model } = this.view;
     this.xdataControl.evt.on("onSelectionChange", async (event) => {
-      this.view.evt.emit("onSelectionChange", { ...event });
+      const tempData = event.data.map((x) => x._deData);
+      this.view.evt.emit("onSelectionChange", { ...event, data: tempData });
     });
     this.xdataControl.evt.on("onActive", async (event) => {
-      this.view.evt.emit("onDataActive", { ...event });
+      const tempData = event.data.map((x) => x._deData);
+      this.view.evt.emit("onDataActive", { ...event, data: tempData });
     });
     if (model.loadDefault) {
       this.load();