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

package/es/common/col/col.mjs

@@ -21,9 +21,6 @@ const IBizCol = /* @__PURE__ */ defineComponent({
     const spacingClass = computed(() => {
       const ns2 = useNamespace("spacing");
       const classArr = [];
-      if (props.layoutPos.layout !== "FLEX") {
-        return classArr;
-      }
       const spacings = {
         top: props.layoutPos.spacingTop,
         bottom: props.layoutPos.spacingBottom,

package/es/common/rawitem/rawitem.mjs

@@ -41,7 +41,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
         rawItemContent.value = rawItem.content;
       }
     } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
-      rawItemContent.value = props.content;
+      rawItemContent.value = props.content || rawItem.rawContent;
     } else if (contentType === "IMAGE" && sysImage) {
       rawItemContent.value = sysImage;
     }

package/es/control/calendar/calendar.mjs

@@ -4,7 +4,7 @@ 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.8/node_modules/vue3-hash-calendar/es/index.mjs';
+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';
 
 "use strict";

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-5);--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);line-height:var(--ibiz-form-item-label-line-height);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{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:.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{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-mdctrl/form-mdctrl-form/form-mdctrl-form.mjs

@@ -46,7 +46,7 @@ const FormMDCtrlForm = /* @__PURE__ */ defineComponent({
       "items": state.items || [],
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,
-      "onAddClick": () => this.controller.create(),
+      "onAddClick": (index) => this.controller.create(index),
       "onRemoveClick": (item) => this.controller.remove(item.id)
     }, {
       item: ({

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

@@ -7,6 +7,7 @@ export declare const RepeaterMultiForm: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onValueChange: (value: IData, index: number) => void;
+    removeClick: (index: number) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: IData[]) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -24,9 +24,19 @@ const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
       arrData[index] = value;
       emit("change", arrData);
     };
+    const removeClick = async (index) => {
+      const confirm = await ibiz.modal.confirm({
+        title: "\u786E\u8BA4",
+        desc: "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9879?"
+      });
+      if (confirm) {
+        props.controller.remove(index);
+      }
+    };
     return {
       ns,
-      onValueChange
+      onValueChange,
+      removeClick
     };
   },
   render() {
@@ -36,8 +46,10 @@ const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
       "items": items,
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,
-      "onAddClick": () => this.controller.create(),
-      "onRemoveClick": (_item, index) => this.controller.remove(index)
+      "onAddClick": (index) => this.controller.create(index),
+      "onRemoveClick": (_item, index) => {
+        this.removeClick(index);
+      }
     }, {
       item: ({
         data,

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

@@ -1 +1 @@
-.ibiz-mdctrl-container{display:flex;flex-direction:column;gap:10px;padding:var(--ibiz-spacing-tight) 0}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item-actions{flex-shrink:0;width:100%;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{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}

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

@@ -16,10 +16,11 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     showActions: import("vue").ComputedRef<boolean>;
-    renderAddBtn: () => JSX.Element;
+    renderAddBtn: (index?: number) => JSX.Element | null;
     renderRemoveBtn: (item: IData, index: number) => JSX.Element | null;
+    renderBottomBtn: (item: IData, index: number) => (JSX.Element | null)[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    addClick: () => true;
+    addClick: (index?: number) => true;
     removeClick: (_data: IData, _index: number) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     enableCreate: {
@@ -35,6 +36,6 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    onAddClick?: (() => any) | undefined;
     onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
+    onAddClick?: ((index?: number | undefined) => any) | undefined;
 }, {}, {}>;

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

@@ -20,7 +20,7 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     }
   },
   emits: {
-    addClick: () => true,
+    addClick: (index) => true,
     removeClick: (_data, _index) => true
   },
   setup(props, {
@@ -30,11 +30,14 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     const showActions = computed(() => {
       return props.enableCreate || props.enableDelete;
     });
-    const renderAddBtn = () => {
+    const renderAddBtn = (index) => {
+      if (!props.enableCreate) {
+        return null;
+      }
       return createVNode(resolveComponent("van-button"), {
         "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
         "size": "small",
-        "onClick": () => emit("addClick"),
+        "onClick": () => emit("addClick", index === void 0 ? void 0 : index + 1),
         "type": "primary"
       }, {
         default: () => [createTextVNode("\u6DFB\u52A0")]
@@ -67,11 +70,15 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         default: () => [createTextVNode("\u5220\u9664")]
       });
     };
+    const renderBottomBtn = (item, index) => {
+      return [renderAddBtn(index), renderRemoveBtn(item, index)];
+    };
     return {
       ns,
       showActions,
       renderAddBtn,
-      renderRemoveBtn
+      renderRemoveBtn,
+      renderBottomBtn
     };
   },
   render() {
@@ -83,10 +90,11 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         index
       }) : createVNode("div", null, [createTextVNode("\u672A\u63D0\u4F9Bitem\u63D2\u69FD")]);
       return createVNode("div", {
-        "class": this.ns.b("item")
+        "class": this.ns.b("item"),
+        "key": item.id
       }, [formComponent, this.showActions && createVNode("div", {
         "class": this.ns.b("item-actions")
-      }, [this.renderRemoveBtn(item, index)])]);
+      }, [this.renderBottomBtn(item, index)])]);
     })]);
   }
 });

