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

package/es/panel-component/wf-step-trace/wf-step-trace.controller.mjs

@@ -0,0 +1,85 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { clone } from 'ramda';
+
+"use strict";
+class WFStepTraceController extends 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 = 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;
+  }
+}
+
+export { WFStepTraceController };

package/es/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/es/panel-component/wf-step-trace/wf-step-trace.d.ts

@@ -0,0 +1,17 @@
+import { WFStepTraceController } from './wf-step-trace.controller';
+import './wf-step-trace.scss';
+export declare const WFStepTrace: import("vue").DefineComponent<{
+    controller: {
+        type: typeof WFStepTraceController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    data: import("vue").ComputedRef<IData[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof WFStepTraceController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default WFStepTrace;

package/es/panel-component/wf-step-trace/wf-step-trace.mjs

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

package/es/panel-component/wf-step-trace/wf-step-trace.provider.d.ts

@@ -0,0 +1,14 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { WFStepTraceController } from './wf-step-trace.controller';
+/**
+ * 流程跟踪组件适配器
+ *
+ * @export
+ * @class WFStepTraceProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class WFStepTraceProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<WFStepTraceController>;
+}

package/es/panel-component/wf-step-trace/wf-step-trace.provider.mjs

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

package/es/panel-component/wf-step-trace/wf-step-trace.state.d.ts

@@ -0,0 +1,19 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 流程跟踪占位状态
+ *
+ * @export
+ * @class NavPosState
+ * @extends {PanelItemState}
+ */
+export declare class WFStepTraceState extends PanelItemState {
+    /**
+     * 流程跟踪数据
+     *
+     * @author zk
+     * @date 2023-07-04 01:07:30
+     * @type {IData}
+     * @memberof WFStepTraceState
+     */
+    data: IData[];
+}

package/es/panel-component/wf-step-trace/wf-step-trace.state.mjs

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

package/es/util/app-drawer/app-drawer-component.d.ts

@@ -0,0 +1,35 @@
+import { PropType, VNode } from 'vue';
+import { IDrawerOptions, IModalData, IOverlayContainer, Modal } from '@ibiz-template/runtime';
+export declare const AppDrawerComponent: import("vue").DefineComponent<{
+    opts: {
+        type: PropType<IDrawerOptions>;
+        default: () => {};
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    isShow: import("vue").Ref<boolean>;
+    direction: string;
+    drawerZIndex: number;
+    modal: Modal;
+    dismiss: (data?: IModalData) => void;
+    present: () => void;
+    onBeforeClose: (done: () => void) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    opts: {
+        type: PropType<IDrawerOptions>;
+        default: () => {};
+    };
+}>>, {
+    opts: IDrawerOptions;
+}, {}>;
+/**
+ * 创建抽屉
+ *
+ * @author chitanda
+ * @date 2022-12-29 15:12:57
+ * @export
+ * @param {() => VNode} render
+ * @param {(IDrawerOptions | undefined)} [opts]
+ * @return {*}  {IOverlayContainer}
+ */
+export declare function createDrawer(render: () => VNode, opts?: IDrawerOptions | undefined): IOverlayContainer;

package/es/util/app-drawer/app-drawer-component.mjs

@@ -0,0 +1,87 @@
+import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
+import { ViewMode, Modal } from '@ibiz-template/runtime';
+
+"use strict";
+const AppDrawerComponent = /* @__PURE__ */ defineComponent({
+  props: {
+    opts: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, ctx) {
+    const ns = useNamespace("drawer");
+    const isShow = ref(false);
+    const {
+      zIndex
+    } = useUIStore();
+    const drawerZIndex = zIndex.increment();
+    const modal = new Modal({
+      mode: 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 createVNode(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 OverlayContainer(AppDrawerComponent, render, opts);
+}
+
+export { AppDrawerComponent, createDrawer };

package/es/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/es/util/app-modal/app-modal-component.d.ts

@@ -0,0 +1,43 @@
+import { PropType, VNode } from 'vue';
+import { IModalData, IModalOptions, IOverlayContainer, Modal } from '@ibiz-template/runtime';
+import './app-modal-component.scss';
+export declare const AppModalComponent: import("vue").DefineComponent<{
+    opts: {
+        type: PropType<IModalOptions>;
+        default: () => {};
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    isShow: import("vue").Ref<boolean>;
+    options: import("vue").Ref<{
+        width?: string | number | undefined;
+        height?: string | number | undefined;
+        footerHide?: boolean | undefined;
+        placement?: "center" | undefined;
+        modalClass?: string | undefined;
+    }>;
+    modalZIndex: number;
+    customStyle: IData;
+    modal: Modal;
+    present: () => void;
+    dismiss: (data?: IModalData) => void;
+    onBeforeClose: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    opts: {
+        type: PropType<IModalOptions>;
+        default: () => {};
+    };
+}>>, {
+    opts: IModalOptions;
+}, {}>;
+/**
+ * 创建模态框
+ *
+ * @author chitanda
+ * @date 2022-12-29 15:12:50
+ * @export
+ * @param {() => VNode} render
+ * @param {(IModalOptions | undefined)} [opts]
+ * @return {*}  {IOverlayContainer}
+ */
+export declare function createModal(render: () => VNode, opts?: IModalOptions | undefined): IOverlayContainer;

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

@@ -0,0 +1,94 @@
+import { ref, reactive, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
+import { isNumber } from 'lodash-es';
+import { ViewMode, Modal } from '@ibiz-template/runtime';
+import './app-modal-component.css';
+
+"use strict";
+const AppModalComponent = /* @__PURE__ */ defineComponent({
+  props: {
+    opts: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, ctx) {
+    const ns = useNamespace("modal");
+    const isShow = ref(false);
+    const {
+      zIndex
+    } = useUIStore();
+    const modalZIndex = zIndex.increment();
+    const customStyle = reactive({
+      [ns.cssVarBlockName("z-index")]: modalZIndex
+    });
+    const {
+      width,
+      height
+    } = props.opts;
+    if (width) {
+      customStyle.width = isNumber(width) ? `${width}px` : width;
+    } else {
+      customStyle.width = "100vw";
+    }
+    if (height) {
+      customStyle.height = isNumber(height) ? `${height}px` : height;
+    } else {
+      customStyle.height = "100vh";
+    }
+    const options = ref({
+      footerHide: true,
+      modalClass: ""
+    });
+    if (props.opts) {
+      Object.assign(options.value, props.opts);
+    }
+    const modal = new Modal({
+      mode: 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 createVNode(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 OverlayContainer(AppModalComponent, render, opts);
+}
+
+export { AppModalComponent, createModal };

package/es/util/directive/loading.d.ts

@@ -0,0 +1,26 @@
+import { ToastWrapperInstance } from 'vant';
+import { Directive } from 'vue';
+declare const INSTANCE_KEY: unique symbol;
+/**
+ * 加载元素接口
+ *
+ * @author zk
+ * @date 2023-10-20 02:10:56
+ * @export
+ * @interface ElementLoading
+ * @extends {HTMLElement}
+ */
+export interface ElementLoading extends HTMLElement {
+    [INSTANCE_KEY]?: {
+        instance: ToastWrapperInstance;
+    };
+}
+/**
+ * 加载指令
+ *
+ * @author zk
+ * @date 2023-10-20 02:10:58
+ * @param {ElementLoading} el
+ */
+export declare const loadingDirective: Directive;
+export {};

package/es/util/directive/loading.mjs

@@ -0,0 +1,33 @@
+import { showLoadingToast } from '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: 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();
+  }
+};
+
+export { loadingDirective };

package/es/util/index.d.ts

@@ -0,0 +1,8 @@
+export { LoadingUtil } from './loading-util/loading-util';
+export { MessageUtil } from './message-util/message-util';
+export { ModalUtil } from './modal-util/modal-util';
+export { NotificationUtil } from './notification-util/notification-util';
+export { OpenViewUtil } from './open-view-util/open-view-util';
+export { OverlayController } from './overlay-controller/overlay-controller';
+export { loadingDirective } from './directive/loading';
+export * from './store';

package/es/util/index.mjs

@@ -0,0 +1,11 @@
+export { LoadingUtil } from './loading-util/loading-util.mjs';
+export { MessageUtil } from './message-util/message-util.mjs';
+export { ModalUtil } from './modal-util/modal-util.mjs';
+export { NotificationUtil } from './notification-util/notification-util.mjs';
+export { OpenViewUtil } from './open-view-util/open-view-util.mjs';
+export { OverlayController } from './overlay-controller/overlay-controller.mjs';
+export { loadingDirective } from './directive/loading.mjs';
+import './store/index.mjs';
+export { calcUniqueKey, useViewStack } from './store/view-stack/view-stack.mjs';
+
+"use strict";

package/es/util/loading-util/loading-util.d.ts

@@ -0,0 +1,65 @@
+import { ILoadingUtil } from '@ibiz-template/runtime';
+import { ToastWrapperInstance } from 'vant/lib/toast/types';
+/**
+ * 全局加载动画工具
+ *
+ * @author chitanda
+ * @date 2022-08-17 17:08:44
+ * @export
+ * @class LoadingUtil
+ * @implements {ILoadingUtil}
+ */
+export declare class LoadingUtil implements ILoadingUtil {
+    /**
+     * 当前只在触发的全局加载次数
+     *
+     * @author chitanda
+     * @date 2022-08-17 17:08:44
+     * @protected
+     */
+    protected count: number;
+    /**
+     * 当前在触发的重定向加载动画次数
+     *
+     * @author chitanda
+     * @date 2022-10-08 17:10:02
+     * @protected
+     */
+    protected countRedirect: number;
+    /**
+     * element plus loading 实例
+     *
+     * @author chitanda
+     * @date 2022-12-29 15:12:26
+     * @protected
+     */
+    protected loading: ToastWrapperInstance;
+    /**
+     * 显示全局加载动画
+     *
+     * @author chitanda
+     * @date 2022-12-29 15:12:26
+     */
+    show(): void;
+    /**
+     * 隐藏全局加载动画
+     *
+     * @author chitanda
+     * @date 2022-08-17 17:08:11
+     */
+    hide(): void;
+    /**
+     * 显示顶部加载动画
+     *
+     * @author chitanda
+     * @date 2022-10-08 16:10:01
+     */
+    showRedirect(): void;
+    /**
+     * 隐藏顶部加载动画
+     *
+     * @author chitanda
+     * @date 2022-10-08 16:10:09
+     */
+    hideRedirect(): void;
+}