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

package/es/view-engine/mob-wf-dyna-start-view.engine.mjs

@@ -0,0 +1,60 @@
+import { SysUIActionTag } from '@ibiz-template/runtime';
+import { MobWFDynaEditViewEngine } from './mob-wf-dyna-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 MobWFDynaStartViewEngine extends MobWFDynaEditViewEngine {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isCalcWFToolbar", false);
+  }
+  async calcProcessFormName() {
+    this.isEditable = this.view.context.isEditable === "true";
+    const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
+    return processForm;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === SysUIActionTag.OK) {
+      this.onOkButtonClick();
+      return null;
+    }
+    if (key === SysUIActionTag.CANCEL) {
+      await this.onCancelButtonClick();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 确认按钮回调
+   *
+   * @author lxm
+   * @date 2022-09-12 20:09:13
+   */
+  async onOkButtonClick() {
+    if (this.isEditable) {
+      await this.save();
+    }
+    await this.form.wfStart({});
+    await this.view.closeView({ ok: true, data: this.getData() });
+  }
+  /**
+   * 取消按钮回调
+   *
+   * @author lxm
+   * @date 2022-09-12 20:09:00
+   */
+  async onCancelButtonClick() {
+    await this.view.closeView({ ok: false, data: [] });
+  }
+  calcViewFooterVisible() {
+    return true;
+  }
+}
+
+export { MobWFDynaStartViewEngine };

package/es/view-engine/portal-view.engine.d.ts

@@ -0,0 +1,20 @@
+import { ViewEngineBase, ViewController, IAppPortalViewState, IAppPortalViewEvent, IWizardPanelController } from '@ibiz-template/runtime';
+import { IAppPortalView } from '@ibiz/model-core';
+export declare class PortalViewEngine extends ViewEngineBase {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEAppPortalView, IAppPortalViewState, IAppPortalViewEvent>}
+     * @memberof PortalViewEngine
+     */
+    protected view: ViewController<IAppPortalView, IAppPortalViewState, IAppPortalViewEvent>;
+    /**
+     * 数据看板部件
+     *
+     * @readonly
+     * @memberof PortalViewEngine
+     */
+    get dashboard(): IWizardPanelController;
+    onCreated(): Promise<void>;
+}

package/es/view-engine/portal-view.engine.mjs

@@ -0,0 +1,21 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+"use strict";
+class PortalViewEngine extends ViewEngineBase {
+  /**
+   * 数据看板部件
+   *
+   * @readonly
+   * @memberof PortalViewEngine
+   */
+  get dashboard() {
+    return this.view.getController("dashboard");
+  }
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("dashboard");
+  }
+}
+
+export { PortalViewEngine };

package/es/view-engine/wf-step-trace-view.engine.d.ts

@@ -0,0 +1,41 @@
+import { ViewController, IWFStepTraceViewState, IWFStepTraceViewEvent, ViewEngineBase, IAppDEService } from '@ibiz-template/runtime';
+import { IAppDEWFDynaEditView } from '@ibiz/model-core';
+import { WFStepTraceController } from '../panel-component/wf-step-trace';
+export declare class WFStepTraceViewEngine extends ViewEngineBase {
+    protected view: ViewController<IAppDEWFDynaEditView, IWFStepTraceViewState, IWFStepTraceViewEvent>;
+    /**
+     * 实体服务
+     *
+     * @author zk
+     * @date 2023-07-04 10:07:42
+     * @protected
+     * @type {IAppDEService}
+     * @memberof WFStepTraceViewEngine
+     */
+    protected entityService: IAppDEService;
+    /**
+     * 导航占位控制器
+     *
+     * @readonly
+     * @type {(NavPosController | undefined)}
+     * @memberof WFStepTraceViewEngine
+     */
+    get WFStepTrace(): WFStepTraceController | undefined;
+    /**
+     * 生命周期-组件加载完成
+     *
+     * @author zk
+     * @date 2023-07-04 10:07:18
+     * @memberof WFStepTraceViewEngine
+     */
+    onMounted(): Promise<void>;
+    /**
+     * 加载数据
+     *
+     * @author zk
+     * @date 2023-07-04 10:07:36
+     * @return {*}
+     * @memberof WFStepTraceViewEngine
+     */
+    load(): Promise<void>;
+}

