@ibiz-template/mob-vue3-components 0.0.3 → 0.0.5

package/es/common/carousel/carousel.css

@@ -0,0 +1 @@
+.ibiz-carousel{height:100%}.ibiz-carousel .van-swipe{height:100%}.ibiz-carousel .van-swipe-item img{box-sizing:border-box;display:block;width:100%;height:100%;padding:1.875rem 3.75rem;pointer-events:none;background-color:var(--van-white)}

package/es/common/carousel/carousel.d.ts

@@ -0,0 +1,52 @@
+import { PropType } from 'vue';
+import './carousel.scss';
+import { ISysImage } from '@ibiz/model-core';
+import { IIcon } from '@ibiz-template/runtime';
+export declare const IBizCarousel: import("vue").DefineComponent<{
+    autoplay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showIndicators: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    touchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    images: {
+        type: PropType<(ISysImage | IIcon)[]>;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    autoplay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showIndicators: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    touchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    images: {
+        type: PropType<(ISysImage | IIcon)[]>;
+    };
+}>>, {
+    autoplay: number;
+    duration: number;
+    showIndicators: boolean;
+    touchable: boolean;
+}, {}>;

package/es/common/carousel/carousel.mjs

@@ -0,0 +1,61 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './carousel.css';
+
+"use strict";
+const IBizCarousel = /* @__PURE__ */ defineComponent({
+  name: "IBizCarousel",
+  props: {
+    autoplay: {
+      type: Number,
+      default: 3e3
+    },
+    duration: {
+      type: Number,
+      default: 500
+    },
+    showIndicators: {
+      type: Boolean,
+      default: true
+    },
+    touchable: {
+      type: Boolean,
+      default: true
+    },
+    images: {
+      type: Object
+    }
+  },
+  setup() {
+    const ns = useNamespace("carousel");
+    return {
+      ns
+    };
+  },
+  render() {
+    if (this.images && this.images.length === 0) {
+      return null;
+    }
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [createVNode(resolveComponent("van-swipe"), {
+      "autoplay": this.autoplay,
+      "duration": this.duration,
+      "lazy-render": true,
+      "show-indicators": this.showIndicators,
+      "touchable": this.touchable
+    }, {
+      default: () => [this.images && this.images.map((image) => {
+        return createVNode(resolveComponent("van-swipe-item"), {
+          "key": image
+        }, {
+          default: () => [createVNode(resolveComponent("iBizIcon"), {
+            "icon": image
+          }, null)]
+        });
+      })]
+    })]);
+  }
+});
+
+export { IBizCarousel };

package/es/common/index.mjs

@@ -1,5 +1,6 @@
 import { IBizViewShell, IBizIcon, IBizControlBase, IBizRouterView, IBizControlShell } from '@ibiz-template/vue3-util';
 import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
+import { IBizCarousel } from './carousel/carousel.mjs';
 import { IBizCol } from './col/col.mjs';
 import { IBizKeepAlive } from './keep-alive/keep-alive.mjs';
 export { MoveType, ShapeFlags, devtoolsComponentAdded, invokeArrayFns, invokeVNodeHook, isAsyncWrapper, isKeepAlive, queuePostRenderEffect, setTransitionHooks } from './keep-alive/keep-alive.mjs';
@@ -21,6 +22,7 @@ const IBizCommonComponents = {
     v.component(IBizNoData.name, IBizNoData);
     v.component(IBizControlShell.name, IBizControlShell);
     v.component(IBizRawItem.name, IBizRawItem);
+    v.component(IBizCarousel.name, IBizCarousel);
   }
 };
 

