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

package/lib/control/drtab/drtab.controller.cjs

@@ -0,0 +1,276 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@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 runtime.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 !== runtime.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 ? vue3Util.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 } = runtime.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
+    });
+  }
+}
+
+exports.DRTabController = DRTabController;

package/lib/control/drtab/drtab.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"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");
+  }
+}
+
+exports.DRTabProvider = DRTabProvider;

package/lib/control/drtab/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var drtab = require('./drtab.cjs');
+var drtab_provider = require('./drtab.provider.cjs');
+var drtab_controller = require('./drtab.controller.cjs');
+
+"use strict";
+const IBizDRTabControl = vue3Util.withInstall(drtab.DRTabControl, function(v) {
+  v.component(drtab.DRTabControl.name, drtab.DRTabControl);
+  runtime.registerControlProvider(runtime.ControlType.DRTAB, () => new drtab_provider.DRTabProvider());
+});
+
+exports.DRTabProvider = drtab_provider.DRTabProvider;
+exports.DRTabController = drtab_controller.DRTabController;
+exports.IBizDRTabControl = IBizDRTabControl;
+exports.default = IBizDRTabControl;

package/lib/control/form/edit-form/edit-form.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+
+"use strict";
+const EditFormControl = /* @__PURE__ */ vue.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 = vue3Util.useControlController((...args) => new runtime.EditFormController(...args));
+    vue.watch(() => c.state.data, (newVal, oldVal) => {
+      if (newVal && newVal !== oldVal) {
+        c.state.isLoaded = true;
+      }
+    }, {
+      immediate: true
+    });
+    const ns = vue3Util.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 = vue.reactive(detail.state);
+      });
+    });
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("iBizFormControl"), {
+      "class": this.ns.b(),
+      "controller": this.c
+    }, {
+      ...this.$slots
+    });
+  }
+});
+
+exports.EditFormControl = EditFormControl;

package/lib/control/form/edit-form/edit-form.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"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");
+  }
+}
+
+exports.EditFormProvider = EditFormProvider;

package/lib/control/form/edit-form/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var editForm_provider = require('./edit-form.provider.cjs');
+var editForm = require('./edit-form.cjs');
+
+"use strict";
+const IBizEditFormControl = vue3Util.withInstall(
+  editForm.EditFormControl,
+  function(v) {
+    v.component(editForm.EditFormControl.name, editForm.EditFormControl);
+    runtime.registerControlProvider(runtime.ControlType.FORM, () => new editForm_provider.EditFormProvider());
+  }
+);
+
+exports.IBizEditFormControl = IBizEditFormControl;
+exports.default = IBizEditFormControl;

package/lib/control/form/form/form.cjs

@@ -0,0 +1,103 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./form.css');
+
+"use strict";
+const FormControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormControl",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const ns = vue3Util.useNamespace("control-form");
+    const c = props.controller;
+    const slotProps = {
+      form: c
+    };
+    const renderByDetailType = (detail) => {
+      if (detail.hidden) {
+        return;
+      }
+      const detailId = detail.id;
+      const detailProps = {
+        modelData: detail,
+        controller: c.details[detailId],
+        key: detail.id
+      };
+      if (slots[detailId]) {
+        return vue.renderSlot(slots, detailId, {
+          ...slotProps,
+          ...detailProps
+        });
+      }
+      const childSlots = {};
+      if (detail.detailType === "FORMITEM" && slots[`${detailId}_editor`]) {
+        childSlots.default = (...args) => {
+          return slots[`${detailId}_editor`](...args);
+        };
+      }
+      const childDetails = runtime.findChildFormDetails(detail);
+      if (childDetails.length) {
+        childSlots.default = () => childDetails.map((child) => {
+          return renderByDetailType(child);
+        });
+      }
+      const provider = c.providers[detailId];
+      if (!provider) {
+        return vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u652F\u6301\u7684\u8868\u5355\u9879\u7C7B\u578B: "), detail.detailType, vue.createTextVNode("\u6216\u627E\u4E0D\u5230\u5BF9\u5E94\u9002\u914D\u5668")]);
+      }
+      const component = vue.resolveComponent(provider.component);
+      return vue.h(component, {
+        ...detailProps
+      }, childSlots);
+    };
+    const FormDetail = (_props) => {
+      const {
+        modelData
+      } = _props;
+      const detailModels = modelData instanceof Array ? modelData : [modelData];
+      return detailModels.map((detail) => {
+        return renderByDetailType(detail);
+      });
+    };
+    FormDetail.props = ["modelData"];
+    slotProps.FormDetail = FormDetail;
+    return {
+      ns,
+      c,
+      FormDetail,
+      slotProps,
+      renderByDetailType
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "class": [this.ns.b()],
+      "controller": this.c
+    }, {
+      default: () => [this.c.state.isCreated && [this.$slots.default ? this.$slots.default({
+        ...this.slotProps
+      }) : vue.createVNode(vue.resolveComponent("iBizFormPage"), {
+        "modelData": this.c.model,
+        "controller": this.c
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = this.c.model.deformPages) == null ? void 0 : _a.map((page) => {
+            return this.renderByDetailType(page);
+          })];
+        }
+      }), this.$slots.searchFooter && this.$slots.searchFooter({})]]
+    });
+  }
+});
+
+exports.FormControl = FormControl;

