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

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var wfStepTrace_controller = require('./wf-step-trace.controller.cjs');
+require('./wf-step-trace.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const WFStepTrace = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizWFStepTrace",
+  props: {
+    controller: {
+      type: wfStepTrace_controller.WFStepTraceController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("wf-step-trace");
+    const data = vue.computed(() => {
+      return props.controller.getData();
+    });
+    return {
+      ns,
+      data
+    };
+  },
+  render() {
+    let _slot;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.data && vue.createVNode(vue.resolveComponent("van-steps"), {
+      "direction": "vertical"
+    }, _isSlot(_slot = this.data.map((task) => {
+      return vue.createVNode(vue.resolveComponent("van-step"), null, {
+        default: () => [vue.createVNode("div", {
+          "class": [this.ns.b("task")]
+        }, [vue.createVNode("div", {
+          "class": this.ns.b("task-item")
+        }, [vue.createVNode(vue.resolveComponent("van-field"), {
+          "readonly": true,
+          "modelValue": task.time,
+          "onUpdate:modelValue": ($event) => task.time = $event,
+          "label": "\u5904\u7406\u5B8C\u6210\u65F6\u95F4"
+        }, null)]), vue.createVNode("div", {
+          "class": this.ns.b("task-item")
+        }, [vue.createVNode(vue.resolveComponent("van-field"), {
+          "readonly": true,
+          "modelValue": task.type,
+          "onUpdate:modelValue": ($event) => task.type = $event,
+          "label": "\u5904\u7406\u73AF\u8282"
+        }, null)]), vue.createVNode("div", {
+          "class": this.ns.b("task-item")
+        }, [vue.createVNode(vue.resolveComponent("van-field"), {
+          "readonly": true,
+          "modelValue": task.authorName,
+          "onUpdate:modelValue": ($event) => task.authorName = $event,
+          "label": "\u5904\u7406\u4EBA"
+        }, 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,
+          "readonly": true,
+          "label": "\u63D0\u4EA4\u8DEF\u5F84"
+        }, null)])])]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+exports.WFStepTrace = WFStepTrace;
+exports.default = WFStepTrace;

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

@@ -0,0 +1,87 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
+
+"use strict";
+class WFStepTraceController extends runtime.PanelItemController {
+  /**
+   * 设置界面数据
+   *
+   * @author zk
+   * @date 2023-07-04 04:07:00
+   * @param {IData[]} data
+   * @memberof WFStepTraceController
+   */
+  setData(data) {
+    if (!data) {
+      return;
+    }
+    const sortData = (a, b) => {
+      return Date.parse(b.time) - Date.parse(a.time);
+    };
+    const commentsData = [];
+    const copyData = ramda.clone(data);
+    let tasks = copyData.usertasks;
+    if (!tasks) {
+      return;
+    }
+    if (tasks.length > 0) {
+      tasks = tasks.reverse();
+      tasks.forEach((task) => {
+        if (task.identitylinks.length > 0) {
+          const authorNames = this.acceptingOfficerNoDup(
+            "displayname",
+            task.identitylinks
+          );
+          commentsData.push({
+            authorName: authorNames.join("\u3001"),
+            taskName: task.userTaskName,
+            isLink: true
+          });
+        }
+        if (task.comments.length > 0) {
+          task.comments.forEach((comment) => {
+            Object.assign(comment, { taskName: task.userTaskName });
+          });
+          task.comments.sort(sortData);
+          commentsData.push(...task.comments);
+        }
+      });
+      this.state.data = commentsData;
+    }
+  }
+  /**
+   * 办理人员名称显示去重
+   *
+   * @author zk
+   * @date 2023-07-04 04:07:03
+   * @param {string} tag 需要去重的名称标识
+   * @param {IData[]} dataS 需要去重数据集
+   * @return {*}
+   * @memberof WFStepTraceController
+   */
+  acceptingOfficerNoDup(tag, dataS) {
+    const tempData = [];
+    if ((dataS == null ? void 0 : dataS.length) > 0 && tag) {
+      dataS.forEach((data) => {
+        tempData.push(data[tag]);
+      });
+    }
+    const noDup = [...new Set(tempData)];
+    return noDup;
+  }
+  /**
+   * 获取数据
+   *
+   * @author zk
+   * @date 2023-07-04 05:07:57
+   * @return {*}
+   * @memberof WFStepTraceController
+   */
+  getData() {
+    return this.state.data;
+  }
+}
+
+exports.WFStepTraceController = WFStepTraceController;

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

@@ -0,0 +1 @@
+.ibiz-wf-step-trace .ibiz-wf-step-trace-task{border:1px solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item{border-bottom:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item .van-field__label{flex:1;font-weight:var(--ibiz-font-weight-bold)}

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var wfStepTrace_controller = require('./wf-step-trace.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 WFStepTraceProvider {
+  constructor() {
+    __publicField(this, "component", "IBizWFStepTrace");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new wfStepTrace_controller.WFStepTraceController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.WFStepTraceProvider = WFStepTraceProvider;

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

@@ -0,0 +1,27 @@
+'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 WFStepTraceState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 流程跟踪数据
+     *
+     * @author zk
+     * @date 2023-07-04 01:07:30
+     * @type {IData}
+     * @memberof WFStepTraceState
+     */
+    __publicField(this, "data", []);
+  }
+}
+
+exports.WFStepTraceState = WFStepTraceState;

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

@@ -0,0 +1,90 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const AppDrawerComponent = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    opts: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, ctx) {
+    const ns = vue3Util.useNamespace("drawer");
+    const isShow = vue.ref(false);
+    const {
+      zIndex
+    } = vue3Util.useUIStore();
+    const drawerZIndex = zIndex.increment();
+    const modal = new runtime.Modal({
+      mode: runtime.ViewMode.DRAWER,
+      viewUsage: 2,
+      dismiss: (data) => {
+        zIndex.decrement();
+        ctx.emit("dismiss", data);
+      }
+    });
+    const onBeforeClose = async (done) => {
+      const isClose = await modal.dismiss();
+      if (isClose) {
+        done();
+      }
+    };
+    const dismiss = (data) => {
+      modal.dismiss(data);
+    };
+    const present = () => {
+      isShow.value = true;
+    };
+    let direction = "";
+    switch (props.opts.placement) {
+      case "left":
+        direction = "ltr";
+        break;
+      case "top":
+        direction = "ttb";
+        break;
+      case "bottom":
+        direction = "btt";
+        break;
+      default:
+        direction = "rtl";
+    }
+    return {
+      ns,
+      isShow,
+      direction,
+      drawerZIndex,
+      modal,
+      dismiss,
+      present,
+      onBeforeClose
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("el-drawer"), {
+      "model-value": this.isShow,
+      "lock-scroll": true,
+      "with-header": false,
+      "size": this.opts.width,
+      "class": this.ns.b(),
+      "z-index": this.drawerZIndex,
+      "direction": this.direction,
+      "before-close": this.onBeforeClose
+    }, {
+      default: () => {
+        var _a, _b;
+        return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal)];
+      }
+    });
+  }
+});
+function createDrawer(render, opts) {
+  return new vue3Util.OverlayContainer(AppDrawerComponent, render, opts);
+}
+
+exports.AppDrawerComponent = AppDrawerComponent;
+exports.createDrawer = createDrawer;

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

@@ -0,0 +1,97 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
+var runtime = require('@ibiz-template/runtime');
+require('./app-modal-component.css');
+
+"use strict";
+const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    opts: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, ctx) {
+    const ns = vue3Util.useNamespace("modal");
+    const isShow = vue.ref(false);
+    const {
+      zIndex
+    } = vue3Util.useUIStore();
+    const modalZIndex = zIndex.increment();
+    const customStyle = vue.reactive({
+      [ns.cssVarBlockName("z-index")]: modalZIndex
+    });
+    const {
+      width,
+      height
+    } = props.opts;
+    if (width) {
+      customStyle.width = lodashEs.isNumber(width) ? `${width}px` : width;
+    } else {
+      customStyle.width = "100vw";
+    }
+    if (height) {
+      customStyle.height = lodashEs.isNumber(height) ? `${height}px` : height;
+    } else {
+      customStyle.height = "100vh";
+    }
+    const options = vue.ref({
+      footerHide: true,
+      modalClass: ""
+    });
+    if (props.opts) {
+      Object.assign(options.value, props.opts);
+    }
+    const modal = new runtime.Modal({
+      mode: runtime.ViewMode.MODAL,
+      viewUsage: 2,
+      dismiss: (data) => {
+        zIndex.decrement();
+        ctx.emit("dismiss", data);
+      }
+    });
+    const onBeforeClose = async () => {
+      await modal.dismiss();
+    };
+    const dismiss = (data) => {
+      modal.dismiss(data);
+    };
+    const present = () => {
+      isShow.value = true;
+    };
+    return {
+      ns,
+      isShow,
+      options,
+      modalZIndex,
+      customStyle,
+      modal,
+      present,
+      dismiss,
+      onBeforeClose
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("van-dialog"), {
+      "show": this.isShow,
+      "showConfirmButton": false,
+      "class": [this.ns.b(), this.options.placement && this.ns.m(this.options.placement), this.options.modalClass],
+      "style": this.customStyle,
+      "before-close": this.onBeforeClose
+    }, {
+      default: () => {
+        var _a, _b;
+        return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal)];
+      }
+    });
+  }
+});
+function createModal(render, opts) {
+  return new vue3Util.OverlayContainer(AppModalComponent, render, opts);
+}
+
+exports.AppModalComponent = AppModalComponent;
+exports.createModal = createModal;

