@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

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

@@ -1,12 +1,9 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, h, computed } from 'vue';
+import { defineComponent, createVNode, resolveComponent, h } from 'vue';
 import { FormMDCtrlFormController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-mdctrl-form.css';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const FormMDCtrlForm = /* @__PURE__ */ defineComponent({
   name: "IBizFormMDCtrlForm",
   props: {
@@ -17,26 +14,12 @@ const FormMDCtrlForm = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("form-mdctrl-form");
-    const showActions = computed(() => {
-      return props.controller.enableCreate || props.controller.enableDelete;
-    });
-    const renderAddBtn = () => {
-      let _slot;
-      return createVNode(resolveComponent("van-button"), {
-        "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
-        "onClick": () => props.controller.create()
-      }, _isSlot(_slot = ibiz.i18n.t("app.add")) ? _slot : {
-        default: () => [_slot]
-      });
-    };
     const onCreated = (id, event) => {
       props.controller.setFormController(id, event.ctrl);
     };
     return {
       ns,
-      showActions,
-      onCreated,
-      renderAddBtn
+      onCreated
     };
   },
   render() {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.css

@@ -1 +1 @@
-.ibiz-form-mdctrl-md{display:flex;flex-direction:column;height:100%}.ibiz-form-mdctrl-md-content{flex-grow:1;margin:0 var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-md-actions{display:flex;gap:var(--ibiz-spacing-tight);padding:var(--ibiz-spacing-tight) 0;margin:0 var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-md-actions .van-button+.van-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{width:calc(100% - var(--ibiz-spacing-base) * 2)}
+.ibiz-form-mdctrl-md{--ibiz-form-mdctrl-md-width-button:calc(100% - var(--ibiz-spacing-base) * 2);--ibiz-form-mdctrl-md-spacing-content-margin:0 var(--ibiz-spacing-tight);--ibiz-form-mdctrl-md-spacing-actions-gap:var(--ibiz-spacing-tight);--ibiz-form-mdctrl-md-spacing-actions-padding:var(--ibiz-spacing-tight) 0;--ibiz-form-mdctrl-md-spacing-actions-margin:0 var(--ibiz-spacing-tight);display:flex;flex-direction:column;height:100%}.ibiz-form-mdctrl-md-content{flex-grow:1;margin:var(--ibiz-form-mdctrl-md-spacing-content-margin)}.ibiz-form-mdctrl-md-content.ibiz-control{width:auto}.ibiz-form-mdctrl-md-actions{display:flex;gap:var(--ibiz-form-mdctrl-md-spacing-actions-gap);padding:var(--ibiz-form-mdctrl-md-spacing-actions-padding);margin:var(--ibiz-form-mdctrl-md-spacing-actions-margin)}.ibiz-form-mdctrl-md-actions .van-button+.van-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{width:var(--ibiz-form-mdctrl-md-width-button)}

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

@@ -3,6 +3,7 @@ import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RepeaterSingleForm } from './repeater-single-form/repeater-single-form.mjs';
 import { RepeaterMultiForm } from './repeater-multi-form/repeater-multi-form.mjs';
+import { RepeaterGrid } from './repeater-grid/repeater-grid.mjs';
 
 "use strict";
 const FormMDCtrlRepeater = /* @__PURE__ */ defineComponent({
@@ -39,6 +40,12 @@ const FormMDCtrlRepeater = /* @__PURE__ */ defineComponent({
           "controller": this.controller,
           "onChange": this.onDataChange
         }, null);
+      case "Grid":
+        return createVNode(RepeaterGrid, {
+          "class": classNames,
+          "controller": this.controller,
+          "onChange": this.onDataChange
+        }, null);
       default:
         return createVNode("div", {
           "class": classNames

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.css

@@ -0,0 +1 @@
+.ibiz-repeater-grid{--ibiz-repeater-grid-color-th:var(--ibiz-color-text-2);--ibiz-repeater-grid-color-td:var(--ibiz-color-text-0);--ibiz-repeater-grid-color-btn:var(--ibiz-color-text-2);--ibiz-repeater-grid-spacing-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-repeater-grid-spacing-icon-gap:var(--ibiz-spacing-tight);--ibiz-repeater-grid-font-lineHeight:var(--ibiz-editor-default-line-height);--ibiz-repeater-grid-font-icon-fontSize:var(--ibiz-width-icon-large);--ibiz-repeater-grid-border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-border);width:100%;overflow:auto}.ibiz-repeater-grid table{table-layout:fixed;border-collapse:collapse}.ibiz-repeater-grid th{min-width:0;padding:var(--ibiz-repeater-grid-spacing-padding);overflow:hidden;line-height:var(--ibiz-repeater-grid-font-lineHeight);color:var(--ibiz-repeater-grid-color-th);text-align:center;text-overflow:ellipsis;white-space:nowrap;border:var(--ibiz-repeater-grid-border)}.ibiz-repeater-grid td{min-width:0;padding:var(--ibiz-repeater-grid-spacing-padding);overflow:hidden;line-height:var(--ibiz-repeater-grid-font-lineHeight);color:var(--ibiz-repeater-grid-color-td);text-align:center;border:var(--ibiz-repeater-grid-border)}.ibiz-repeater-grid .ibiz-repeater-grid-action-cell{border:none}.ibiz-repeater-grid-action-group{display:flex;align-items:center;justify-content:center;height:var(--ibiz-repeater-grid-font-lineHeight)}.ibiz-repeater-grid-action-group ion-icon{box-sizing:border-box;font-size:var(--ibiz-repeater-grid-font-icon-fontSize);color:var(--ibiz-repeater-grid-color-btn);cursor:pointer;border:var(--ibiz-repeater-grid-border)}.ibiz-repeater-grid-action-group ion-icon+ion-icon{margin-left:var(--ibiz-repeater-grid-spacing-icon-gap)}.ibiz-repeater-grid-empty-content td{color:var(--ibiz-repeater-grid-color-th)}

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

@@ -0,0 +1,239 @@
+import { defineComponent, createVNode, toRaw, resolveComponent, h, ref, reactive, watch, onMounted, onUnmounted } from 'vue';
+import { EditFormController, ControlVO, FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
+import { recursiveIterate } from '@ibiz-template/core';
+import './repeater-grid.css';
+
+"use strict";
+const RepeaterGrid = /* @__PURE__ */ defineComponent({
+  name: "IBizRepeaterGrid",
+  props: {
+    controller: {
+      type: FormMDCtrlRepeaterController,
+      required: true
+    }
+  },
+  emits: {
+    change: (_value) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("repeater-grid");
+    const formItems = [];
+    const items = ref([]);
+    const ctx = useCtx();
+    const formControllers = reactive([]);
+    const container = ref();
+    const table = ref();
+    const thead = ref();
+    const flexWidth = ref(0);
+    const gridWidth = ref("");
+    let resizeObserver;
+    recursiveIterate(props.controller.repeatedForm, (item) => {
+      var _a;
+      if (item.detailType === "FORMITEM") {
+        if (((_a = item.editor) == null ? void 0 : _a.editorType) !== "HIDDEN") {
+          formItems.push(item);
+        }
+      }
+    }, {
+      childrenFields: ["deformPages", "deformTabPages", "deformDetails"]
+    });
+    const onSingleValueChange = (value, index) => {
+      const arrData = [...props.controller.value || []];
+      arrData[index] = value;
+      emit("change", arrData);
+    };
+    const addFormController = async (data = {}) => {
+      const formC = new EditFormController(props.controller.repeatedForm, props.controller.context, props.controller.params, ctx);
+      formC.state.isSimple = true;
+      await formC.created();
+      formC.setSimpleData(data);
+      formControllers.push(formC);
+      props.controller.setRepeaterController(`${formControllers.length - 1}`, formC);
+      formC.evt.on("onFormDataChange", (event) => {
+        const item = event.data[0];
+        const formData = item instanceof ControlVO ? item.clone() : {
+          ...item
+        };
+        const index = formControllers.indexOf(formC);
+        onSingleValueChange(formData, index);
+      });
+    };
+    watch(() => props.controller.value, (newVal) => {
+      if (Array.isArray(newVal)) {
+        newVal.forEach((item, index) => {
+          const formC = formControllers[index];
+          if (formC) {
+            const changeVal = item || {};
+            const find = Object.keys(formC.data).find((key) => {
+              return changeVal[key] !== formC.data[key];
+            });
+            if (find) {
+              formC.setSimpleData(changeVal);
+            }
+          } else {
+            addFormController(item);
+          }
+        });
+        items.value = newVal;
+      } else {
+        items.value = [];
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    onMounted(() => {
+      if (!container.value || !table.value || !thead.value) {
+        return;
+      }
+      resizeObserver = new ResizeObserver(() => {
+        if (!container.value || !table.value || !thead.value) {
+          return;
+        }
+        const containerWidth = container.value.offsetWidth;
+        const theadRow = thead.value.children[0];
+        if (!theadRow)
+          return;
+        const thElements = Array.from(theadRow.children);
+        if (thElements.length === 0)
+          return;
+        let fixedWidthSum = 0;
+        const flexThElements = [];
+        thElements.forEach((th) => {
+          const isFlow = th.dataset.flex === "true";
+          if (isFlow) {
+            flexThElements.push(th);
+          } else {
+            const thWidth = th.style.width ? parseFloat(th.style.width) : th.offsetWidth;
+            fixedWidthSum += thWidth;
+          }
+        });
+        const availableSpace = containerWidth - fixedWidthSum - 1;
+        const flowColumnCount = flexThElements.length;
+        if (flowColumnCount > 0 && availableSpace > 0) {
+          flexWidth.value = availableSpace / flowColumnCount;
+          gridWidth.value = `${containerWidth}px`;
+        } else {
+          flexWidth.value = 0;
+          gridWidth.value = `${fixedWidthSum}px`;
+        }
+      });
+      resizeObserver.observe(container.value);
+    });
+    onUnmounted(() => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+    });
+    return {
+      ns,
+      formItems,
+      formControllers,
+      items,
+      container,
+      table,
+      thead,
+      flexWidth,
+      gridWidth
+    };
+  },
+  render() {
+    const isEmpty = !this.items.length;
+    const headers = [createVNode("th", {
+      "class": this.ns.b("index-cell"),
+      "style": {
+        width: `66px`
+      }
+    }, [ibiz.i18n.t("control.form.repeaterGrid.index")]), this.formItems.map((item) => {
+      return createVNode("th", {
+        "class": this.ns.bm("cell", item.id),
+        "data-flex": item.labelWidth === 1,
+        "style": {
+          width: `${item.labelWidth === 1 ? `${this.flexWidth}px` : `${item.labelWidth}px`}`
+        }
+      }, [item.caption]);
+    }), (this.controller.enableCreate || this.controller.enableDelete) && createVNode("th", {
+      "class": this.ns.b("action-cell"),
+      "style": {
+        width: `80px`
+      }
+    }, null)];
+    const rows = (isEmpty && this.controller.enableCreate ? [{}] : this.items).map((_row, index) => {
+      return createVNode("tr", null, [createVNode("td", {
+        "class": this.ns.b("index-cell")
+      }, [isEmpty ? "" : index + 1]), this.formItems.map((item) => {
+        if (isEmpty) {
+          return createVNode("td", {
+            "class": this.ns.bm("cell", item.id)
+          }, null);
+        }
+        const formC = toRaw(this.formControllers[index]);
+        if (!formC || !formC.state.isLoaded) {
+          return createVNode("td", null, [ibiz.i18n.t("control.form.repeaterGrid.absentOrLoad")]);
+        }
+        const formItemC = formC.formItems.find((x) => x.name === item.id);
+        let editor = null;
+        if (!formItemC.editorProvider) {
+          editor = createVNode(resolveComponent("not-supported-editor"), {
+            "modelData": item.editor
+          }, null);
+        } else {
+          const component = resolveComponent(formItemC.editorProvider.formEditor);
+          editor = h(component, {
+            value: formItemC.value,
+            data: formItemC.data,
+            controller: formItemC.editor,
+            disabled: formItemC.state.disabled,
+            readonly: formItemC.state.readonly,
+            onChange: (val, name) => {
+              formItemC.setDataValue(val, name);
+            }
+          });
+        }
+        return createVNode("td", {
+          "class": this.ns.bm("cell", item.id)
+        }, [editor]);
+      }), (this.controller.enableCreate || this.controller.enableDelete) && createVNode("td", {
+        "class": this.ns.b("action-cell")
+      }, [createVNode("div", {
+        "class": this.ns.b("action-group")
+      }, [this.controller.enableCreate && createVNode("ion-icon", {
+        "name": "add-outline",
+        "title": ibiz.i18n.t("app.add"),
+        "class": this.ns.b("add-btn"),
+        "onClick": () => {
+          this.controller.create(isEmpty ? 0 : index + 1);
+        }
+      }, null), this.controller.enableDelete && !isEmpty && createVNode("ion-icon", {
+        "name": "remove-outline",
+        "title": ibiz.i18n.t("app.delete"),
+        "class": this.ns.b("remove-btn"),
+        "onClick": () => {
+          this.controller.remove(index);
+          this.formControllers.splice(index, 1);
+        }
+      }, null)])])]);
+    });
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "ref": "container"
+    }, [createVNode("table", {
+      "class": this.ns.b("table"),
+      "ref": "table",
+      "style": {
+        width: this.gridWidth
+      }
+    }, [createVNode("thead", {
+      "ref": "thead"
+    }, [createVNode("tr", null, [headers])]), createVNode("tbody", null, [rows]), isEmpty && !this.controller.enableCreate && createVNode("tbody", {
+      "class": this.ns.b("empty-content")
+    }, [createVNode("td", {
+      "colspan": this.formItems.length + 1
+    }, [ibiz.i18n.t("control.form.repeaterGrid.noData")])])])]);
+  }
+});
+
+export { RepeaterGrid };

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.css

@@ -1 +1 @@
-.ibiz-repeater-single-form{--ibiz-repeater-single-form-header-height:32px;width:100%}.ibiz-repeater-single-form__content{width:100%}.ibiz-repeater-single-form-header{height:var(--ibiz-repeater-single-form-header-height)}
+.ibiz-repeater-single-form{width:100%}.ibiz-repeater-single-form__content{width:100%}

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.css

@@ -1 +1 @@
-.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:32px;--ibiz-form-mdctrl-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-mdctrl-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-mdctrl-header-border-color:var(--ibiz-color-border);--ibiz-form-mdctrl-caption-text-color:var(--ibiz-color-text-2);--ibiz-form-mdctrl-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-mdctrl-caption-height:2rem;--ibiz-form-mdctrl-caption-line-height:2rem;height:100%}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:var(--ibiz-form-mdctrl-caption-height);font-size:var(--ibiz-form-mdctrl-caption-font-size);font-weight:var(--ibiz-form-mdctrl-caption-font-weight);line-height:var(--ibiz-form-mdctrl-caption-line-height);color:var(--ibiz-form-mdctrl-caption-text-color)}.ibiz-form-mdctrl--has-value .ibiz-form-mdctrl-header{display:none}.ibiz-form-mdctrl-header{display:flex;padding:var(--ibiz-form-mdctrl-header-padding)}
+.ibiz-form-mdctrl{--ibiz-form-mdctrl-color-header-bg:var(--ibiz-color-bg-0);--ibiz-form-mdctrl-color-text:var(--ibiz-color-text-1);--ibiz-form-mdctrl-spacing-header-padding:var(--ibiz-spacing-base);--ibiz-form-mdctrl-font-caption-fontSize:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-font-caption-fontWeight:var(--ibiz-font-weight-regular);--ibiz-form-mdctrl-font-caption-linHeight:var(--ibiz-font-size-header-5);height:100%}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-mdctrl-font-caption-fontSize);font-weight:var(--ibiz-form-mdctrl-font-caption-fontWeight);line-height:var(--ibiz-form-mdctrl-font-caption-linHeight);color:var(--ibiz-form-mdctrl-color-text)}.ibiz-form-mdctrl--has-value .ibiz-form-mdctrl-header{display:none}.ibiz-form-mdctrl-header{display:flex;padding:var(--ibiz-form-mdctrl-spacing-header-padding);background-color:var(--ibiz-form-mdctrl-color-header-bg)}

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

@@ -1 +1 @@
-.ibiz-mdctrl-container{--ibiz-mdctrl-container-header-bg-color:transparent;--ibiz-mdctrl-container-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-mdctrl-container-header-border-color:var(--ibiz-color-border);--ibiz-mdctrl-container-caption-text-color:var(--ibiz-color-text-2);--ibiz-mdctrl-container-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-caption-height:1.25rem;--ibiz-mdctrl-container-caption-line-height:1.25rem;--ibiz-mdctrl-container-button-text-color:var(--ibiz-color-info);--ibiz-mdctrl-container-button-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-button-font-weight:var(--ibiz-font-weight-regular);display:flex;flex-direction:column}.ibiz-mdctrl-container__btn{width:auto;padding:0;margin-left:10px;font-size:var(--ibiz-mdctrl-container-button-font-size);color:var(--ibiz-mdctrl-container-button-text-color);background-color:transparent;border:none}.ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container__btn:active::before{opacity:0}.ibiz-mdctrl-container-item{overflow:hidden}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-mdctrl-container-header-padding);background-color:var(--ibiz-mdctrl-container-header-bg-color)}.ibiz-mdctrl-container-item-header__caption{flex-grow:1;height:var(--ibiz-mdctrl-container-caption-height);font-size:var(--ibiz-mdctrl-container-caption-font-size);font-weight:var(--ibiz-mdctrl-container-caption-font-weight);line-height:var(--ibiz-mdctrl-container-caption-line-height);color:var(--ibiz-mdctrl-container-caption-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mdctrl-container-item-header__action{--van-button-small-height:1.25rem;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-end;height:1.25rem;line-height:1.25rem;text-align:right}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-content{background-color:var(--ibiz-color-bg-1)}.ibiz-mdctrl-container-item .ibiz-form-page-item{--ibiz-form-page-item-gap:0}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}.ibiz-mdctrl-container-footer{color:red}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn{width:100%;padding:0;margin-left:0;font-size:var(--ibiz-font-size-header-5);color:var(--ibiz-mdctrl-container-button-text-color);background-color:var(--ibiz-color-bg-1);border:none}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active::before{opacity:.1}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn .van-icon{margin-right:var(--ibiz-spacing-extra-tight)}
+.ibiz-mdctrl-container{--ibiz-mdctrl-container-header-color-bg:var(--ibiz-color-bg-0);--ibiz-mdctrl-container-header-color-border:var(--ibiz-color-border);--ibiz-mdctrl-container-header-spacing-padding:var(--ibiz-spacing-base);--ibiz-mdctrl-container-caption-color-text:var(--ibiz-color-text-2);--ibiz-mdctrl-container-caption-font-fontSize:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-caption-font-fontWeight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-caption-font-lineHeight:var(--ibiz-font-size-header-5);--ibiz-mdctrl-container-button-color-text:var(--ibiz-color-primary);--ibiz-mdctrl-container-button-font-fontSize:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-button-font-fontWeight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-content-color-bg:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-font-fontSize:var(--ibiz-font-size-header-5);--ibiz-mdctrl-container-footer-color-bg:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-spacing-icon-gap:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column}.ibiz-mdctrl-container-item{overflow:hidden}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-mdctrl-container-header-spacing-padding);background-color:var(--ibiz-mdctrl-container-header-color-bg)}.ibiz-mdctrl-container-item-header__caption{flex-grow:1;font-size:var(--ibiz-mdctrl-container-caption-font-fontSize);font-weight:var(--ibiz-mdctrl-container-caption-font-fontWeight);line-height:var(--ibiz-mdctrl-container-caption-font-lineHeight);color:var(--ibiz-mdctrl-container-caption-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-content{background-color:var(--ibiz-mdctrl-container-content-color-bg)}.ibiz-mdctrl-container-item-content__remove-btn{height:100%}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn{width:100%;font-size:var(--ibiz-mdctrl-container-footer-font-fontSize);color:var(--ibiz-mdctrl-container-button-color-text);background-color:var(--ibiz-mdctrl-container-footer-color-bg);border:none}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn .van-icon{margin-right:var(--ibiz-mdctrl-container-footer-spacing-icon-gap)}

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs

@@ -1,11 +1,8 @@
-import { isVNode, defineComponent, createVNode, computed, resolveComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './mdctrl-container.css';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const MDCtrlContainer = /* @__PURE__ */ defineComponent({
   name: "IBizMDCtrlContainer",
   props: {
@@ -34,9 +31,6 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("mdctrl-container");
-    const showActions = computed(() => {
-      return props.enableCreate || props.enableDelete;
-    });
     const renderAddBtn = (index, showButton = true) => {
       if (!props.enableCreate) {
         return null;
@@ -51,43 +45,9 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         }, null), ibiz.i18n.t("app.add")]
       });
     };
-    const renderRemoveBtn = (item, index) => {
-      let _slot2;
-      if (!props.enableDelete) {
-        return null;
-      }
-      if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
-        let _slot;
-        return createVNode(resolveComponent("van-button"), {
-          "class": [ns.e("remove"), ns.e("btn")],
-          "size": "small",
-          "onClick": () => {
-            emit("removeClick", item, index);
-          }
-        }, _isSlot(_slot = ibiz.i18n.t("app.delete")) ? _slot : {
-          default: () => [_slot]
-        });
-      }
-      return createVNode(resolveComponent("van-button"), {
-        "class": [ns.e("remove"), ns.e("btn")],
-        "type": "danger",
-        "size": "small",
-        "onClick": () => {
-          emit("removeClick", item, index);
-        }
-      }, _isSlot(_slot2 = ibiz.i18n.t("app.delete")) ? _slot2 : {
-        default: () => [_slot2]
-      });
-    };
-    const renderActionBtn = (item, index) => {
-      return [renderAddBtn(index, false), renderRemoveBtn(item, index)];
-    };
     return {
       ns,
-      showActions,
-      renderAddBtn,
-      renderRemoveBtn,
-      renderActionBtn
+      renderAddBtn
     };
   },
   render() {
@@ -105,11 +65,27 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         "class": this.ns.b("item-header")
       }, [createVNode("div", {
         "class": this.ns.be("item-header", "caption")
-      }, [this.caption || ""]), createVNode("div", {
-        "class": this.ns.be("item-header", "action")
-      }, [this.renderActionBtn(item, index)])]), createVNode("div", {
+      }, [this.caption || ""])]), createVNode("div", {
         "class": this.ns.b("item-content")
-      }, [formComponent])]);
+      }, [createVNode(resolveComponent("van-swipe-cell"), null, {
+        default: () => {
+          return formComponent;
+        },
+        right: () => {
+          if (!this.enableDelete) {
+            return;
+          }
+          return createVNode(resolveComponent("van-button"), {
+            "class": this.ns.be("item-content", "remove-btn"),
+            "type": "danger",
+            "text": ibiz.i18n.t("app.delete"),
+            "square": true,
+            "onClick": () => {
+              this.$emit("removeClick", item, index);
+            }
+          }, null);
+        }
+      })])]);
     }), this.enableCreate && createVNode("div", {
       "class": this.ns.b("footer")
     }, [this.renderAddBtn()])]);

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

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

