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

package/es/control/drtab/drtab.controller.mjs

@@ -0,0 +1,274 @@
+import { ControlController, Srfuf, calcNavParams } from '@ibiz-template/runtime';
+import { getNestedRoutePath } from '@ibiz-template/vue3-util';
+
+"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 DRTabController extends ControlController {
+  constructor() {
+    super(...arguments);
+    /**
+     * Router 对象
+     *
+     * @type {Router}
+     * @memberof DRTabController
+     */
+    __publicField(this, "router");
+  }
+  /**
+   * 导航占位控制器
+   *
+   * @readonly
+   * @memberof DRTabController
+   */
+  get navPos() {
+    var _a;
+    return (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.nav_pos;
+  }
+  /**
+   * 表单部件
+   *
+   * @readonly
+   * @memberof DRTabController
+   */
+  get form() {
+    return this.view.getController("form");
+  }
+  /**
+   * 路由层级
+   *
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof DRTabController
+   */
+  get routeDepth() {
+    return this.view.modal.routeDepth;
+  }
+  /**
+   * 设置 Router 对象
+   *
+   * @param {Router} router
+   * @memberof DRTabController
+   */
+  setRouter(router) {
+    this.router = router;
+  }
+  /**
+   * 获取数据
+   *
+   * @return {*}  {IData[]}
+   * @memberof DRTabController
+   */
+  getData() {
+    var _a;
+    return ((_a = this.form) == null ? void 0 : _a.getData()) || [{}];
+  }
+  /**
+   * 初始化state的属性
+   *
+   * @protected
+   * @memberof DRTabController
+   */
+  initState() {
+    super.initState();
+    this.state.drTabPages = [];
+  }
+  /**
+   * 创建完成
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof DRTabController
+   */
+  async onCreated() {
+    await super.onCreated();
+  }
+  /**
+   * 加载完成
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof DRTabController
+   */
+  async onMounted() {
+    await super.onMounted();
+    if (this.form) {
+      this.form.evt.on("onLoadSuccess", () => {
+        this.handleFormChange();
+      });
+      this.form.evt.on("onLoadDraftSuccess", () => {
+        this.handleFormChange();
+      });
+      this.form.evt.on("onSaveSuccess", () => {
+        this.handleFormChange();
+      });
+    }
+    this.initDRTabPages();
+  }
+  /**
+   * 处理表单数据变更
+   *
+   * @memberof DRTabController
+   */
+  handleFormChange() {
+    const disabled = this.getData()[0].srfuf !== Srfuf.UPDATE;
+    this.setDRTabPagesState(this.state.drTabPages, disabled);
+  }
+  /**
+   * 设置关系分页状态
+   *
+   * @param {IDRTabPagesState[]} drTabPages 关系分页
+   * @param {boolean} disabled 禁用状态
+   * @memberof DRTabController
+   */
+  setDRTabPagesState(drTabPages, disabled) {
+    drTabPages.forEach((item) => {
+      if (item.tag !== this.model.uniqueTag) {
+        item.disabled = disabled;
+      }
+    });
+  }
+  /**
+   * 初始化关系分页数据
+   *
+   * @memberof DRTabController
+   */
+  initDRTabPages() {
+    const {
+      editItemCaption,
+      editItemCapLanguageRes,
+      hideEditItem,
+      editItemSysImage,
+      uniqueTag,
+      dedrtabPages
+    } = this.model;
+    const drTabPages = [];
+    let caption = editItemCaption;
+    if (editItemCapLanguageRes) {
+      caption = ibiz.i18n.t(editItemCapLanguageRes.lanResTag, editItemCaption);
+    }
+    drTabPages.push({
+      tag: uniqueTag,
+      caption,
+      hidden: !!hideEditItem,
+      disabled: false,
+      sysImage: editItemSysImage,
+      fullPath: this.routeDepth ? getNestedRoutePath(this.router.currentRoute.value, this.routeDepth) : ""
+    });
+    dedrtabPages == null ? void 0 : dedrtabPages.forEach((item) => {
+      let itemCaption = item.caption;
+      if (item.capLanguageRes) {
+        itemCaption = ibiz.i18n.t(item.capLanguageRes.lanResTag, item.caption);
+      }
+      drTabPages.push({
+        tag: item.id,
+        caption: itemCaption,
+        sysImage: item.sysImage,
+        hidden: false,
+        disabled: false
+      });
+    });
+    this.state.drTabPages = drTabPages;
+    if (this.view.state.srfnav) {
+      this.state.activeName = this.view.state.srfnav;
+      this.handleTabChange();
+    } else {
+      this.state.activeName = drTabPages[0].tag;
+    }
+  }
+  /**
+   * 处理分页改变
+   *
+   * @memberof DRTabController
+   */
+  handleTabChange() {
+    var _a;
+    const { activeName } = this.state;
+    const drBarItem = (_a = this.model.dedrtabPages) == null ? void 0 : _a.find(
+      (item) => item.id === activeName
+    );
+    if (drBarItem) {
+      this.setVisible("navPos");
+      this.openNavPosView(drBarItem);
+    } else {
+      this.setVisible("form");
+      if (this.routeDepth) {
+        this.router.push(this.state.drTabPages[0].fullPath);
+      }
+    }
+  }
+  /**
+   * 设置显示状态
+   *
+   * @param {('form' | 'navPos')} ctrlName 显示的部件名称
+   * @memberof DRTabController
+   */
+  setVisible(ctrlName) {
+    var _a;
+    const viewForm = (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.view_form;
+    if (ctrlName === "form") {
+      if (viewForm) {
+        viewForm.state.visible = true;
+        viewForm.state.keepAlive = true;
+      }
+      if (this.navPos) {
+        this.navPos.state.visible = false;
+        this.navPos.state.keepAlive = true;
+      }
+    } else {
+      if (viewForm) {
+        viewForm.state.visible = false;
+        viewForm.state.keepAlive = true;
+      }
+      if (this.navPos) {
+        this.navPos.state.visible = true;
+        this.navPos.state.keepAlive = true;
+      }
+    }
+  }
+  /**
+   * 准备参数
+   *
+   * @param {IDEDRCtrlItem} drTabPages 关系分页
+   * @return {*}
+   * @memberof DRTabController
+   */
+  prepareParams(drTabPages) {
+    const { navigateContexts, navigateParams } = drTabPages;
+    const model = {
+      navContexts: navigateContexts,
+      navParams: navigateParams
+    };
+    const originParams = {
+      context: this.context,
+      params: this.params,
+      data: this.getData()[0]
+    };
+    const { resultContext, resultParams } = calcNavParams(model, originParams);
+    const context = Object.assign(this.context.clone(), resultContext, {
+      currentSrfNav: drTabPages.id
+    });
+    const params = { ...this.params, ...resultParams };
+    return { context, params };
+  }
+  /**
+   * 打开导航占位视图
+   *
+   * @param {IDEDRCtrlItem} drTabPages 关系分页
+   * @memberof DRTabController
+   */
+  async openNavPosView(drTabPages) {
+    var _a;
+    const { context, params } = this.prepareParams(drTabPages);
+    (_a = this.navPos) == null ? void 0 : _a.openView({
+      key: drTabPages.id,
+      context,
+      params,
+      viewId: drTabPages.appViewId
+    });
+  }
+}
+
+export { DRTabController };

package/es/control/drtab/drtab.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { IDEDRTab } from '@ibiz/model-core';
+import { DRTabController } from './drtab.controller';
+import './drtab.scss';
+export declare const DRTabControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEDRTab>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    c: DRTabController;
+    ns: import("@ibiz-template/core").Namespace;
+    onTabChange: (name: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEDRTab>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>;

package/es/control/drtab/drtab.mjs

@@ -0,0 +1,71 @@
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useRouter } from 'vue-router';
+import { DRTabController } from './drtab.controller.mjs';
+import './drtab.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DRTabControl = /* @__PURE__ */ defineComponent({
+  name: "IBizDrTabControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new DRTabController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const router = useRouter();
+    c.setRouter(router);
+    const onTabChange = (name) => {
+      c.state.activeName = name;
+      c.handleTabChange();
+    };
+    return {
+      c,
+      ns,
+      onTabChange
+    };
+  },
+  render() {
+    let _slot;
+    const {
+      isCreated,
+      drTabPages
+    } = this.c.state;
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": this.ns.b()
+    }, {
+      default: () => [isCreated && createVNode(resolveComponent("van-tabs"), {
+        "onChange": this.onTabChange,
+        "class": [this.ns.b("tabs")],
+        "active": this.c.state.activeName
+      }, _isSlot(_slot = drTabPages.map((tab) => {
+        return createVNode(resolveComponent("van-tab"), {
+          "class": this.ns.e("tab-item"),
+          "name": tab.tag,
+          "disabled": tab.disabled
+        }, {
+          title: () => tab.caption
+        });
+      })) ? _slot : {
+        default: () => [_slot]
+      })]
+    });
+  }
+});
+
+export { DRTabControl };

