@ibiz-template/vue3-components 0.7.37-alpha.5 → 0.7.38-alpha.21

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

@@ -1,8 +1,11 @@
-import { watch, reactive, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, watch, reactive, createVNode, resolveComponent } from 'vue';
 import { EditFormController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const EditFormControl = /* @__PURE__ */ defineComponent({
   name: "IBizEditFormControl",
   props: {
@@ -38,6 +41,8 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new EditFormController(...args), {
       excludePropsKeys: ["data"]
     });
+    const anchorList = ref([]);
+    const anchorTargetRef = ref();
     if (props.isSimple) {
       c.evt.on("onMounted", () => {
         c.setSimpleData(props.data || {});
@@ -61,19 +66,50 @@ const EditFormControl = /* @__PURE__ */ defineComponent({
         const detail = c.details[key];
         detail.state = reactive(detail.state);
       });
+      anchorList.value = c.anchorData;
     });
+    const calcNavBarConfig = () => {
+      const {
+        navBarPos,
+        navBarSysCss,
+        navBarWidth,
+        navBarStyle,
+        navbarHeight
+      } = c.model;
+      return {
+        navBarPos,
+        navBarSysCss,
+        navBarWidth,
+        navBarStyle,
+        navbarHeight
+      };
+    };
     return {
       c,
-      ns
+      ns,
+      anchorList,
+      anchorTargetRef,
+      calcNavBarConfig
     };
   },
   render() {
-    return createVNode(resolveComponent("iBizFormControl"), {
+    const content = createVNode(resolveComponent("iBizFormControl"), {
+      "ref": "anchorTargetRef",
       "class": this.ns.b(),
       "controller": this.c
     }, {
       ...this.$slots
     });
+    if (this.c.model.showFormNavBar) {
+      return createVNode(resolveComponent("iBizAnchorContainer"), {
+        "anchorList": this.anchorList.filter((item) => item.pageId === this.c.state.activeTab),
+        "anchorTargetEle": this.anchorTargetRef,
+        "navBarConfig": this.calcNavBarConfig()
+      }, _isSlot(content) ? content : {
+        default: () => [content]
+      });
+    }
+    return content;
   }
 });
 

package/es/control/form/edit-form/index.d.ts

@@ -29,6 +29,15 @@ export declare const IBizEditFormControl: import("@ibiz-template/vue3-util").Typ
 }, {
     c: import("@ibiz-template/runtime").EditFormController;
     ns: import("@ibiz-template/core").Namespace;
+    anchorList: import("vue").Ref<IData[]>;
+    anchorTargetRef: import("vue").Ref<IData | undefined>;
+    calcNavBarConfig: () => {
+        navBarPos: string | undefined;
+        navBarSysCss: import("@ibiz/model-core").ISysCss | undefined;
+        navBarWidth: number | undefined;
+        navBarStyle: string | undefined;
+        navbarHeight: number | 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").IDEEditForm>;

package/es/control/form/edit-form/index.mjs

@@ -1,4 +1,4 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { EditFormProvider } from './edit-form.provider.mjs';
 import { EditFormControl } from './edit-form.mjs';

package/es/control/form/form/form.mjs

@@ -1,4 +1,4 @@
-import { isVNode, renderSlot, createVNode, resolveComponent, h, defineComponent } from 'vue';
+import { isVNode, defineComponent, renderSlot, createVNode, resolveComponent, h } from 'vue';
 import { ScriptFactory, findChildFormDetails, ControlType } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form.css';

package/es/control/form/form/index.mjs

@@ -10,6 +10,7 @@ import { IBizFormMDCtrl } from '../form-detail/form-mdctrl/index.mjs';
 import { IBizFormRawItem } from '../form-detail/form-rawitem/index.mjs';
 import { IBizFormTabPanel } from '../form-detail/form-tab-panel/index.mjs';
 import { IBizFormTabPage } from '../form-detail/form-tab-page/index.mjs';
+import { IBizFormButtonList } from '../form-detail/form-button-list/index.mjs';
 
 "use strict";
 const IBizFormControl = withInstall(FormControl, function(v) {
@@ -23,6 +24,7 @@ const IBizFormControl = withInstall(FormControl, function(v) {
   v.use(IBizFormRawItem);
   v.use(IBizFormTabPanel);
   v.use(IBizFormTabPage);
+  v.use(IBizFormButtonList);
 });
 
 export { IBizFormControl, IBizFormControl as default };

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

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { FormButtonController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-button.css';

package/es/control/form/form-detail/form-button-list/form-button-list.css

@@ -0,0 +1 @@
+.ibiz-form-button-list{width:100%;height:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}

package/es/control/form/form-detail/form-button-list/form-button-list.d.ts

@@ -0,0 +1,27 @@
+import { FormButtonListController } from '@ibiz-template/runtime';
+import { IDEFormButtonList } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './form-button-list.scss';
+export declare const FormButtonList: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormButtonList>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormButtonListController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    handleClick: (e: MouseEvent, actionId: 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<IDEFormButtonList>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormButtonListController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default FormButtonList;

package/es/control/form/form-detail/form-button-list/form-button-list.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { FormButtonListController } from '@ibiz-template/runtime';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './form-button-list.css';
+
+"use strict";
+const FormButtonList = /* @__PURE__ */ defineComponent({
+  name: "IBizFormButtonList",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: FormButtonListController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("form-button-list");
+    const c = props.controller;
+    const handleClick = async (e, actionId) => {
+      e.stopPropagation();
+      c.doUIAction(actionId, e);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    const {
+      state
+    } = this.controller;
+    if (state.visible) {
+      return createVNode(resolveComponent("iBizButtonList"), {
+        "class": [this.ns.b(), ...this.controller.containerClass],
+        "model": this.modelData,
+        "disabled": state.disabled,
+        "buttonsState": state.buttonsState,
+        "onClick": this.handleClick
+      }, null);
+    }
+    return null;
+  }
+});
+
+export { FormButtonList, FormButtonList as default };

package/es/control/form/form-detail/form-button-list/form-button-list.provider.d.ts

@@ -0,0 +1,13 @@
+import { FormController, IFormDetailProvider, FormButtonListController, IFormDetailContainerController } from '@ibiz-template/runtime';
+import { IDEFormButtonList } from '@ibiz/model-core';
+/**
+ * 表单按钮组适配器
+ *
+ * @export
+ * @class FormButtonListProvider
+ * @implements {IFormDetailProvider}
+ */
+export declare class FormButtonListProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormButtonList, form: FormController, parent: IFormDetailContainerController | undefined): Promise<FormButtonListController>;
+}

package/es/control/form/form-detail/form-button-list/form-button-list.provider.mjs

@@ -0,0 +1,21 @@
+import { FormButtonListController } 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 FormButtonListProvider {
+  constructor() {
+    __publicField(this, "component", "IBizFormButtonList");
+  }
+  async createController(detailModel, form, parent) {
+    const c = new FormButtonListController(detailModel, form, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { FormButtonListProvider };

package/es/control/form/form-detail/form-button-list/index.d.ts

@@ -0,0 +1,23 @@
+export declare const IBizFormButtonList: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEFormButtonList>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormButtonListController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    handleClick: (e: MouseEvent, actionId: 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").IDEFormButtonList>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormButtonListController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizFormButtonList;

package/es/control/form/form-detail/form-button-list/index.mjs

@@ -0,0 +1,18 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerFormDetailProvider } from '@ibiz-template/runtime';
+import { FormButtonListProvider } from './form-button-list.provider.mjs';
+import { FormButtonList } from './form-button-list.mjs';
+
+"use strict";
+const IBizFormButtonList = withInstall(
+  FormButtonList,
+  function(v) {
+    v.component(FormButtonList.name, FormButtonList);
+    registerFormDetailProvider(
+      "BUTTONLIST",
+      () => new FormButtonListProvider()
+    );
+  }
+);
+
+export { IBizFormButtonList, IBizFormButtonList as default };

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

@@ -1 +1 @@
-.ibiz-form-druipart{position:relative;width:100%;height:100%}.ibiz-form-druipart__mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;color:var(--ibiz-color-primary-text);background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}
+.ibiz-form-druipart{position:relative;width:100%;height:100%}.ibiz-form-druipart__mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;color:var(--ibiz-color-primary-text);background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.ibiz-form-druipart>.el-loading-parent--relative{min-height:100px}

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

@@ -1,4 +1,4 @@
-import { resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { defineComponent, resolveComponent, createVNode, h } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormDRUIPartController } from '@ibiz-template/runtime';
 import './form-druipart.css';

package/es/control/form/form-detail/form-group-panel/form-group-panel.d.ts

@@ -13,7 +13,6 @@ export declare const FormGroupPanel: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    isCollapse: import("vue").Ref<boolean>;
     captionText: import("vue").ComputedRef<any>;
     changeCollapse: () => void;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { FormGroupPanelController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-group-panel.css';
@@ -21,14 +21,17 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("form-group");
-    const isCollapse = ref(!props.controller.defaultExpansion);
+    const c = props.controller;
     const changeCollapse = () => {
-      if (!props.controller.disableClose) {
-        isCollapse.value = !isCollapse.value;
+      if (!c.disableClose) {
+        c.state.collapse = !c.state.collapse;
       }
     };
     const onActionClick = async (detail, event) => {
-      await props.controller.onActionClick(detail, event);
+      const tempParams = {
+        srfgroupid: props.modelData.codeName
+      };
+      await props.controller.onActionClick(detail, event, tempParams);
     };
     const captionText = computed(() => {
       const {
@@ -42,7 +45,6 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
-      isCollapse,
       captionText,
       changeCollapse,
       onActionClick
@@ -76,7 +78,7 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
     if (this.modelData.showCaption === true) {
       classArr.push(this.ns.m("show-header"));
       classArr.push(this.ns.b("collapse"));
-      classArr.push(this.ns.is("collapse", this.isCollapse));
+      classArr.push(this.ns.is("collapse", this.controller.state.collapse));
       if (this.controller.disableClose) {
         classArr.push(this.ns.bm("collapse", "disable-close"));
       }
@@ -102,7 +104,7 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
         "onActionClick": this.onActionClick,
         "caption": this.modelData.uiactionGroup.name,
         "mode": this.modelData.actionGroupExtractMode === "ITEMS" ? "dropdown" : "buttons"
-      }, null), this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.isCollapse ? createVNode("ion-icon", {
+      }, null), this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.controller.state.collapse ? createVNode("ion-icon", {
         "name": "caret-forward-sharp",
         "class": this.ns.be("header", "icon"),
         "title": ibiz.i18n.t("control.form.formGroup.unfold")
@@ -124,6 +126,7 @@ const FormGroupPanel = /* @__PURE__ */ defineComponent({
       }, [!state.isShowMore ? ibiz.i18n.t("control.form.formGroupPanel.showMore") : ibiz.i18n.t("app.retract")])]);
     }
     return createVNode("div", {
+      "id": this.modelData.id,
       "class": classArr,
       "onClick": (event) => this.controller.onClick(event)
     }, [header, createVNode("div", {

package/es/control/form/form-detail/form-group-panel/index.d.ts

@@ -9,7 +9,6 @@ export declare const IBizFormGroupPanel: import("@ibiz-template/vue3-util").Type
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    isCollapse: import("vue").Ref<boolean>;
     captionText: import("vue").ComputedRef<any>;
     changeCollapse: () => void;
     onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;

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

@@ -1,4 +1,4 @@
-import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-item-container.css';
 import { showTitle } from '@ibiz-template/core';

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

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, resolveComponent, h, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-item.css';
 import { FormItemController } from '@ibiz-template/runtime';
@@ -75,6 +75,7 @@ const FormItem = /* @__PURE__ */ defineComponent({
       }
     }
     return createVNode(resolveComponent("iBizFormItemContainer"), {
+      "id": this.c.model.id,
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass],
       "style": this.modelData.cssStyle,
       "required": this.c.state.required,

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

@@ -1,4 +1,4 @@
-import { isVNode, computed, resolveComponent, createVNode, h, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, createVNode, resolveComponent, h } from 'vue';
 import { FormMDCtrlFormController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-mdctrl-form.css';

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

@@ -1,4 +1,4 @@
-import { isVNode, computed, ref, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, ref, h, resolveComponent, createVNode } from 'vue';
 import { FormMDCtrlMDController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-mdctrl-md.css';

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

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RepeaterSingleForm } from './repeater-single-form/repeater-single-form.mjs';

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

@@ -19,7 +19,10 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
         wfStart: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<void>;
         getData: () => IData[];
         validate: () => Promise<boolean>;
+        silentValidate: () => Promise<boolean>;
         refresh: () => Promise<void>;
+        changeCollapse: (params?: IData | undefined) => void;
+        setActiveTab: (name: string) => void;
         view: {
             evt: {
                 isDestroyed: boolean;
@@ -264,6 +267,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     triggerCustom: (id: string, executeParams: Partial<import("@ibiz-template/runtime").IUILogicParams>) => any;
                     triggerControlEvent: (ctrlName: string, eventName: string, executeParams?: Partial<import("@ibiz-template/runtime").IUILogicParams> | undefined) => void;
                 } | undefined;
+                runMode: "DESIGN" | "RUNTIME";
                 startLoading: () => Promise<void>;
                 endLoading: () => Promise<void>;
                 onActivated: () => void;
@@ -11542,6 +11546,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 triggerCustom: (id: string, executeParams: Partial<import("@ibiz-template/runtime").IUILogicParams>) => any;
                 triggerControlEvent: (ctrlName: string, eventName: string, executeParams?: Partial<import("@ibiz-template/runtime").IUILogicParams> | undefined) => void;
             } | undefined;
+            runMode: "DESIGN" | "RUNTIME";
             startLoading: () => Promise<void>;
             endLoading: () => Promise<void>;
             onActivated: () => void;
@@ -14505,6 +14510,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             triggerCustom: (id: string, executeParams: Partial<import("@ibiz-template/runtime").IUILogicParams>) => any;
             triggerControlEvent: (ctrlName: string, eventName: string, executeParams?: Partial<import("@ibiz-template/runtime").IUILogicParams> | undefined) => void;
         } | undefined;
+        runMode: "DESIGN" | "RUNTIME";
         startLoading: () => Promise<void>;
         endLoading: () => Promise<void>;
         onActivated: () => void;
@@ -14524,6 +14530,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             data: IData;
             processing: boolean;
             modified: boolean;
+            activeTab: string;
             activated: boolean;
             isSimple: boolean;
             isLoading: boolean;
@@ -14598,6 +14605,22 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 modelId?: string | undefined;
                 modelType?: string | undefined;
             } | undefined;
+            navBarSysCss?: {
+                codeName?: string | undefined;
+                cssName?: string | undefined;
+                cssStyle?: string | undefined;
+                designCssStyle?: string | undefined;
+                appId: string;
+                id?: string | undefined;
+                name?: string | undefined;
+                userParam?: Record<string, string> | undefined;
+                modelId?: string | undefined;
+                modelType?: string | undefined;
+            } | undefined;
+            navBarPos?: string | undefined;
+            navBarStyle?: string | undefined;
+            navBarWidth?: number | undefined;
+            navbarHeight?: number | undefined;
             appCounterRefId?: string | undefined;
             removeControlAction?: {
                 adappDELogicId?: string | undefined;
@@ -15714,6 +15737,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                         codeName?: string | undefined;
                         detailTag?: string | undefined;
                         detailTag2?: string | undefined;
+                        enableScriptCode?: string | undefined;
+                        sysPFPluginId?: string | undefined;
                         uiactionId?: string | undefined;
                         tooltip?: string | undefined;
                         uiactionParamJO?: {
@@ -15727,6 +15752,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                             isPrototypeOf: (v: Object) => boolean;
                             propertyIsEnumerable: (v: PropertyKey) => boolean;
                         } | undefined;
+                        visibleScriptCode?: string | undefined;
                         addSeparator?: boolean | undefined;
                         showCaption?: boolean | undefined;
                         showIcon?: boolean | undefined;

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

@@ -1,4 +1,4 @@
-import { isVNode, reactive, watch, resolveComponent, createVNode, toRaw, h, defineComponent } from 'vue';
+import { isVNode, defineComponent, reactive, watch, createVNode, resolveComponent, toRaw, h } from 'vue';
 import { FormMDCtrlRepeaterController, EditFormController, ControlVO } from '@ibiz-template/runtime';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
 import { recursiveIterate, showTitle } from '@ibiz-template/core';

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

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RepeaterSingleForm } from '../repeater-single-form/repeater-single-form.mjs';
@@ -35,8 +35,13 @@ const RepeaterMultiForm = /* @__PURE__ */ defineComponent({
   },
   render() {
     const items = this.controller.value;
+    let userStyle = "";
+    if (this.controller.model.userParam && this.controller.model.userParam.STYLE) {
+      userStyle = this.controller.model.userParam.STYLE;
+    }
     return createVNode(resolveComponent("iBizMDCtrlContainer"), {
       "class": this.ns.b(),
+      "userStyle": userStyle,
       "items": items,
       "enableCreate": this.controller.enableCreate,
       "enableDelete": this.controller.enableDelete,

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

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { FormMDCtrlRepeaterController, ControlVO } from '@ibiz-template/runtime';
 import { RuntimeError } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';

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

@@ -1,4 +1,4 @@
-import { createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormMDCtrlController } from '@ibiz-template/runtime';
 import './form-mdctrl.css';

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

@@ -1 +1 @@
-.ibiz-mdctrl-container-item{display:flex}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item-actions{flex-shrink:0;width:80px;text-align:center}.ibiz-mdctrl-container-item-actions .el-button+.el-button{margin-left:var(--ibiz-spacing-none)}.ibiz-mdctrl-container-item-actions__btn{margin-top:var(--ibiz-spacing-tight)}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}
+.ibiz-mdctrl-container-item{display:flex}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item-actions{flex-shrink:0;width:80px;text-align:center}.ibiz-mdctrl-container-item-actions .el-button+.el-button{margin-left:var(--ibiz-spacing-none)}.ibiz-mdctrl-container-item-actions__btn{margin-top:var(--ibiz-spacing-tight)}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}.ibiz-mdctrl-container-style2-item-actions{flex:1;width:100%}.ibiz-mdctrl-container-style2-item-actions .el-button+.el-button{margin-left:var(--ibiz-spacing-none)}.ibiz-mdctrl-container-style2-item-actions__btn{margin-top:var(--ibiz-spacing-tight)}.ibiz-mdctrl-container-style2-item-actions__create{width:100%;color:var(--ibiz-color-primary);background-color:transparent;border:1px dashed var(--ibiz-color-border);border-width:1px!important}.ibiz-mdctrl-container-style2-item-actions__create ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-mdctrl-container-style2-item-actions__create:focus{color:var(--ibiz-color-primary-hover);background-color:transparent;border:1px dashed var(--ibiz-color-primary-hover)}.ibiz-mdctrl-container-style2-item-actions__create:hover{color:var(--ibiz-color-primary-hover);background-color:transparent;border:1px dashed var(--ibiz-color-primary-hover)}.ibiz-mdctrl-container-style2-item-actions__remove{font-size:var(--ibiz-font-size-heder-6)}

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

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