package/es/control/form/form-detail/form-page/form-page.css

@@ -1 +1 @@
-.ibiz-form-page-header{--ibiz-form-page-font-size:var(--ibiz-font-size-regular);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-text-0);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-text-0);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary);--ibiz-form-page-header-margin:0;display:flex;flex-direction:column;height:100%}.ibiz-form-page-header .van-tabs__wrap{margin:var(--ibiz-form-page-header-margin);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-page-header .van-tabs__content{flex:1;min-width:0;min-height:0;margin-top:var(--ibiz-spacing-tight)}
+.ibiz-form-page-header{display:flex;flex-direction:column;height:100%}.ibiz-form-page-header .van-tabs__content{flex:1;min-width:0;min-height:0}

package/es/control/form/form-detail/form-rawitem/form-rawitem.css

@@ -1 +1 @@
-.ibiz-form-raw-item{width:100%;height:100%}
+.ibiz-form-raw-item{--ibiz-form-raw-item-padding:var(--ibiz-spacing-base);width:100%;height:100%;padding:var(--ibiz-form-raw-item-padding)}

package/es/control/form/form-detail/form-rawitem/form-rawitem.mjs

@@ -48,9 +48,10 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
       content = sysImage;
     }
     return createVNode(resolveComponent("iBizRawItem"), {
-      "class": this.ns.b(),
+      "class": [this.ns.b(), ...this.controller.containerClass],
       "content": content,
       "type": type,
+      "rawItem": this.modelData,
       "onClick": (event) => this.controller.onClick(event)
     }, null);
   }

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{--ibiz-form-tab-panel-bg-color:var(--ibiz-color-bg-0);width:100%;height:100%;overflow:auto;background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}.ibiz-form-tab-panel>.van-tabs__wrap{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.van-tabs__content{padding:0 var(--ibiz-spacing-extra-tight)}
+.ibiz-form-tab-panel{--ibiz-form-tab-panel-color-bg:var(--ibiz-color-bg-1);width:100%;height:100%;overflow:auto;background-color:var(--ibiz-form-tab-panel-color-bg)}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}