package/es/view-engine/wf-step-trace-view.engine.mjs

@@ -0,0 +1,71 @@
+import { RuntimeError } from '@ibiz-template/core';
+import { ViewEngineBase } 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 WFStepTraceViewEngine extends ViewEngineBase {
+  constructor() {
+    super(...arguments);
+    /**
+     * 实体服务
+     *
+     * @author zk
+     * @date 2023-07-04 10:07:42
+     * @protected
+     * @type {IAppDEService}
+     * @memberof WFStepTraceViewEngine
+     */
+    __publicField(this, "entityService");
+  }
+  /**
+   * 导航占位控制器
+   *
+   * @readonly
+   * @type {(NavPosController | undefined)}
+   * @memberof WFStepTraceViewEngine
+   */
+  get WFStepTrace() {
+    var _a;
+    return (_a = this.viewLayoutPanel) == null ? void 0 : _a.panelItems.wf_wfsteptrace;
+  }
+  /**
+   * 生命周期-组件加载完成
+   *
+   * @author zk
+   * @date 2023-07-04 10:07:18
+   * @memberof WFStepTraceViewEngine
+   */
+  async onMounted() {
+    var _a;
+    await super.onMounted();
+    const appDataEntityId = (_a = this.view.parentView) == null ? void 0 : _a.model.appDataEntityId;
+    if (!appDataEntityId) {
+      throw new RuntimeError("\u6CA1\u6709\u63A5\u6536\u5230appDataEntityId");
+    }
+    const app = ibiz.hub.getApp(this.view.context.srfappid);
+    this.entityService = await app.deService.getService(appDataEntityId);
+    await this.load();
+  }
+  /**
+   * 加载数据
+   *
+   * @author zk
+   * @date 2023-07-04 10:07:36
+   * @return {*}
+   * @memberof WFStepTraceViewEngine
+   */
+  async load() {
+    var _a;
+    const res = await this.entityService.wf.getWFHistory(this.view.context);
+    if (res.data) {
+      (_a = this.WFStepTrace) == null ? void 0 : _a.setData(res.data);
+    }
+  }
+}
+
+export { WFStepTraceViewEngine };

package/lib/_virtual/_commonjsHelpers.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+exports.commonjsGlobal = commonjsGlobal;
+exports.getAugmentedNamespace = getAugmentedNamespace;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+exports.getDefaultExportFromNamespaceIfNotNamed = getDefaultExportFromNamespaceIfNotNamed;
+exports.getDefaultExportFromNamespaceIfPresent = getDefaultExportFromNamespaceIfPresent;

package/lib/_virtual/rolldate.min.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var rolldate_min = {exports: {}};
+
+exports.__module = rolldate_min;

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./action-toolbar.css');
+
+"use strict";
+const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizActionToolbar",
+  props: {
+    actionDetails: {
+      type: Array,
+      required: true
+    },
+    actionsState: {
+      type: Object,
+      required: true
+    },
+    caption: String,
+    mode: {
+      type: String,
+      default: "buttons"
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("action-toolbar");
+    const handleClick = async (detail, event) => {
+      event.stopPropagation();
+      emit("action-click", detail, event);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    const details = this.actionDetails || [];
+    if (this.mode === "buttons") {
+      return vue.createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("buttons")]
+      }, [details.length > 0 && details.map((detail) => {
+        if (this.actionsState[detail.id].visible) {
+          return [detail.addSeparator && vue.createVNode("div", {
+            "class": this.ns.e("separator")
+          }, null), vue.createVNode(vue.resolveComponent("van-button"), {
+            "text": detail.showCaption ? detail.caption : "",
+            "size": "small",
+            "onClick": (e) => this.handleClick(detail, e),
+            "disabled": this.actionsState[detail.id].disabled,
+            "class": [this.ns.e("item"), this.ns.is("disabled", false)]
+          }, {
+            icon: () => {
+              return detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "icon": detail.sysImage
+              }, null);
+            }
+          })];
+        }
+        return null;
+      })]);
+    }
+    return vue.createVNode("div", null, [vue.createTextVNode("\u4E0B\u62C9\u6A21\u5F0F\u6682\u4E0D\u652F\u6301")]);
+  }
+});
+
+exports.IBizActionToolbar = IBizActionToolbar;