package/es/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar .calendar_day{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-base-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:.625rem;height:.625rem;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-.25rem;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:.25rem;height:.25rem;background-color:red;border-radius:3.125rem}.ibiz-control-calendar-content{width:100%}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--ibiz-color-bg-1);border:solid .03125rem transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));margin:0 var(--ibiz-control-calendar-item-padding);overflow-y:auto}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:.0625rem var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;--van-cell-right-icon-color:var(--van-gray-6);--van-padding-md:var(--ibiz-spacing-tight);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar .calendar_day{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:.625rem;height:.625rem;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-.25rem;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:.25rem;height:.25rem;background-color:red;border-radius:3.125rem}.ibiz-control-calendar .ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;height:auto}.ibiz-control-calendar .ibiz-control-calendar-item--default{padding:var(--ibiz-control-calendar-item-padding);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);line-height:25px;color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-control-calendar-content{width:100%}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-margin:var(--ibiz-spacing-tight) 0;display:flex;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));overflow-y:auto}.ibiz-control-calendar-footer .van-list,.ibiz-control-calendar-footer .van-tab__panel{height:100%}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:.0625rem var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}

package/es/control/calendar/calendar.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
 import { ISysCalendar } from '@ibiz/model-core';
 import './calendar.scss';
 import { CalendarController, ICalendarItemData, IControlProvider } from '@ibiz-template/runtime';