package/lib/util/app-modal/app-modal-component.css

@@ -0,0 +1 @@
+.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal);top:50%;max-height:100vh;--van-padding-md:0;--van-dialog-radius:0}.ibiz-modal .van-dialog__content{height:100%}

package/lib/util/directive/loading.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var vant = require('vant');
+
+"use strict";
+const INSTANCE_KEY = Symbol("vanLoading");
+const createInstance = (el) => {
+  const options = { message: "\u52A0\u8F7D\u4E2D...", forbidClick: true, teleport: el };
+  el[INSTANCE_KEY] = {
+    instance: vant.showLoadingToast(options)
+  };
+};
+const loadingDirective = {
+  mounted(el, binding) {
+    if (binding.value) {
+      createInstance(el);
+    }
+  },
+  updated(el, binding) {
+    const instance = el[INSTANCE_KEY];
+    if (binding.oldValue !== binding.value) {
+      if (binding.value && !binding.oldValue) {
+        createInstance(el);
+      } else {
+        instance == null ? void 0 : instance.instance.close();
+      }
+    }
+  },
+  unmounted(el) {
+    var _a;
+    (_a = el[INSTANCE_KEY]) == null ? void 0 : _a.instance.close();
+  }
+};
+
+exports.loadingDirective = loadingDirective;