package/es/control/form/search-form/search-form.css

@@ -1 +1 @@
-.ibiz-control-searchform-buttons{--ibiz-control-search-form-buttons-padding:1rem 1rem 1rem;--ibiz-control-search-form-buttons-btn-margin:0 0 0 0.625rem;--ibiz-control-search-form-buttons-search-btn-bg-color:var(--ibiz-color-primary);--ibiz-control-search-form-buttons-search-btn-color:var(--ibiz-color-bg-1);display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-control-search-form-buttons-padding)}.ibiz-control-searchform-buttons__search{height:1.875rem;color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__search:hover{color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__reset{height:1.875rem;margin:var(--ibiz-control-search-form-buttons-btn-margin)}.ibiz-control-searchform{--ibiz-control-search-form-bg-color:transparent;--ibiz-control-search-form-margin:1rem 0 0 1.5rem;margin:var(--ibiz-control-search-form-buttons-margin);background-color:var(--ibiz-control-search-form-buttons-bg-color)}.ibiz-control-searchform .ibiz-form-page-item{padding-top:calc(var(--ibiz-padding)/ 2)}.ibiz-control-searchform .ibiz-form-page-item-child{margin-bottom:0}.ibiz-control-searchform .ibiz-form-item-container{padding-bottom:calc(var(--ibiz-padding-right)/ 2)}
+.ibiz-control-searchform{--ibiz-control-search-form-bg-color:transparent;--ibiz-control-search-form-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-search-form-right-gap:0;--ibiz-control-search-form-color-searchform-bottom:var(--ibiz-color-border);--ibiz-control-search-form-spacing-right-buttons-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) var(--ibiz-spacing-tight) 0;--ibiz-control-search-form-btn-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-search-form-spacing-right-form-padding:var(--ibiz-spacing-base) 0;--ibiz-control-search-form-form-page-item-padding-top:calc(var(--ibiz-spacing-base) / 2);border-bottom:1px solid var(--ibiz-control-search-form-color-searchform-bottom);background-color:var(--ibiz-control-search-form-bg-color)}.ibiz-control-searchform .ibiz-form-page-item{padding-top:var(--ibiz-control-search-form-form-page-item-padding-top)}.ibiz-control-searchform .ibiz-form-page-item-child{margin-bottom:0}.ibiz-control-searchform__buttons{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-control-search-form-padding)}.ibiz-control-searchform__reset{margin:var(--ibiz-control-search-form-btn-margin)}.ibiz-control-searchform__right{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-control-search-form-spacing-right-form-padding);gap:var(--ibiz-control-search-form-right-gap)}.ibiz-control-searchform__right .ibiz-control-searchform__buttons{flex-shrink:0;padding:var(--ibiz-control-search-form-spacing-right-buttons-padding)}

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