package/lib/common/action-toolbar/action-toolbar.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-separator-width);vertical-align:middle;background-color:var(--ibiz-action-toolbar-separator-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/col/col.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./col.css');
+
+"use strict";
+const IBizCol = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCol",
+  props: {
+    layoutPos: {
+      type: Object,
+      required: true
+    },
+    state: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("col");
+    const spacingClass = vue.computed(() => {
+      const ns2 = vue3Util.useNamespace("spacing");
+      const classArr = [];
+      if (props.layoutPos.layout !== "FLEX") {
+        return classArr;
+      }
+      const spacings = {
+        top: props.layoutPos.spacingTop,
+        bottom: props.layoutPos.spacingBottom,
+        left: props.layoutPos.spacingLeft,
+        right: props.layoutPos.spacingRight
+      };
+      Object.keys(spacings).forEach((position) => {
+        const value = spacings[position];
+        if (!value) {
+          return;
+        }
+        classArr.push(ns2.bm(position, value.toLowerCase()));
+      });
+      return classArr;
+    });
+    const gridAttrs = vue.computed(() => {
+      const gridLayoutPos = props.layoutPos;
+      if (gridLayoutPos.layout === "FLEX") {
+        return {};
+      }
+      const {
+        md
+      } = runtime.calcGridLayoutPos(gridLayoutPos);
+      return {
+        span: md.span,
+        offset: md.offset
+      };
+    });
+    const cssVars = vue.computed(() => {
+      const layout = props.state.layout;
+      const styles = {
+        width: layout.width,
+        height: layout.height
+      };
+      Object.assign(styles, layout.extraStyle);
+      return styles;
+    });
+    const colClass = vue.computed(() => {
+      var _a;
+      return [ns.b(), ((_a = props.layoutPos) == null ? void 0 : _a.layout) === "FLEX" ? ns.m("flex") : ns.m("grid"), ns.is("hidden", !props.state.visible), ...spacingClass.value, props.state.layout.extraClass];
+    });
+    return {
+      ns,
+      colClass,
+      gridAttrs,
+      cssVars
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    if (!this.state.visible && !this.state.keepAlive) {
+      return null;
+    }
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layoutPos) == null ? void 0 : _c.layout) === "FLEX") {
+      const pos = this.layoutPos;
+      return vue.createVNode("div", {
+        "class": this.colClass,
+        "style": {
+          flexGrow: pos.grow,
+          flexShrink: pos.shrink === 1 ? void 0 : pos.shrink,
+          flexBasis: `${pos.basis}px}`,
+          ...this.cssVars
+        }
+      }, [defaultSlot]);
+    }
+    return vue.h(vue.resolveComponent("van-col"), {
+      class: this.colClass,
+      style: this.cssVars,
+      ...this.gridAttrs
+    }, {
+      default: () => defaultSlot
+    });
+  }
+});
+
+exports.IBizCol = IBizCol;

package/lib/common/col/col.css