package/lib/util/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var loadingUtil = require('./loading-util/loading-util.cjs');
+var messageUtil = require('./message-util/message-util.cjs');
+var modalUtil = require('./modal-util/modal-util.cjs');
+var notificationUtil = require('./notification-util/notification-util.cjs');
+var openViewUtil = require('./open-view-util/open-view-util.cjs');
+var overlayController = require('./overlay-controller/overlay-controller.cjs');
+var loading = require('./directive/loading.cjs');
+require('./store/index.cjs');
+var viewStack = require('./store/view-stack/view-stack.cjs');
+
+"use strict";
+
+exports.LoadingUtil = loadingUtil.LoadingUtil;
+exports.MessageUtil = messageUtil.MessageUtil;
+exports.ModalUtil = modalUtil.ModalUtil;
+exports.NotificationUtil = notificationUtil.NotificationUtil;
+exports.OpenViewUtil = openViewUtil.OpenViewUtil;
+exports.OverlayController = overlayController.OverlayController;
+exports.loadingDirective = loading.loadingDirective;
+exports.calcUniqueKey = viewStack.calcUniqueKey;
+exports.useViewStack = viewStack.useViewStack;

package/lib/util/loading-util/loading-util.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+var vant = require('vant');
+
+"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 LoadingUtil {
+  constructor() {
+    /**
+     * 当前只在触发的全局加载次数
+     *
+     * @author chitanda
+     * @date 2022-08-17 17:08:44
+     * @protected
+     */
+    __publicField(this, "count", 0);
+    /**
+     * 当前在触发的重定向加载动画次数
+     *
+     * @author chitanda
+     * @date 2022-10-08 17:10:02
+     * @protected
+     */
+    __publicField(this, "countRedirect", 0);
+    /**
+     * element plus loading 实例
+     *
+     * @author chitanda
+     * @date 2022-12-29 15:12:26
+     * @protected
+     */
+    __publicField(this, "loading");
+  }
+  /**
+   * 显示全局加载动画
+   *
+   * @author chitanda
+   * @date 2022-12-29 15:12:26
+   */
+  show() {
+    if (this.count === 0) {
+      this.loading = vant.showLoadingToast({
+        message: "\u52A0\u8F7D\u4E2D...",
+        forbidClick: true
+      });
+    }
+    this.count += 1;
+  }
+  /**
+   * 隐藏全局加载动画
+   *
+   * @author chitanda
+   * @date 2022-08-17 17:08:11
+   */
+  hide() {
+    if (this.count > 0) {
+      this.count -= 1;
+    }
+    if (this.count === 0) {
+      if (this.loading) {
+        this.loading.close();
+      }
+    }
+  }
+  /**
+   * 显示顶部加载动画
+   *
+   * @author chitanda
+   * @date 2022-10-08 16:10:01
+   */
+  showRedirect() {
+    this.show();
+  }
+  /**
+   * 隐藏顶部加载动画
+   *
+   * @author chitanda
+   * @date 2022-10-08 16:10:09
+   */
+  hideRedirect() {
+    this.hide();
+  }
+}
+
+exports.LoadingUtil = LoadingUtil;