@@ -49,12 +49,39 @@ const SearchFormControl = /* @__PURE__ */ defineComponent({
         detail.state = reactive(detail.state);
       });
     });
+    const renderSearch = () => {
+      let _slot;
+      return createVNode(resolveComponent("van-button"), {
+        "class": ns.e("search"),
+        "type": "primary",
+        "size": "small",
+        "onClick": () => c.onSearchButtonClick()
+      }, _isSlot(_slot = ibiz.i18n.t("control.form.searchForm.search")) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    const renderReset = () => {
+      let _slot2;
+      return createVNode(resolveComponent("van-button"), {
+        "class": ns.e("reset"),
+        "onClick": () => c.reset(),
+        "size": "small"
+      }, _isSlot(_slot2 = ibiz.i18n.t("control.form.searchForm.reset")) ? _slot2 : {
+        default: () => [_slot2]
+      });
+    };
+    const renderAllBtns = () => {
+      return [renderSearch(), renderReset()];
+    };
     return {
       c,
-      ns
+      ns,
+      renderSearch,
+      renderAllBtns
     };
   },
   render() {
+    var _a;
     const {
       state
     } = this.c;
@@ -62,26 +89,18 @@ const SearchFormControl = /* @__PURE__ */ defineComponent({
       return;
     }
     return createVNode(resolveComponent("iBizFormControl"), {
-      "class": this.ns.b(),
+      "class": [this.ns.b(), this.ns.e((_a = this.c.model.searchButtonPos) == null ? void 0 : _a.toLowerCase())],
       "controller": this.c,
       "nativeOnkeyup": (e) => this.c.onKeyUp(e)
     }, {
       ...this.$slots,
       searchFooter: () => {
-        let _slot, _slot2;
+        if (this.c.model.searchButtonStyle === "NONE") {
+          return null;
+        }
         return createVNode("div", {
-          "class": this.ns.b("buttons")
-        }, [createVNode(resolveComponent("van-button"), {
-          "class": this.ns.be("buttons", "search"),
-          "onClick": () => this.c.onSearchButtonClick()
-        }, _isSlot(_slot = ibiz.i18n.t("control.form.searchForm.search")) ? _slot : {
-          default: () => [_slot]
-        }), createVNode(resolveComponent("van-button"), {
-          "class": this.ns.be("buttons", "reset"),
-          "onClick": () => this.c.reset()
-        }, _isSlot(_slot2 = ibiz.i18n.t("control.form.searchForm.reset")) ? _slot2 : {
-          default: () => [_slot2]
-        })]);
+          "class": this.ns.e("buttons")
+        }, [this.c.model.searchButtonStyle === "SEARCHONLY" ? this.renderSearch() : this.renderAllBtns()]);
       }
     });
   }