package/es/panel-component/index.mjs

@@ -1,4 +1,4 @@
-import { IBizPanelContainer, IBizPanelCtrlPos, IBizNavPos, IBizPanelField, IBizGridContainer, IBizPanelRawItem, IBizSingleDataContainer, IBizMultiDataContainer } from '@ibiz-template/vue3-util';
+import { IBizPanelContainer, IBizPanelCtrlPos, IBizNavPos, IBizPanelField, IBizGridContainer, IBizPanelRawItem, IBizSingleDataContainer, IBizMultiDataContainer, IBizPanelContainerImage, IBizScrollContainer } from '@ibiz-template/vue3-util';
 import { IBizViewContentPanelContainer } from './view-content-panel-container/index.mjs';
 import { IBizViewHeaderPanelContainer } from './view-header-panel-container/index.mjs';
 import { IBizViewFooterPanelContainer } from './view-footer-panel-container/index.mjs';
@@ -6,6 +6,7 @@ import { IBizPanelButton } from './panel-button/index.mjs';
 import { IBizWFActionButton } from './wf-action-button/index.mjs';
 import { IBizWFStepTrace } from './wf-step-trace/index.mjs';
 import { IBizNavPosIndex } from './nav-pos-index/index.mjs';
+import { IBizPanelTabPanel } from './panel-tab-panel/index.mjs';
 
 "use strict";
 const IBizPanelComponents = {
@@ -25,6 +26,9 @@ const IBizPanelComponents = {
     v.use(IBizWFActionButton);
     v.use(IBizSingleDataContainer);
     v.use(IBizMultiDataContainer);
+    v.use(IBizPanelTabPanel);
+    v.use(IBizPanelContainerImage);
+    v.use(IBizScrollContainer);
   }
 };
 

package/es/panel-component/panel-tab-panel/index.d.ts

@@ -0,0 +1,23 @@
+export declare const IBizPanelTabPanel: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, 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").IPanelTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizPanelTabPanel;

package/es/panel-component/panel-tab-panel/index.mjs

@@ -0,0 +1,12 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelTabPanel } from './panel-tab-panel.mjs';
+import { PanelTabPanelProvider } from './panel-tab-panel.provider.mjs';
+
+"use strict";
+const IBizPanelTabPanel = withInstall(PanelTabPanel, function(v) {
+  v.component(PanelTabPanel.name, PanelTabPanel);
+  registerPanelItemProvider("TABPANEL", () => new PanelTabPanelProvider());
+});
+
+export { IBizPanelTabPanel, IBizPanelTabPanel as default };

package/es/panel-component/panel-tab-panel/panel-tab-panel.css

@@ -0,0 +1 @@
+.ibiz-panel-tab-panel{height:100%}.ibiz-panel-tab-panel .van-tabs__content{height:calc(100% - var(--van-tabs-line-height))}.ibiz-panel-tab-panel .van-tab__panel{height:100%}

