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

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

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var formMdctrlContainer = require('../form-mdctrl-container/form-mdctrl-container.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const FormMDCtrlForm = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrlForm",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("form-mdctrl");
+    vue3Util.useController(props.controller);
+    const c = props.controller;
+    c.state = vue.reactive(c.state);
+    return {
+      ns,
+      c
+    };
+  },
+  render() {
+    let _slot;
+    const c = this.c;
+    const renderContent = () => {
+      if (c.controlModel && c.provider) {
+        return c.state.data.map((item, index) => {
+          const tempContext = c.parent.form.context.clone();
+          if (c.model.contentControl) {
+            const codeName = runtime.calcDeCodeNameById(c.model.contentControl.appDataEntityId);
+            tempContext[codeName] = item.srfkey;
+          }
+          const controlProps = {
+            modelData: c.controlModel,
+            context: tempContext,
+            params: c.parent.form.params,
+            onFormDataChange: (arg) => c.onFormChange(arg.data, index),
+            onRemoveSuccess: () => c.onFormRemoveSuccess(index),
+            onCreated: (event) => c.onControlCreated(event, index)
+          };
+          const controlComponent = vue.h(vue.resolveComponent(c.provider.component), controlProps);
+          return vue.createVNode(vue.resolveComponent("van-swipe-cell"), {
+            "class": this.ns.b("form-content"),
+            "key": item.srfkey
+          }, {
+            default: () => [controlComponent, {
+              default: () => {
+                return controlComponent;
+              },
+              right: () => {
+                return c.parent.isDelete && vue.createVNode(vue.resolveComponent("van-button"), {
+                  "onClick": () => this.c.onDataRemove(index)
+                }, {
+                  default: () => [vue.createTextVNode("\u5220\u9664")]
+                });
+              }
+            }]
+          });
+        });
+      }
+    };
+    return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("form"),
+      "controller": c.parent,
+      "onInsertButtonClick": () => {
+        c.onDataInsert();
+      }
+    }, _isSlot(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.FormMDCtrlForm = FormMDCtrlForm;
+exports.default = FormMDCtrlForm;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-list/form-mdctrl-list.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var formMdctrlContainer = require('../form-mdctrl-container/form-mdctrl-container.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const FormMDCtrlList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrlList",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("form-mdctrl");
+    vue3Util.useController(props.controller);
+    const c = props.controller;
+    c.state = vue.reactive(c.state);
+    return {
+      ns,
+      c
+    };
+  },
+  render() {
+    let _slot;
+    const c = this.c;
+    const renderContent = () => {
+      if (c.controlModel && c.provider) {
+        const tempContext = c.parent.form.context.clone();
+        const controlProps = {
+          modelData: c.controlModel,
+          context: tempContext,
+          params: c.parent.form.params,
+          onSelectionChange: (arg) => c.onSelectionChange(arg),
+          onCreated: (event) => c.onListCreated(event),
+          class: this.ns.b("form-content-control")
+        };
+        const controlComponent = vue.h(vue.resolveComponent(c.provider.component), controlProps);
+        return vue.createVNode("div", {
+          "class": this.ns.b("form-content")
+        }, [controlComponent, vue.createVNode("div", {
+          "class": this.ns.b("btn")
+        }, [c.parent.isDelete && vue.createVNode(vue.resolveComponent("van-button"), {
+          "type": "danger",
+          "class": this.ns.b("remove-btn"),
+          "disabled": !this.c.state.isSelect,
+          "onClick": () => this.c.onDataRemove()
+        }, {
+          default: () => [vue.createTextVNode("\u5220\u9664")]
+        })])]);
+      }
+    };
+    return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("list"),
+      "controller": c.parent,
+      "onInsertButtonClick": () => {
+        c.onDataInsert();
+      }
+    }, _isSlot(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.FormMDCtrlList = FormMDCtrlList;
+exports.default = FormMDCtrlList;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.cjs

@@ -0,0 +1,159 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const FormMDCtrlRepeaterFormShell = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrlRepeaterFormShell",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Object,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    },
+    buttonVisible: {
+      type: Boolean,
+      default: true,
+      required: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const c = vue3Util.useControlController((...args) => new runtime.FormMDCtrlItemController(...args, props.data, props.controller.parent.form));
+    const ns = vue3Util.useNamespace("form-mdctrl");
+    c.state.isLoaded = true;
+    const init = vue.ref(false);
+    c.evt.on("onCreated", () => {
+      const keys = Object.keys(c.details);
+      keys.forEach((key) => {
+        const detail = c.details[key];
+        detail.state = vue.reactive(detail.state);
+      });
+      init.value = true;
+    });
+    c.evt.on("onFormDataChange", (arg) => {
+      if (arg.data.length > 0) {
+        props.controller.onDataItemChange(arg.data[0], props.index);
+      }
+    });
+    const slotProps = {
+      form: c
+    };
+    const renderByDetailType = (detail, item, index) => {
+      let _slot;
+      if (detail.hidden) {
+        return;
+      }
+      const detailId = detail.id;
+      const controller = c.details[detailId];
+      const detailProps = {
+        modelData: detail,
+        controller,
+        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, item, index);
+        });
+      }
+      const provider = (controller == null ? void 0 : controller.form).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.createVNode(vue.resolveComponent("iBizCol"), {
+        "layoutPos": detailProps.modelData.layoutPos,
+        "state": detailProps.controller.state
+      }, _isSlot(_slot = vue.h(component, {
+        ...detailProps
+      }, childSlots)) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    return {
+      c,
+      ns,
+      renderByDetailType,
+      init
+    };
+  },
+  render() {
+    if (!this.init) {
+      return;
+    }
+    const renderDetails = (item, index) => {
+      var _a;
+      if (!this.c.data) {
+        return null;
+      }
+      return (_a = this.controller.model.deformDetails) == null ? void 0 : _a.map((detail) => {
+        return this.renderByDetailType(detail, item, index);
+      });
+    };
+    return vue.createVNode(vue.resolveComponent("van-swipe-cell"), {
+      "class": `${this.ns.b("form-content")} ${this.ns.b("repeater-form-shell")}`
+    }, {
+      default: () => {
+        let _slot2;
+        return vue.createVNode("div", {
+          "class": this.ns.b("form-content-container")
+        }, [vue.createVNode(vue.resolveComponent("iBizRow"), {
+          "layout": this.c.model.layout
+        }, _isSlot(_slot2 = renderDetails(this.data, this.index)) ? _slot2 : {
+          default: () => [_slot2]
+        })]);
+      },
+      right: () => {
+        return this.buttonVisible && this.controller.parent.isDelete && vue.createVNode(vue.resolveComponent("van-button"), {
+          "class": this.ns.b("btn"),
+          "type": "danger",
+          "onClick": () => {
+            this.controller.onDataRemove(this.index);
+          }
+        }, {
+          default: () => [vue.createTextVNode("\u5220\u9664")]
+        });
+      }
+    });
+  }
+});
+
+exports.FormMDCtrlRepeaterFormShell = FormMDCtrlRepeaterFormShell;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const FormMDCtrlRepeaterForm = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrlRepeaterForm",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("form-mdctrl");
+    vue3Util.useController(props.controller);
+    const c = props.controller;
+    return {
+      ns,
+      c
+    };
+  },
+  render() {
+    let _slot;
+    if (!this.c) {
+      return;
+    }
+    const renderContent = () => {
+      return this.c.data.map((item, index) => {
+        return vue.createVNode(vue.resolveComponent("iBizFormMDCtrlRepeaterFormShell"), {
+          "modelData": this.c.model,
+          "context": this.c.parent.form.context,
+          "params": this.c.parent.form.params,
+          "data": item,
+          "index": index,
+          "controller": this.c,
+          "onControllerAppear": (c) => {
+            this.c.setFromController(c);
+          }
+        }, null);
+      });
+    };
+    return vue.createVNode(vue.resolveComponent("formMDCtrlContainer"), {
+      "class": this.ns.b("repeater-form"),
+      "controller": this.c.parent,
+      "onInsertButtonClick": () => {
+        this.c.onDataInsert();
+      }
+    }, _isSlot(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.FormMDCtrlRepeaterForm = FormMDCtrlRepeaterForm;
+exports.default = FormMDCtrlRepeaterForm;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var formMdctrlContainer = require('../../form-mdctrl-container/form-mdctrl-container.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const FormMDCtrlRepeaterFormOne = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrlRepeaterFormOne",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("form-mdctrl");
+    vue3Util.useController(props.controller);
+    const c = props.controller;
+    return {
+      ns,
+      c
+    };
+  },
+  render() {
+    let _slot;
+    if (!this.c) {
+      return;
+    }
+    const renderContent = () => {
+      return vue.createVNode(vue.resolveComponent("iBizFormMDCtrlRepeaterFormShell"), {
+        "modelData": this.c.model,
+        "context": this.c.parent.form.context,
+        "params": this.c.parent.form.params,
+        "data": this.c.data,
+        "index": 0,
+        "controller": this.c,
+        "buttonVisible": false,
+        "onControllerAppear": (c) => {
+          this.c.setFromController(c);
+        }
+      }, null);
+    };
+    return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
+      "class": this.ns.b("repeater-form-one"),
+      "controller": this.c.parent,
+      "buttonVisible": false
+    }, _isSlot(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.FormMDCtrlRepeaterFormOne = FormMDCtrlRepeaterFormOne;
+exports.default = FormMDCtrlRepeaterFormOne;

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

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const FormMDCtrl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.FormMDCtrlController,
+      required: true
+    }
+  },
+  setup(props) {
+    vue3Util.useController(props.controller);
+    const c = props.controller;
+    const renderContentRepeater = () => {
+      switch (c.model.detailStyle) {
+        case "STYLE2":
+          return vue.createVNode(vue.resolveComponent("iBizFormMDCtrlRepeaterGrid"), {
+            "controller": c.mdCtrlContentController
+          }, null);
+        case "STYLE3":
+          return vue.createVNode(vue.resolveComponent("iBizFormMDCtrlRepeaterFormOne"), {
+            "controller": c.mdCtrlContentController
+          }, null);
+        default:
+          return vue.createVNode(vue.resolveComponent("iBizFormMDCtrlRepeaterForm"), {
+            "controller": c.mdCtrlContentController
+          }, null);
+      }
+    };
+    return {
+      c,
+      renderContentRepeater
+    };
+  },
+  render() {
+    const renderContentByType = () => {
+      let content;
+      const {
+        model
+      } = this.c;
+      switch (model == null ? void 0 : model.contentType) {
+        case "FORM":
+          content = vue.createVNode(vue.resolveComponent("iBizFormMDCtrlForm"), {
+            "controller": this.c.mdCtrlContentController
+          }, null);
+          break;
+        case "GRID":
+          content = vue.createVNode(vue.resolveComponent("iBizFormMDCtrlGrid"), {
+            "controller": this.c.mdCtrlContentController
+          }, null);
+          break;
+        case "LIST":
+          content = vue.createVNode(vue.resolveComponent("iBizFormMDCtrlList"), {
+            "controller": this.c.mdCtrlContentController
+          }, null);
+          break;
+        case "DATAVIEW":
+          content = vue.createVNode(vue.resolveComponent("iBizFormMDCtrlDataView"), {
+            "controller": this.c.mdCtrlContentController
+          }, null);
+          break;
+        case "REPEATER":
+          content = this.renderContentRepeater();
+          break;
+        default:
+          break;
+      }
+      return content;
+    };
+    return renderContentByType();
+  }
+});
+
+exports.FormMDCtrl = FormMDCtrl;
+exports.default = FormMDCtrl;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl.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 FormMDCtrlProvider {
+  constructor() {
+    __publicField(this, "component", "IBizFormMDCtrl");
+  }
+  async createController(detailModel, form, parent) {
+    const c = new runtime.FormMDCtrlController(detailModel, form, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.FormMDCtrlProvider = FormMDCtrlProvider;

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

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var formMdctrl = require('./form-mdctrl.cjs');
+var formMdctrlContainer = require('./form-mdctrl-container/form-mdctrl-container.cjs');
+var formMdctrlDataView = require('./form-mdctrl-data-view/form-mdctrl-data-view.cjs');
+var formMdctrlForm = require('./form-mdctrl-form/form-mdctrl-form.cjs');
+var formMdctrlList = require('./form-mdctrl-list/form-mdctrl-list.cjs');
+var formMdctrlRepeaterFormOne = require('./form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.cjs');
+var formMdctrlRepeaterForm = require('./form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.cjs');
+var formMdctrlRepeaterFormShell = require('./form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.cjs');
+var formMdctrl_provider = require('./form-mdctrl.provider.cjs');
+
+"use strict";
+const IBizFormMDCtrl = vue3Util.withInstall(formMdctrl.FormMDCtrl, function(v) {
+  v.component(formMdctrl.FormMDCtrl.name, formMdctrl.FormMDCtrl);
+  v.component(formMdctrlForm.FormMDCtrlForm.name, formMdctrlForm.FormMDCtrlForm);
+  v.component(formMdctrlList.FormMDCtrlList.name, formMdctrlList.FormMDCtrlList);
+  v.component(formMdctrlDataView.FormMDCtrlDataView.name, formMdctrlDataView.FormMDCtrlDataView);
+  v.component(formMdctrlRepeaterForm.FormMDCtrlRepeaterForm.name, formMdctrlRepeaterForm.FormMDCtrlRepeaterForm);
+  v.component(formMdctrlRepeaterFormOne.FormMDCtrlRepeaterFormOne.name, formMdctrlRepeaterFormOne.FormMDCtrlRepeaterFormOne);
+  v.component(formMdctrlRepeaterFormShell.FormMDCtrlRepeaterFormShell.name, formMdctrlRepeaterFormShell.FormMDCtrlRepeaterFormShell);
+  v.component(formMdctrlContainer.FormMDCtrlContainer.name, formMdctrlContainer.FormMDCtrlContainer);
+  runtime.registerFormDetailProvider("MDCTRL", () => new formMdctrl_provider.FormMDCtrlProvider());
+});
+
+exports.FormMDCtrlProvider = formMdctrl_provider.FormMDCtrlProvider;
+exports.IBizFormMDCtrl = IBizFormMDCtrl;
+exports.default = IBizFormMDCtrl;

package/lib/control/form/form-detail/form-page/form-page-item/form-page-item.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./form-page-item.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizFormPageItem = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormPageItem",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.FormPageController,
+      required: true
+    }
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("form-page-item");
+    return {
+      ns
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    defaultSlots.forEach((item) => {
+      var _a2;
+      const data = (_a2 = item.component) == null ? void 0 : _a2.data;
+      if (data) {
+        data.class = {
+          [this.ns.b("child")]: true
+        };
+      }
+    });
+    return vue.createVNode(vue.resolveComponent("iBizRow"), {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id)],
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return vue.createVNode(vue.resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.IBizFormPageItem = IBizFormPageItem;

package/lib/control/form/form-detail/form-page/form-page-item/form-page-item.css

@@ -0,0 +1 @@
+.ibiz-form-page-item{--ibiz-form-page-item-gap:var(--ibiz-spacing-tight);--ibiz-form-page-item-margin:0;gap:var(--ibiz-form-page-item-gap);margin:var(--ibiz-form-page-item-margin);border-radius:var(--ibiz-border-radius-small)}