@ibiz-template/mob-vue3-components 0.0.1-alpha.22 → 0.0.1-alpha.24

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.d.ts

@@ -1,17 +0,0 @@
-import { PropType } from 'vue';
-import { FormMDCtrlRepeaterFormOneController } from '@ibiz-template/runtime';
-export declare const FormMDCtrlRepeaterFormOne: import("vue").DefineComponent<{
-    controller: {
-        type: PropType<FormMDCtrlRepeaterFormOneController>;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: FormMDCtrlRepeaterFormOneController;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<FormMDCtrlRepeaterFormOneController>;
-        required: true;
-    };
-}>>, {}, {}>;
-export default FormMDCtrlRepeaterFormOne;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.mjs

@@ -1,55 +0,0 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace, useController } from '@ibiz-template/vue3-util';
-import { FormMDCtrlContainer } from '../../form-mdctrl-container/form-mdctrl-container.mjs';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const FormMDCtrlRepeaterFormOne = /* @__PURE__ */ defineComponent({
-  name: "IBizFormMDCtrlRepeaterFormOne",
-  props: {
-    controller: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("form-mdctrl");
-    useController(props.controller);
-    const c = props.controller;
-    return {
-      ns,
-      c
-    };
-  },
-  render() {
-    let _slot;
-    if (!this.c) {
-      return;
-    }
-    const renderContent = () => {
-      return createVNode(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 createVNode(FormMDCtrlContainer, {
-      "class": this.ns.b("repeater-form-one"),
-      "controller": this.c.parent,
-      "buttonVisible": false
-    }, _isSlot(_slot = renderContent()) ? _slot : {
-      default: () => [_slot]
-    });
-  }
-});
-
-export { FormMDCtrlRepeaterFormOne, FormMDCtrlRepeaterFormOne as default };

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

@@ -1,71 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./form-mdctrl-container.css');
-
-"use strict";
-const FormMDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
-  name: "FormMDCtrlContainer",
-  props: {
-    controller: {
-      type: Object,
-      required: true
-    },
-    buttonVisible: {
-      type: Boolean,
-      default: true,
-      required: false
-    }
-  },
-  emits: ["insertButtonClick"],
-  setup(props, {
-    emit
-  }) {
-    const ns = vue3Util.useNamespace("form-mdctrl");
-    const c = props.controller;
-    const handleRemove = () => {
-    };
-    const insertButtonClick = () => {
-      emit("insertButtonClick");
-    };
-    const hasCaption = c.model.showCaption && !!c.model.caption;
-    const ns2 = vue3Util.useNamespace("form-group");
-    return {
-      ns,
-      ns2,
-      c,
-      handleRemove,
-      insertButtonClick,
-      hasCaption
-    };
-  },
-  render() {
-    const renderFormContent = () => {
-      return this.$slots.default && this.$slots.default();
-    };
-    const renderMainContent = () => {
-      return vue.createVNode("div", {
-        "class": this.ns.b("main")
-      }, [[vue.createVNode("div", {
-        "class": [this.ns.b("title"), this.ns2.b("header")]
-      }, [vue.createVNode("span", {
-        "class": this.ns.b("caption")
-      }, [this.controller.model.showCaption && this.controller.model.caption]), this.buttonVisible && this.controller.isCreate && vue.createVNode(vue.resolveComponent("van-button"), {
-        "class": this.ns.b("add-btn"),
-        "onClick": () => this.insertButtonClick(),
-        "type": "primary"
-      }, {
-        default: () => [vue.createTextVNode("\u6DFB\u52A0")]
-      })]), renderFormContent()]]);
-    };
-    return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.b(this.c.model.codeName), this.ns.b(this.c.model.contentType.toLowerCase()), ...this.controller.containerClass, this.ns.is("no-caption", !this.hasCaption)]
-    }, [renderMainContent()]);
-  }
-});
-
-exports.FormMDCtrlContainer = FormMDCtrlContainer;
-exports.default = FormMDCtrlContainer;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.css

@@ -1 +0,0 @@
-.ibiz-form-mdctrl{min-height:var(--ibiz-form-mdctrl-min-height);--ibiz-form-mdctrl-gap:var(--ibiz-spacing-tight);--ibiz-form-mdctrl-btn-width:0;--ibiz-form-mdctrl-min-height:2rem;--ibiz-form-mdctrl-content-min-height:4.5rem}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content{display:flex;min-height:var(--ibiz-form-mdctrl-content-min-height);margin-top:var(--ibiz-spacing-tight)}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-container{width:100%}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-control{width:calc(100% - var(--ibiz-form-mdctrl-btn-width) - var(--ibiz-form-mdctrl-gap))}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn{height:100%;margin-left:var(--ibiz-form-mdctrl-gap);cursor:pointer;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{display:flex;align-items:center;justify-content:space-between}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title .ibiz-form-mdctrl-caption{font-size:.875rem;font-weight:var(--ibiz-font-weight-bold)}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main{position:relative}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main>.ibiz-form-mdctrl-form-content:nth-child(2) .ibiz-form-mdctrl-btn{position:relative;top:2.5rem;height:-moz-fit-content;height:fit-content}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{position:absolute;top:0;right:0;z-index:2}.ibiz-form-mdctrl .ibiz-form-mdctrl-add-btn{height:1.875rem}

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

@@ -1,73 +0,0 @@
-'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 FormMDCtrlDataView = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizFormMDCtrlDataView",
-  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.onDataViewCreated(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("data-view"),
-      "controller": c.parent,
-      "onInsertButtonClick": () => {
-        c.onDataInsert();
-      }
-    }, _isSlot(_slot = renderContent()) ? _slot : {
-      default: () => [_slot]
-    });
-  }
-});
-
-exports.FormMDCtrlDataView = FormMDCtrlDataView;
-exports.default = FormMDCtrlDataView;

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

@@ -1,73 +0,0 @@
-'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

@@ -1,159 +0,0 @@
-'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

@@ -1,62 +0,0 @@
-'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

@@ -1,60 +0,0 @@
-'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;