package/es/control/index.mjs

@@ -61,7 +61,6 @@ export { DRTabController } from './drtab/drtab.controller.mjs';
 export { TreeProvider } from './tree/tree.provider.mjs';
 export { DataViewControlProvider } from './data-view/data-view.provider.mjs';
 export { DashboardProvider } from './dashboard/dashboard.provider.mjs';
-export { PortletPartState } from './dashboard/portlet/portlet-part/portlet-part.state.mjs';
 export { ContainerPortletProvider } from './dashboard/portlet/container-portlet/container-portlet.provider.mjs';
 export { ContainerPortlet } from './dashboard/portlet/container-portlet/container-portlet.mjs';
 export { IBizContainerPortlet } from './dashboard/portlet/container-portlet/index.mjs';
@@ -73,6 +72,14 @@ export { ViewPortlet } from './dashboard/portlet/view-portlet/view-portlet.mjs';
 export { IBizViewPortlet } from './dashboard/portlet/view-portlet/index.mjs';
 export { ListPortlet } from './dashboard/portlet/list-portlet/list-portlet.mjs';
 export { IBizListPortlet } from './dashboard/portlet/list-portlet/index.mjs';
+export { RawItemPortlet } from './dashboard/portlet/rawitem-portlet/rawitem-portlet.mjs';
+export { IBizRawItemPortlet } from './dashboard/portlet/rawitem-portlet/index.mjs';
+export { ChartPortlet } from './dashboard/portlet/chart-portlet/chart-portlet.mjs';
+export { IBizChartPortlet } from './dashboard/portlet/chart-portlet/index.mjs';
+export { HtmlPortlet } from './dashboard/portlet/html-portlet/html-portlet.mjs';
+export { IBizHtmlPortlet } from './dashboard/portlet/html-portlet/index.mjs';
+export { ActionBarPortlet } from './dashboard/portlet/actionbar-portlet/actionbar-portlet.mjs';
+export { IBizActionBarPortlet } from './dashboard/portlet/actionbar-portlet/index.mjs';
 export { CalendarProvider } from './calendar/calendar.provider.mjs';
 
 "use strict";