@@ -30,10 +30,11 @@ export declare const CalendarControl: import("vue").DefineComponent<{
 }, {
     c: CalendarController;
     ns: import("@ibiz-template/core").Namespace;
-    calendarRef: import("vue").Ref<IData | undefined>;
+    calendarRef: Ref<IData | undefined>;
+    markerData: import("vue").ComputedRef<IData>;
     selectDate: (tag: string) => void;
-    markDate: import("vue").ComputedRef<IData>;
     calcItemStyle: (data: ICalendarItemData) => IData;
+    onClick: (date: string) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<ISysCalendar>;

package/es/control/calendar/calendar.mjs

@@ -2,7 +2,6 @@ import { isVNode, ref, watch, computed, createVNode, resolveComponent, defineCom
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './calendar.css';
 import { CalendarController } from '@ibiz-template/runtime';
-import { isNil } from 'ramda';
 import dayjs from 'dayjs';
 import stdin_default from '../../node_modules/.pnpm/vue3-hash-calendar@1.1.3_vue@3.3.9/node_modules/vue3-hash-calendar/es/index.mjs';
 import 'vue3-hash-calendar/es/index.css';
@@ -50,27 +49,70 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         return;
       calendarRef.value.selectDate(tag);
     };
+    const markDateItems = ref({});
+    const getDayStartAndNextDayStart = (date) => {
+      const dayStart = new Date(date);
+      dayStart.setHours(0, 0, 0, 0);
+      const nextDayStart = new Date(date);
+      nextDayStart.setDate(nextDayStart.getDate() + 1);
+      nextDayStart.setHours(0, 0, 0, 0);
+      return {
+        dayStart,
+        nextDayStart
+      };
+    };
     watch(() => c.state.selectedDate, (oldVal, newVal) => {
       const oldDateString = dayjs(oldVal).format("YYYY-MM");
       const newDateString = dayjs(newVal).format("YYYY-MM");
       if (oldDateString === newDateString) {
         return;
       }
-      c.load();
+      const loadParam = {};
+      const {
+        dayStart,
+        nextDayStart
+      } = getDayStartAndNextDayStart(c.state.selectedDate);
+      Object.assign(loadParam, {
+        srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
+        srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
+      });
+      c.load(loadParam);
     });
+    const setMarkDate = (date) => {
+      const copyDate = new Date(date);
+      const items = markDateItems.value[dayjs(copyDate).format("YYYY-MM")];
+      if (!items) {
+        markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = [...c.state.items];
+      } else {
+        const mergeAndFilter = (arr1, arr2) => {
+          const mergedArray = arr1.concat(arr2);
+          const uniqueCombination = /* @__PURE__ */ new Set();
+          const filteredArray = mergedArray.filter((item) => {
+            const combination = item.id + item.itemType;
+            if (uniqueCombination.has(combination)) {
+              return false;
+            }
+            uniqueCombination.add(combination);
+            return true;
+          });
+          return filteredArray;
+        };
+        markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = mergeAndFilter(markDateItems.value[dayjs(copyDate).format("YYYY-MM")], c.state.items);
+      }
+    };
     const calcItemStyle = (data) => {
       return {
         color: data.color,
         backgroundColor: data.bkColor
       };
     };
-    const markDate = computed(() => {
+    const markerData = computed(() => {
       const filterSameDayAndUniqueType = (itemData, index, arr) => {
         const dateString = dayjs(new Date(itemData.beginTime)).format("YYYY-MM-DD");
         const isSameDayAndUniqueType = arr.findIndex((item) => dateString === dayjs(new Date(item.beginTime)).format("YYYY-MM-DD") && item.itemType === itemData.itemType) === index;
         return isSameDayAndUniqueType;
       };
-      const date = c.state.items.filter(filterSameDayAndUniqueType).map((item) => {
+      const date = Object.values(markDateItems.value).flat().filter(filterSameDayAndUniqueType).map((item) => {
         const _date = new Date(item.beginTime);
         return {
           date: item.beginTime,
@@ -83,18 +125,39 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       });
       return date;
     });
+    const onClick = async (date) => {
+      c.state.selectedDate = new Date(date);
+      const loadParam = {};
+      const {
+        dayStart,
+        nextDayStart
+      } = getDayStartAndNextDayStart(c.state.selectedDate);
+      Object.assign(loadParam, {
+        viewParam: {
+          srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
+          srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
+        }
+      });
+      setTimeout(() => {
+        c.load(loadParam);
+      }, 200);
+    };
+    c.evt.on("onLoadSuccess", () => {
+      setMarkDate(c.state.selectedDate);
+    });
     return {
       c,
       ns,
       calendarRef,
+      markerData,
       selectDate,
-      markDate,
-      calcItemStyle
+      calcItemStyle,
+      onClick
     };
   },
   render() {
     const renderMarker = (date) => {
-      const arr = this.markDate.filter((item) => item.day === date.day && item.month === date.month && item.year === date.year);
+      const arr = this.markerData.filter((item) => item.day === date.day && item.month === date.month && item.year === date.year);
       return arr.map((item) => {
         const style = this.calcItemStyle(item.data);
         return createVNode("div", {
@@ -132,15 +195,31 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       const findIndex = this.c.state.selectedData.findIndex((data) => {
         return data.deData.srfkey === item.deData.srfkey;
       });
-      const itemClass = [this.ns.b("item"), this.ns.is("active", findIndex !== -1)];
-      return createVNode("div", {
+      const itemClass = [this.ns.b("item"), this.ns.bm("item", "default"), this.ns.is("active", findIndex !== -1)];
+      return createVNode(resolveComponent("van-cell"), {
         "class": itemClass,
         "key": item.deData.srfkey,
-        "onClick": () => this.c.onRowClick(item),
-        "onDblclick": () => this.c.onDbRowClick(item)
-      }, [`${isNil(item.text) ? "---" : item.text}`]);
+        "is-link": true,
+        "title": item.text || "",
+        "onClick": () => this.c.onRowClick(item)
+      }, null);
+    };
+    const renderNoData = () => {
+      const {
+        isLoaded
+      } = this.c.state;
+      if (!isLoaded) {
+        return;
+      }
+      return isLoaded && createVNode(resolveComponent("iBizNoData"), {
+        "text": this.c.model.emptyText,
+        "emptyTextLanguageRes": this.c.model.emptyTextLanguageRes
+      }, null);
     };
     const renderCalendarList = (items) => {
+      if (items.length === 0) {
+        return renderNoData();
+      }
       return items.map((item) => {
         var _a;
         const model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
@@ -164,6 +243,9 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         "onChange": (date) => {
           this.c.state.selectedDate = date;
         },
+        "onClick": (date) => {
+          this.onClick(date);
+        },
         "ref": "calendarRef"
       }, {
         day: ({

package/es/control/calendar/index.d.ts

@@ -27,9 +27,10 @@ export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").Typ
     c: import("@ibiz-template/runtime").CalendarController;
     ns: import("@ibiz-template/core").Namespace;
     calendarRef: import("vue").Ref<IData | undefined>;
+    markerData: import("vue").ComputedRef<IData>;
     selectDate: (tag: string) => void;
-    markDate: import("vue").ComputedRef<IData>;
     calcItemStyle: (data: import("@ibiz-template/runtime").ICalendarItemData) => IData;
+    onClick: (date: string) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").ISysCalendar>;

package/es/control/dashboard/dashboard.css

@@ -1 +1 @@
-.ibiz-control-dashboard{--ibiz-control-dashboard-dashboard-margin:var(--ibiz-spacing-tight);margin:var(--ibiz-control-dashboard-dashboard-margin)}.ibiz-control-dashboard .ibiz-control-dashboard-row{gap:var(--ibiz-control-dashboard-dashboard-margin)}
+.ibiz-control-dashboard{--ibiz-control-dashboard-dashboard-margin:var(--ibiz-spacing-tight);height:100%;margin:var(--ibiz-control-dashboard-dashboard-margin);overflow:auto}.ibiz-control-dashboard .ibiz-control-dashboard-row{gap:var(--ibiz-control-dashboard-dashboard-margin)}

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

@@ -1 +1 @@
-.ibiz-form-group{--ibiz-form-group-bg-color:transparent;--ibiz-form-group-footer-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-show-more-color:var(--ibiz-color-primary);--ibiz-form-group-header-bg-color:transparent;--ibiz-form-group-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-header-border-color:var(--ibiz-color-border);--ibiz-form-group-caption-text-color:var(--ibiz-color-text-2);--ibiz-form-group-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-group-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-group-content-bg-color:transparent;--ibiz-form-group-content-padding:var(--ibiz-spacing-tight);--ibiz-form-group-content-margin:0}.ibiz-form-group{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-form-group-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-group-caption-font-size);font-weight:var(--ibiz-form-group-caption-font-weight);color:var(--ibiz-form-group-caption-text-color)}.ibiz-form-group__toolbar{text-align:right}.ibiz-form-group .ibiz-form-item-container{border-radius:0}.ibiz-form-group-collapse>.ibiz-form-group-content{display:block}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group-content{display:none}.ibiz-form-group-header{display:flex;align-items:center;padding:var(--ibiz-form-group-header-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group-header__left,.ibiz-form-group-header__right{display:inline-block;width:50%}.ibiz-form-group-header__right{display:flex;align-items:center;justify-content:end;height:100%}.ibiz-form-group-header__right .van-button{height:100%;color:var(--ibiz-color-link);border:none}.ibiz-form-group--show-header>.ibiz-form-group-content{margin-bottom:var(--ibiz-form-group-content-margin);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group-footer{padding:var(--ibiz-form-group-footer-padding)}.ibiz-form-group-footer__show-more-button{display:inline-block;color:var(--ibiz-form-group-show-more-color)}
+.ibiz-form-group{--ibiz-form-group-bg-color:transparent;--ibiz-form-group-footer-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-show-more-color:var(--ibiz-color-primary);--ibiz-form-group-header-bg-color:transparent;--ibiz-form-group-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-header-border-color:var(--ibiz-color-border);--ibiz-form-group-caption-text-color:var(--ibiz-color-text-2);--ibiz-form-group-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-group-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-group-content-bg-color:transparent;--ibiz-form-group-content-padding:var(--ibiz-spacing-tight);--ibiz-form-group-content-margin:0}.ibiz-form-group{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-form-group-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-group-caption-font-size);font-weight:var(--ibiz-form-group-caption-font-weight);color:var(--ibiz-form-group-caption-text-color)}.ibiz-form-group__toolbar{text-align:right}.ibiz-form-group .ibiz-form-item-container{border-radius:0}.ibiz-form-group-collapse>.ibiz-form-group-content{display:block}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group-content{display:none}.ibiz-form-group-header{display:flex;align-items:center;padding:var(--ibiz-form-group-header-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group-header__left,.ibiz-form-group-header__right{display:inline-block;width:50%}.ibiz-form-group-header__right{display:flex;align-items:center;justify-content:flex-end;height:100%}.ibiz-form-group-header__right .van-button{height:100%;color:var(--ibiz-color-link);border:none}.ibiz-form-group--show-header>.ibiz-form-group-content{margin-bottom:var(--ibiz-form-group-content-margin);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group-footer{padding:var(--ibiz-form-group-footer-padding)}.ibiz-form-group-footer__show-more-button{display:inline-block;color:var(--ibiz-form-group-show-more-color)}

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

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-form-item-label-line-height:1;--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:calc(100% - var(--ibiz-spacing-base) * 2);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container::after{position:absolute;z-index:1;width:calc(100% - var(--ibiz-spacing-base) * 2);height:.00625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{position:relative;width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-form-item-label-line-height:1;--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:calc(100% - var(--ibiz-spacing-base) * 2);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container::after{position:absolute;z-index:1;width:calc(100% - var(--ibiz-spacing-base) * 2);height:.0625rem;content:"";background-color:var(--ibiz-color-border);transform:scaleY(.5)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{position:relative;width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}

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

@@ -70,7 +70,11 @@ const FormItem = /* @__PURE__ */ defineComponent({
       }
     }
     return createVNode(resolveComponent("iBizFormItemContainer"), {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id)],
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), {
+        [this.ns.m("disabled")]: this.c.state.disabled
+      }, {
+        [this.ns.m("readonly")]: this.controller.model.editor.readOnly
+      }],
       "required": this.c.state.required,
       "error": this.c.state.error,
       "label": this.captionText,

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

@@ -44,6 +44,7 @@ const FormMDCtrlForm = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizMDCtrlContainer"), {
       "class": this.ns.b(),
       "items": state.items || [],
+      "caption": this.controller.model.caption,
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,
       "onAddClick": (index) => this.controller.create(index),

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

@@ -26,7 +26,7 @@ const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
     };
     const removeClick = async (index) => {
       const confirm = await ibiz.modal.confirm({
-        title: "\u786E\u8BA4",
+        title: "\u5220\u9664\u63D0\u9192",
         desc: "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9879?"
       });
       if (confirm) {
@@ -44,6 +44,7 @@ const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizMDCtrlContainer"), {
       "class": this.ns.b(),
       "items": items,
+      "caption": this.controller.model.caption,
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,
       "onAddClick": (index) => this.controller.create(index),

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-base);--ibiz-form-mdctrl-header-border-color:var(--ibiz-color-border);--ibiz-form-mdctrl-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-mdctrl-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-caption-font-weight:var(--ibiz-font-weight-bold);height:100%}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-mdctrl-caption-font-size);font-weight:var(--ibiz-form-mdctrl-caption-font-weight);color:var(--ibiz-form-mdctrl-caption-text-color)}.ibiz-form-mdctrl-header{padding:var(--ibiz-form-mdctrl-header-padding);line-height:var(--ibiz-form-mdctrl-header-height)}
+.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)}

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

@@ -15,6 +15,7 @@ export declare const FormMDCtrl: import("vue").DefineComponent<{
     c: FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
+    hasValue: import("vue").ComputedRef<boolean | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEFormMDCtrl>;

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

@@ -1,4 +1,4 @@
-import { createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { computed, createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormMDCtrlController } from '@ibiz-template/runtime';
 import './form-mdctrl.css';
@@ -21,10 +21,14 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     useController(props.controller);
     const c = props.controller;
     const hasCaption = c.model.showCaption && !!c.model.caption;
+    const hasValue = computed(() => {
+      return c.value && c.value.length > 0 || c.state.items && c.state.items.length > 0;
+    });
     return {
       c,
       ns,
-      hasCaption
+      hasCaption,
+      hasValue
     };
   },
   render() {
@@ -55,7 +59,7 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
         break;
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : ""]
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : "", this.hasValue ? this.ns.m("has-value") : ""]
     }, [this.hasCaption && createVNode("div", {
       "class": this.ns.b("header")
     }, [createVNode("span", {

package/es/control/form/form-detail/form-mdctrl/index.d.ts

@@ -1,3 +1,9 @@
+import FormMDCtrl from './form-mdctrl';
+import { FormMDCtrlForm } from './form-mdctrl-form/form-mdctrl-form';
+import { FormMDCtrlMD } from './form-mdctrl-md/form-mdctrl-md';
+import { FormMDCtrlRepeater } from './form-mdctrl-repeater/form-mdctrl-repeater';
+import { FormMDCtrlProvider } from './form-mdctrl.provider';
+import { MDCtrlContainer } from './mdctrl-container/mdctrl-container';
 export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
@@ -11,6 +17,7 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     c: import("@ibiz-template/runtime").FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
+    hasValue: import("vue").ComputedRef<boolean | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
@@ -22,3 +29,4 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     };
 }>>, {}, {}>>;
 export default IBizFormMDCtrl;
+export { MDCtrlContainer, FormMDCtrlProvider, FormMDCtrlRepeater, FormMDCtrlMD, FormMDCtrlForm, FormMDCtrl, };

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

@@ -17,4 +17,4 @@ const IBizFormMDCtrl = withInstall(FormMDCtrl, function(v) {
   registerFormDetailProvider("MDCTRL", () => new FormMDCtrlProvider());
 });
 
-export { IBizFormMDCtrl, IBizFormMDCtrl as default };
+export { FormMDCtrl, FormMDCtrlForm, FormMDCtrlMD, FormMDCtrlProvider, FormMDCtrlRepeater, IBizFormMDCtrl, MDCtrlContainer, IBizFormMDCtrl as default };

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

@@ -1 +1 @@
-.ibiz-mdctrl-container{display:flex;flex-direction:column;padding:var(--ibiz-spacing-tight) 0;background-color:var(--ibiz-color-bg-1)}.ibiz-mdctrl-container-item{margin:0 var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);overflow:hidden;border:solid 1px var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item-actions{display:flex;flex-shrink:0;width:100%;padding:10px 0;text-align:center}.ibiz-mdctrl-container-item-actions .van-button+.van-button{margin-left:0}.ibiz-mdctrl-container-item-actions__btn{width:calc(100% - var(--ibiz-spacing-base) * 2);margin:0 var(--ibiz-spacing-base)}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}
+.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)}

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.d.ts

@@ -13,12 +13,16 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
         type: PropType<IData[]>;
         required: true;
     };
+    caption: {
+        type: StringConstructor;
+        required: false;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     showActions: import("vue").ComputedRef<boolean>;
-    renderAddBtn: (index?: number) => JSX.Element | null;
+    renderAddBtn: (index?: number, showButton?: boolean) => JSX.Element | null;
     renderRemoveBtn: (item: IData, index: number) => JSX.Element | null;
-    renderBottomBtn: (item: IData, index: number) => (JSX.Element | null)[];
+    renderActionBtn: (item: IData, index: number) => (JSX.Element | null)[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     addClick: (_index?: number) => true;
     removeClick: (_data: IData, _index: number) => true;
@@ -35,6 +39,10 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
         type: PropType<IData[]>;
         required: true;
     };
+    caption: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & {
     onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
     onAddClick?: ((_index?: number | undefined) => any) | undefined;