package/lib/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)}

package/lib/control/form/form/index.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var form = require('./form.cjs');
+require('../form-detail/index.cjs');
+var index = require('../form-detail/form-page/index.cjs');
+var index$1 = require('../form-detail/form-item/index.cjs');
+var index$2 = require('../form-detail/form-group-panel/index.cjs');
+var index$3 = require('../form-detail/form-button/index.cjs');
+var index$4 = require('../form-detail/form-druipart/index.cjs');
+var index$5 = require('../form-detail/form-rawitem/index.cjs');
+var index$6 = require('../form-detail/form-tab-panel/index.cjs');
+var index$7 = require('../form-detail/form-tab-page/index.cjs');
+var index$8 = require('../form-detail/form-mdctrl/index.cjs');
+
+"use strict";
+const IBizFormControl = vue3Util.withInstall(form.FormControl, function(v) {
+  v.component(form.FormControl.name, form.FormControl);
+  v.use(index.IBizFormPage);
+  v.use(index$1.IBizFormItem);
+  v.use(index$2.IBizFormGroupPanel);
+  v.use(index$3.IBizFormButton);
+  v.use(index$4.IBizFormDRUIPart);
+  v.use(index$5.IBizFormRawItem);
+  v.use(index$6.IBizFormTabPanel);
+  v.use(index$7.IBizFormTabPage);
+  v.use(index$8.IBizFormMDCtrl);
+});
+
+exports.IBizFormControl = IBizFormControl;
+exports.default = IBizFormControl;

package/lib/control/form/form-detail/form-button/form-button.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./form-button.css');
+
+"use strict";
+const FormButton = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormButton",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.FormButtonController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("form-button");
+    const captionText = vue.computed(() => {
+      const {
+        caption,
+        captionItemName
+      } = props.modelData;
+      if (captionItemName && props.controller.data[captionItemName]) {
+        return props.controller.data[captionItemName];
+      }
+      return caption;
+    });
+    return {
+      ns,
+      captionText
+    };
+  },
+  render() {
+    if (!this.controller.state.visible) {
+      return null;
+    }
+    return vue.createVNode(vue.resolveComponent("van-button"), {
+      "onClick": this.controller.onClick.bind(this.controller),
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName)]
+    }, {
+      default: () => [this.captionText]
+    });
+  }
+});
+
+exports.FormButton = FormButton;
+exports.default = FormButton;

package/lib/control/form/form-detail/form-button/form-button.css

@@ -0,0 +1 @@
+.ibiz-form-button{width:100%;height:100%}

package/lib/control/form/form-detail/form-button/form-button.provider.cjs

@@ -0,0 +1,23 @@
+'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 FormButtonProvider {
+  constructor() {
+    __publicField(this, "component", "IBizFormButton");
+  }
+  async createController(detailModel, form, parent) {
+    const c = new runtime.FormButtonController(detailModel, form, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.FormButtonProvider = FormButtonProvider;

package/lib/control/form/form-detail/form-button/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var formButton = require('./form-button.cjs');
+var formButton_provider = require('./form-button.provider.cjs');
+
+"use strict";
+const IBizFormButton = vue3Util.withInstall(formButton.FormButton, function(v) {
+  v.component(formButton.FormButton.name, formButton.FormButton);
+  runtime.registerFormDetailProvider("BUTTON", () => new formButton_provider.FormButtonProvider());
+});
+
+exports.FormButtonProvider = formButton_provider.FormButtonProvider;
+exports.IBizFormButton = IBizFormButton;
+exports.default = IBizFormButton;