package/es/control/list/list/list.css

@@ -1 +0,0 @@
-.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:0.625rem;cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-list__load-more{text-align:center;cursor:pointer}.ibiz-control-list__tag{display:flex;justify-content:space-between;width:100%;height:100%}.ibiz-control-list__item-icon{color:var(--ibiz-color-danger)}.ibiz-control-list__item-text{padding-right:var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-list-simplelist{display:flex;flex-wrap:wrap}.ibiz-control-list-simplelist .van-tag__close{position:absolute;right:.3125rem;margin-left:.125rem}.ibiz-control-list-simplelist .ibiz-control-list-item{min-width:0;padding:.3125rem}.ibiz-control-list-item__delete{display:inline-block;margin-left:.3125rem}.ibiz-control-list-simplelist .ibiz-control-list-item:hover{background-color:transparent}.ibiz-control-list-simplelist .ibiz-control-list-item.is-active{background-color:transparent}.ibiz-control-list-popup-header{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:0.625rem;padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list-popup{height:50vh}.ibiz-control-list-item-expand{flex-grow:1;min-width:0;min-height:0;color:var(--ibiz-color-primary);text-align:center}.ibiz-control-list-popup-container{display:flex;flex-flow:column nowrap;height:100%}.ibiz-control-list-popup-content{flex-grow:1;min-width:0;min-height:0;overflow-y:scroll}