package/es/panel-component/panel-tab-panel/panel-tab-panel.d.ts

@@ -0,0 +1,26 @@
+import { IPanelTabPanel } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './panel-tab-panel.scss';
+export declare const PanelTabPanel: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelTabPanel>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/panel-tab-panel/panel-tab-panel.mjs

@@ -0,0 +1,70 @@
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './panel-tab-panel.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const PanelTabPanel = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelTabPanel",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-tab-panel");
+    const classArr = computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    let _slot;
+    if (!this.controller.state.visible) {
+      return;
+    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return createVNode(resolveComponent("van-tabs"), {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
+      "lazy-render": true,
+      "model-value": (_c = this.modelData.panelTabPages) == null ? void 0 : _c[0].id
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      const c = props.controller;
+      if (!c.state.visible && !c.state.keepAlive) {
+        return null;
+      }
+      return createVNode(resolveComponent("van-tab"), {
+        "class": this.ns.b("tab-item"),
+        "title": c.model.caption,
+        "name": c.model.id
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { PanelTabPanel };

package/es/panel-component/panel-tab-panel/panel-tab-panel.provider.d.ts

@@ -0,0 +1,13 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+/**
+ * 面板分页面板适配器
+ *
+ * @export
+ * @class PanelTabPanelController
+ * @implements {IPanelItemProvider}
+ */
+export declare class PanelTabPanelProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/panel-tab-panel/panel-tab-panel.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelTabPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelTabPanel");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelTabPanelProvider };

package/lib/common/col/col.cjs

@@ -23,9 +23,6 @@ const IBizCol = /* @__PURE__ */ vue.defineComponent({
     const spacingClass = vue.computed(() => {
       const ns2 = vue3Util.useNamespace("spacing");
       const classArr = [];
-      if (props.layoutPos.layout !== "FLEX") {
-        return classArr;
-      }
       const spacings = {
         top: props.layoutPos.spacingTop,
         bottom: props.layoutPos.spacingBottom,

package/lib/common/rawitem/rawitem.cjs

@@ -43,7 +43,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
         rawItemContent.value = rawItem.content;
       }
     } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
-      rawItemContent.value = props.content;
+      rawItemContent.value = props.content || rawItem.rawContent;
     } else if (contentType === "IMAGE" && sysImage) {
       rawItemContent.value = sysImage;
     }

package/lib/control/calendar/calendar.cjs

@@ -6,7 +6,7 @@ require('./calendar.css');
 var runtime = require('@ibiz-template/runtime');
 var ramda = require('ramda');
 var dayjs = require('dayjs');
-var index = require('../../node_modules/.pnpm/vue3-hash-calendar@1.1.3_vue@3.3.8/node_modules/vue3-hash-calendar/es/index.cjs');
+var index = require('../../node_modules/.pnpm/vue3-hash-calendar@1.1.3_vue@3.3.9/node_modules/vue3-hash-calendar/es/index.cjs');
 require('vue3-hash-calendar/es/index.css');
 
 "use strict";

package/lib/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-5);--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);line-height:var(--ibiz-form-item-label-line-height);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{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:.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{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/lib/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.cjs

@@ -48,7 +48,7 @@ const FormMDCtrlForm = /* @__PURE__ */ vue.defineComponent({
       "items": state.items || [],
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,
-      "onAddClick": () => this.controller.create(),
+      "onAddClick": (index) => this.controller.create(index),
       "onRemoveClick": (item) => this.controller.remove(item.id)
     }, {
       item: ({

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

@@ -26,9 +26,19 @@ const RepeaterMultiForm = /* @__PURE__ */ vue.defineComponent({
       arrData[index] = value;
       emit("change", arrData);
     };
+    const removeClick = async (index) => {
+      const confirm = await ibiz.modal.confirm({
+        title: "\u786E\u8BA4",
+        desc: "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9879?"
+      });
+      if (confirm) {
+        props.controller.remove(index);
+      }
+    };
     return {
       ns,
-      onValueChange
+      onValueChange,
+      removeClick
     };
   },
   render() {
@@ -38,8 +48,10 @@ const RepeaterMultiForm = /* @__PURE__ */ vue.defineComponent({
       "items": items,
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,
-      "onAddClick": () => this.controller.create(),
-      "onRemoveClick": (_item, index) => this.controller.remove(index)
+      "onAddClick": (index) => this.controller.create(index),
+      "onRemoveClick": (_item, index) => {
+        this.removeClick(index);
+      }
     }, {
       item: ({
         data,

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

@@ -22,7 +22,7 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
     }
   },
   emits: {
-    addClick: () => true,
+    addClick: (index) => true,
     removeClick: (_data, _index) => true
   },
   setup(props, {
@@ -32,11 +32,14 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
     const showActions = vue.computed(() => {
       return props.enableCreate || props.enableDelete;
     });
-    const renderAddBtn = () => {
+    const renderAddBtn = (index) => {
+      if (!props.enableCreate) {
+        return null;
+      }
       return vue.createVNode(vue.resolveComponent("van-button"), {
         "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
         "size": "small",
-        "onClick": () => emit("addClick"),
+        "onClick": () => emit("addClick", index === void 0 ? void 0 : index + 1),
         "type": "primary"
       }, {
         default: () => [vue.createTextVNode("\u6DFB\u52A0")]
@@ -69,11 +72,15 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
         default: () => [vue.createTextVNode("\u5220\u9664")]
       });
     };
+    const renderBottomBtn = (item, index) => {
+      return [renderAddBtn(index), renderRemoveBtn(item, index)];
+    };
     return {
       ns,
       showActions,
       renderAddBtn,
-      renderRemoveBtn
+      renderRemoveBtn,
+      renderBottomBtn
     };
   },
   render() {
@@ -85,10 +92,11 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
         index
       }) : vue.createVNode("div", null, [vue.createTextVNode("\u672A\u63D0\u4F9Bitem\u63D2\u69FD")]);
       return vue.createVNode("div", {
-        "class": this.ns.b("item")
+        "class": this.ns.b("item"),
+        "key": item.id
       }, [formComponent, this.showActions && vue.createVNode("div", {
         "class": this.ns.b("item-actions")
-      }, [this.renderRemoveBtn(item, index)])]);
+      }, [this.renderBottomBtn(item, index)])]);
     })]);
   }
 });

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

@@ -1 +1 @@
-.ibiz-mdctrl-container{display:flex;flex-direction:column;gap:10px;padding:var(--ibiz-spacing-tight) 0}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item-actions{flex-shrink:0;width:100%;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{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}

package/lib/panel-component/index.cjs

@@ -10,6 +10,7 @@ var index$4 = require('./panel-button/index.cjs');
 var index$6 = require('./wf-action-button/index.cjs');
 var index$5 = require('./wf-step-trace/index.cjs');
 var index = require('./nav-pos-index/index.cjs');
+var index$7 = require('./panel-tab-panel/index.cjs');
 
 "use strict";
 const IBizPanelComponents = {
@@ -29,6 +30,9 @@ const IBizPanelComponents = {
     v.use(index$6.IBizWFActionButton);
     v.use(vue3Util.IBizSingleDataContainer);
     v.use(vue3Util.IBizMultiDataContainer);
+    v.use(index$7.IBizPanelTabPanel);
+    v.use(vue3Util.IBizPanelContainerImage);
+    v.use(vue3Util.IBizScrollContainer);
   }
 };
 

package/lib/panel-component/panel-tab-panel/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelTabPanel = require('./panel-tab-panel.cjs');
+var panelTabPanel_provider = require('./panel-tab-panel.provider.cjs');
+
+"use strict";
+const IBizPanelTabPanel = vue3Util.withInstall(panelTabPanel.PanelTabPanel, function(v) {
+  v.component(panelTabPanel.PanelTabPanel.name, panelTabPanel.PanelTabPanel);
+  runtime.registerPanelItemProvider("TABPANEL", () => new panelTabPanel_provider.PanelTabPanelProvider());
+});
+
+exports.IBizPanelTabPanel = IBizPanelTabPanel;
+exports.default = IBizPanelTabPanel;