package/es/control/drtab/drtab.provider.d.ts

@@ -0,0 +1,11 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 数据关系分页适配器
+ *
+ * @export
+ * @class DRTabProvider
+ * @implements {IControlProvider}
+ */
+export declare class DRTabProvider implements IControlProvider {
+    component: string;
+}

package/es/control/drtab/drtab.provider.mjs

@@ -0,0 +1,14 @@
+"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 DRTabProvider {
+  constructor() {
+    __publicField(this, "component", "IBizDrTabControl");
+  }
+}
+
+export { DRTabProvider };

package/es/control/drtab/index.d.ts

@@ -0,0 +1,36 @@
+export * from './drtab.provider';
+export * from './drtab.controller';
+export declare const IBizDRTabControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEDRTab>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    c: import("./drtab.controller").DRTabController;
+    ns: import("@ibiz-template/core").Namespace;
+    onTabChange: (name: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEDRTab>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizDRTabControl;

package/es/control/drtab/index.mjs

@@ -0,0 +1,13 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { DRTabControl } from './drtab.mjs';
+import { DRTabProvider } from './drtab.provider.mjs';
+export { DRTabController } from './drtab.controller.mjs';
+
+"use strict";
+const IBizDRTabControl = withInstall(DRTabControl, function(v) {
+  v.component(DRTabControl.name, DRTabControl);
+  registerControlProvider(ControlType.DRTAB, () => new DRTabProvider());
+});
+
+export { DRTabProvider, IBizDRTabControl, IBizDRTabControl as default };

package/es/control/form/edit-form/edit-form.d.ts

@@ -0,0 +1,52 @@
+import { EditFormController } from '@ibiz-template/runtime';
+import { IDEEditForm } from '@ibiz/model-core';
+import { PropType } from 'vue';
+export declare const EditFormControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEEditForm>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: PropType<IData>;
+        required: false;
+    };
+}, {
+    c: EditFormController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEEditForm>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: PropType<IData>;
+        required: false;
+    };
+}>>, {
+    params: IParams;
+    isSimple: boolean;
+}, {}>;

