@ibiz-template/vue3-components 0.3.5 → 0.4.0

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

@@ -1,72 +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 hasButtons = vue.computed(() => {
-      return props.buttonVisible && (c.isCreate || c.isDelete);
-    });
-    return {
-      ns,
-      c,
-      handleRemove,
-      insertButtonClick,
-      hasCaption,
-      hasButtons
-    };
-  },
-  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")
-      }, [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("el-button"), {
-        "class": this.ns.b("add-btn"),
-        "onClick": () => this.insertButtonClick()
-      }, {
-        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), this.ns.is("no-buttons", !this.hasButtons)]
-    }, [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:60px;--ibiz-form-mdctrl-min-height:32px;--ibiz-form-mdctrl-content-min-height:72px}.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{width:var(--ibiz-form-mdctrl-btn-width);margin-left:var(--ibiz-form-mdctrl-gap);display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn button{cursor:pointer}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{display:flex;align-items:center;justify-content:space-between}.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:40px;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.is-no-buttons .ibiz-form-mdctrl-form-content-control{width:calc(100% - var(--ibiz-form-mdctrl-gap))}.ibiz-form-mdctrl.is-no-buttons .ibiz-form-mdctrl-btn{width:0;margin-left:0}

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("el-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-grid/form-mdctrl-grid.cjs

@@ -1,75 +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 FormMDCtrlGrid = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizFormMDCtrlGrid",
-  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,
-          rowEditOpen: true,
-          onSelectionChange: (arg) => c.onSelectionChange(arg),
-          onGridDataChange: (arg) => c.onDataChange(arg.data),
-          onCreated: (event) => c.onGridCreated(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("el-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("grid"),
-      "controller": c.parent,
-      "onInsertButtonClick": () => {
-        c.onDataInsert();
-      }
-    }, _isSlot(_slot = renderContent()) ? _slot : {
-      default: () => [_slot]
-    });
-  }
-});
-
-exports.FormMDCtrlGrid = FormMDCtrlGrid;
-exports.default = FormMDCtrlGrid;

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("el-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,160 +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() {
-    let _slot2;
-    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("div", {
-      "class": `${this.ns.b("form-content")} ${this.ns.b("repeater-form-shell")}`
-    }, [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]
-    })]), this.buttonVisible && this.controller.parent.isDelete && vue.createVNode("div", {
-      "class": this.ns.b("btn")
-    }, [vue.createVNode(vue.resolveComponent("el-popconfirm"), {
-      "title": "\u662F\u5426\u5220\u9664\u8BE5\u9879",
-      "confirm-button-text": "\u786E\u8BA4",
-      "cancel-button-text": "\u53D6\u6D88",
-      "onConfirm": () => this.controller.onDataRemove(this.index)
-    }, {
-      reference: () => {
-        return vue.createVNode(vue.resolveComponent("el-button"), {
-          "type": "danger",
-          "class": this.ns.b("remove-btn")
-        }, {
-          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,63 +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 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(formMdctrlContainer.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;