@@ -0,0 +1 @@
+.ibiz-col--flex{min-width:0;min-height:0}.ibiz-col.is-hidden{display:none}.ibiz-spacing-top--outersmall{margin-top:var(--ibiz-spacing-tight)}.ibiz-spacing-top--outermedium{margin-top:var(--ibiz-spacing-base)}.ibiz-spacing-top--outerlarge{margin-top:var(--ibiz-spacing-loose)}.ibiz-spacing-top--outernone{margin-top:var(--ibiz-spacing-none)}.ibiz-spacing-top--innersmall{padding-top:var(--ibiz-spacing-tight)}.ibiz-spacing-top--innermedium{padding-top:var(--ibiz-spacing-base)}.ibiz-spacing-top--innerlarge{padding-top:var(--ibiz-spacing-loose)}.ibiz-spacing-top--innernone{padding-top:var(--ibiz-spacing-none)}.ibiz-spacing-bottom--outersmall{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-spacing-bottom--outermedium{margin-bottom:var(--ibiz-spacing-base)}.ibiz-spacing-bottom--outerlarge{margin-bottom:var(--ibiz-spacing-loose)}.ibiz-spacing-bottom--outernone{margin-bottom:var(--ibiz-spacing-none)}.ibiz-spacing-bottom--innersmall{padding-bottom:var(--ibiz-spacing-tight)}.ibiz-spacing-bottom--innermedium{padding-bottom:var(--ibiz-spacing-base)}.ibiz-spacing-bottom--innerlarge{padding-bottom:var(--ibiz-spacing-loose)}.ibiz-spacing-bottom--innernone{padding-bottom:var(--ibiz-spacing-none)}.ibiz-spacing-left--outersmall{margin-left:var(--ibiz-spacing-tight)}.ibiz-spacing-left--outermedium{margin-left:var(--ibiz-spacing-base)}.ibiz-spacing-left--outerlarge{margin-left:var(--ibiz-spacing-loose)}.ibiz-spacing-left--outernone{margin-left:var(--ibiz-spacing-none)}.ibiz-spacing-left--innersmall{padding-left:var(--ibiz-spacing-tight)}.ibiz-spacing-left--innermedium{padding-left:var(--ibiz-spacing-base)}.ibiz-spacing-left--innerlarge{padding-left:var(--ibiz-spacing-loose)}.ibiz-spacing-left--innernone{padding-left:var(--ibiz-spacing-none)}.ibiz-spacing-right--outersmall{margin-right:var(--ibiz-spacing-tight)}.ibiz-spacing-right--outermedium{margin-right:var(--ibiz-spacing-base)}.ibiz-spacing-right--outerlarge{margin-right:var(--ibiz-spacing-loose)}.ibiz-spacing-right--outernone{margin-right:var(--ibiz-spacing-none)}.ibiz-spacing-right--innersmall{padding-right:var(--ibiz-spacing-tight)}.ibiz-spacing-right--innermedium{padding-right:var(--ibiz-spacing-base)}.ibiz-spacing-right--innerlarge{padding-right:var(--ibiz-spacing-loose)}.ibiz-spacing-right--innernone{padding-right:var(--ibiz-spacing-none)}

package/lib/common/index.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var actionToolbar = require('./action-toolbar/action-toolbar.cjs');
+var col = require('./col/col.cjs');
+var keepAlive = require('./keep-alive/keep-alive.cjs');
+var noData = require('./no-data/no-data.cjs');
+var rawitem = require('./rawitem/rawitem.cjs');
+var row = require('./row/row.cjs');
+
+"use strict";
+const IBizCommonComponents = {
+  install: (v) => {
+    v.component(vue3Util.IBizViewShell.name, vue3Util.IBizViewShell);
+    v.component(row.IBizRow.name, row.IBizRow);
+    v.component(col.IBizCol.name, col.IBizCol);
+    v.component(vue3Util.IBizIcon.name, vue3Util.IBizIcon);
+    v.component(vue3Util.IBizControlBase.name, vue3Util.IBizControlBase);
+    v.component(keepAlive.IBizKeepAlive.name, keepAlive.IBizKeepAlive);
+    v.component(vue3Util.IBizRouterView.name, vue3Util.IBizRouterView);
+    v.component(actionToolbar.IBizActionToolbar.name, actionToolbar.IBizActionToolbar);
+    v.component(noData.IBizNoData.name, noData.IBizNoData);
+    v.component(vue3Util.IBizControlShell.name, vue3Util.IBizControlShell);
+    v.component(rawitem.IBizRawItem.name, rawitem.IBizRawItem);
+  }
+};
+
+exports.IBizCol = col.IBizCol;
+exports.IBizKeepAlive = keepAlive.IBizKeepAlive;
+exports.MoveType = keepAlive.MoveType;
+exports.ShapeFlags = keepAlive.ShapeFlags;
+exports.devtoolsComponentAdded = keepAlive.devtoolsComponentAdded;
+exports.invokeArrayFns = keepAlive.invokeArrayFns;
+exports.invokeVNodeHook = keepAlive.invokeVNodeHook;
+exports.isAsyncWrapper = keepAlive.isAsyncWrapper;
+exports.isKeepAlive = keepAlive.isKeepAlive;
+exports.queuePostRenderEffect = keepAlive.queuePostRenderEffect;
+exports.setTransitionHooks = keepAlive.setTransitionHooks;
+exports.IBizRow = row.IBizRow;
+exports.IBizCommonComponents = IBizCommonComponents;
+exports.default = IBizCommonComponents;