package/es/control/form/edit-form/edit-form.mjs

@@ -0,0 +1,62 @@
+import { watch, reactive, resolveComponent, createVNode, defineComponent } from 'vue';
+import { EditFormController } from '@ibiz-template/runtime';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+
+"use strict";
+const EditFormControl = /* @__PURE__ */ defineComponent({
+  name: "IBizEditFormControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    data: {
+      type: Object,
+      required: false
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new EditFormController(...args));
+    watch(() => c.state.data, (newVal, oldVal) => {
+      if (newVal && newVal !== oldVal) {
+        c.state.isLoaded = true;
+      }
+    }, {
+      immediate: true
+    });
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    c.evt.on("onCreated", () => {
+      const keys = Object.keys(c.details);
+      keys.forEach((key) => {
+        const detail = c.details[key];
+        detail.state = reactive(detail.state);
+      });
+    });
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizFormControl"), {
+      "class": this.ns.b(),
+      "controller": this.c
+    }, {
+      ...this.$slots
+    });
+  }
+});
+
+export { EditFormControl };

package/es/control/form/edit-form/edit-form.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 编辑表单适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class EditFormProvider
+ * @implements {IControlProvider}
+ */
+export declare class EditFormProvider implements IControlProvider {
+    component: string;
+}

package/es/control/form/edit-form/edit-form.provider.mjs

@@ -0,0 +1,14 @@
+"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 EditFormProvider {
+  constructor() {
+    __publicField(this, "component", "IBizEditFormControl");
+  }
+}
+
+export { EditFormProvider };

package/es/control/form/edit-form/index.d.ts

@@ -0,0 +1,50 @@
+export declare const IBizEditFormControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEEditForm>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
+}, {
+    c: import("@ibiz-template/runtime").EditFormController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEEditForm>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    isSimple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    data: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
+}>>, {
+    params: IParams;
+    isSimple: boolean;
+}, {}>>;
+export default IBizEditFormControl;

package/es/control/form/edit-form/index.mjs

@@ -0,0 +1,15 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { EditFormProvider } from './edit-form.provider.mjs';
+import { EditFormControl } from './edit-form.mjs';
+
+"use strict";
+const IBizEditFormControl = withInstall(
+  EditFormControl,
+  function(v) {
+    v.component(EditFormControl.name, EditFormControl);
+    registerControlProvider(ControlType.FORM, () => new EditFormProvider());
+  }
+);
+
+export { IBizEditFormControl, IBizEditFormControl as default };

package/es/control/form/form/form.css

@@ -0,0 +1 @@
+.ibiz-control-form{--ibiz-control-form-bg-color:transparent}.ibiz-control-form{width:100%;height:100%;background-color:var(--ibiz-control-form-bg-color)}