package/lib/util/message-util/message-util.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var vant = require('vant');
+
+"use strict";
+class MessageUtil {
+  info(msg, duration, closable) {
+    vant.showToast({
+      message: msg,
+      duration: duration != null ? duration * 1e3 : 1500,
+      closeOnClick: closable
+    });
+  }
+  success(msg, duration, closable) {
+    vant.showSuccessToast({
+      message: msg,
+      duration: duration != null ? duration * 1e3 : 1500,
+      closeOnClick: closable
+    });
+  }
+  warning(msg, duration, closable) {
+    vant.showToast({
+      message: msg,
+      duration: duration != null ? duration * 1e3 : 1500,
+      closeOnClick: closable
+    });
+  }
+  error(msg, duration, closable) {
+    vant.showFailToast({
+      message: msg,
+      duration: duration != null ? duration * 1e3 : 1500,
+      closeOnClick: closable
+    });
+  }
+}
+
+exports.MessageUtil = MessageUtil;

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var vant = require('vant');
+
+"use strict";
+class ModalUtil {
+  async info(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    await vant.showDialog({
+      title: params.title,
+      message: params.desc,
+      confirmButtonText,
+      cancelButtonText
+    });
+  }
+  async success(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    await vant.showDialog({
+      title: params.title,
+      message: params.desc,
+      confirmButtonColor: "#07c160",
+      confirmButtonText,
+      cancelButtonText
+    });
+  }
+  async warning(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    await vant.showDialog({
+      title: params.title,
+      message: params.desc,
+      confirmButtonColor: "#faab0c",
+      confirmButtonText,
+      cancelButtonText
+    });
+  }
+  async error(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    await vant.showDialog({
+      title: params.title,
+      message: params.desc,
+      theme: "round-button",
+      confirmButtonText,
+      cancelButtonText
+    });
+  }
+  async confirm(params) {
+    const { confirmButtonText, cancelButtonText } = params;
+    return new Promise((resolve) => {
+      vant.showConfirmDialog({
+        title: params.title,
+        message: params.desc,
+        confirmButtonText,
+        cancelButtonText
+      }).then(() => {
+        resolve(true);
+      }).catch(() => {
+        resolve(false);
+      });
+    });
+  }
+}
+
+exports.ModalUtil = ModalUtil;