@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

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

@@ -1,5 +1,5 @@
 import { isVNode, defineComponent, reactive, watch, createVNode, resolveComponent, toRaw, h } from 'vue';
-import { FormMDCtrlRepeaterController, EditFormController } from '@ibiz-template/runtime';
+import { FormMDCtrlRepeaterController, EditFormController, ControlVO } from '@ibiz-template/runtime';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
 import { recursiveIterate, showTitle } from '@ibiz-template/core';
 import './repeater-grid.css';
@@ -46,8 +46,9 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
       formControllers.push(formC);
       props.controller.setRepeaterController("".concat(formControllers.length - 1), formC);
       formC.evt.on("onFormDataChange", (event) => {
-        const formData = {
-          ...event.data[0]
+        const item = event.data[0];
+        const formData = item instanceof ControlVO ? item.clone() : {
+          ...item
         };
         const index = formControllers.indexOf(formC);
         onSingleValueChange(formData, index);

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

@@ -0,0 +1,20 @@
+import { EventBase, FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+export declare const RepeaterMultiForm: import("vue").DefineComponent<{
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onValueChange: (value: IData, index: number) => void;
+    onCreated: (index: number, event: EventBase) => 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<{
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}>> & {
+    onChange?: ((_value: IData[]) => any) | undefined;
+}, {}, {}>;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-multi-form/repeater-multi-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.d.ts

@@ -0,0 +1,32 @@
+import { PropType } from 'vue';
+import { EventBase, FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import './repeater-single-form.scss';
+export declare const RepeaterSingleForm: import("vue").DefineComponent<{
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onFormDataChange: (event: EventBase) => void;
+    onCreated: (event: EventBase) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: IData) => true;
+    created: (_value: EventBase) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}>> & {
+    onChange?: ((_value: IData) => any) | undefined;
+    onCreated?: ((_value: EventBase) => any) | undefined;
+}, {}, {}>;

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

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode, resolveComponent } from 'vue';
-import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import { FormMDCtrlRepeaterController, ControlVO } from '@ibiz-template/runtime';
 import { RuntimeError } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './repeater-single-form.css';
@@ -25,18 +25,12 @@ const RepeaterSingleForm = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("repeater-single-form");
-    const getFilteredData = (data) => {
-      const tempData = {};
-      data.$dataUIMap.forEach((dataUI) => {
-        if (data[dataUI.dataKey] !== void 0) {
-          tempData[dataUI.dataKey] = data[dataUI.dataKey];
-        }
-      });
-      return tempData;
-    };
     const onFormDataChange = (event) => {
-      const data = getFilteredData(event.data[0]);
-      emit("change", data);
+      const item = event.data[0];
+      const formData = item instanceof ControlVO ? item.clone() : {
+        ...item
+      };
+      emit("change", formData);
     };
     const onCreated = (event) => {
       emit("created", event);

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

@@ -0,0 +1,30 @@
+import { PropType } from 'vue';
+import { IDEFormMDCtrl, IUIActionGroupDetail } from '@ibiz/model-core';
+import { FormMDCtrlController } from '@ibiz-template/runtime';
+import './form-mdctrl.scss';
+export declare const FormMDCtrl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormMDCtrl>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlController;
+        required: true;
+    };
+}, {
+    c: FormMDCtrlController;
+    ns: import("@ibiz-template/core").Namespace;
+    hasCaption: boolean | undefined;
+    hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
+    onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => 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<IDEFormMDCtrl>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default FormMDCtrl;

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

@@ -0,0 +1,15 @@
+import { FormController, FormMDCtrlController, IFormDetailContainerController, IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormMDCtrl } from '@ibiz/model-core';
+/**
+ * 表单多数据部件适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormMDCtrlProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormMDCtrlProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormMDCtrl, form: FormController, parent: IFormDetailContainerController | undefined): Promise<FormMDCtrlController>;
+}

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

@@ -0,0 +1,26 @@
+export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormMDCtrlController;
+        required: true;
+    };
+}, {
+    c: import("@ibiz-template/runtime").FormMDCtrlController;
+    ns: import("@ibiz-template/core").Namespace;
+    hasCaption: boolean | undefined;
+    hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
+    onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => 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").IDEFormMDCtrl>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormMDCtrlController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizFormMDCtrl;

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

@@ -0,0 +1,48 @@
+import { PropType } from 'vue';
+import './mdctrl-container.scss';
+export declare const MDCtrlContainer: import("vue").DefineComponent<{
+    enableCreate: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    enableDelete: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    items: {
+        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;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    enableCreate: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    enableDelete: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    items: {
+        type: PropType<IData[]>;
+        required: true;
+    };
+    userStyle: {
+        type: StringConstructor;
+    };
+}>> & {
+    onAddClick?: (() => any) | undefined;
+    onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
+}, {}, {}>;

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

@@ -21,6 +21,9 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
     items: {
       type: Object,
       required: true
+    },
+    userStyle: {
+      type: String
     }
   },
   emits: {
@@ -74,18 +77,85 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
         default: () => [_slot3]
       });
     };
+    const renderStyle2AddBtn = () => {
+      return createVNode(resolveComponent("el-button"), {
+        "class": [ns.be("style2-item-actions", "create"), ns.be("style2-item-actions", "btn")],
+        "title": ibiz.i18n.t("app.add"),
+        "onClick": () => emit("addClick")
+      }, {
+        default: () => [createVNode("ion-icon", {
+          "name": "add-outline"
+        }, null), ibiz.i18n.t("app.add")]
+      });
+    };
+    const renderStyle2RemoveBtn = (item, index) => {
+      let _slot4;
+      if (!props.enableDelete) {
+        return null;
+      }
+      if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
+        return createVNode(resolveComponent("el-popconfirm"), {
+          "title": showTitle(ibiz.i18n.t("control.form.mdCtrlContainer.promptInformation")),
+          "confirm-button-text": ibiz.i18n.t("app.confirm"),
+          "cancel-button-text": ibiz.i18n.t("app.cancel"),
+          "onConfirm": () => emit("removeClick", item, index)
+        }, {
+          reference: () => {
+            return createVNode(resolveComponent("el-button"), {
+              "type": "danger",
+              "class": [ns.be("style2-item-actions", "remove"), ns.be("style2-item-actions", "btn")],
+              "title": ibiz.i18n.t("app.delete")
+            }, {
+              default: () => [createVNode("ion-icon", {
+                "name": "trash-outline"
+              }, null)]
+            });
+          }
+        });
+      }
+      return createVNode(resolveComponent("el-button"), {
+        "type": "danger",
+        "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+        "onClick": () => emit("removeClick", item, index)
+      }, _isSlot(_slot4 = ibiz.i18n.t("app.delete")) ? _slot4 : {
+        default: () => [_slot4]
+      });
+    };
     return {
       ns,
       showActions,
       renderAddBtn,
-      renderRemoveBtn
+      renderRemoveBtn,
+      renderStyle2AddBtn,
+      renderStyle2RemoveBtn
     };
   },
   render() {
-    var _a;
+    var _a, _b;
+    if (this.userStyle === "STYLE2") {
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.b("style2")]
+      }, [((_a = this.items) == null ? void 0 : _a.length) ? createVNode("div", {
+        "class": this.ns.e("item-container")
+      }, [this.showActions && this.enableCreate && this.renderStyle2AddBtn(), this.items.map((item, index) => {
+        const formComponent = this.$slots.item ? this.$slots.item({
+          data: item,
+          index
+        }) : createVNode("div", null, [ibiz.i18n.t("control.form.mdCtrlContainer.noSlot")]);
+        return createVNode("div", {
+          "class": this.ns.b("item")
+        }, [formComponent, this.showActions && createVNode("div", {
+          "class": this.ns.b("style2-item-actions")
+        }, [this.renderStyle2RemoveBtn(item, index)])]);
+      })]) : createVNode("div", {
+        "class": this.ns.b("no-data")
+      }, [this.enableCreate && createVNode("div", {
+        "class": this.ns.b("style2-item-actions")
+      }, [this.renderStyle2AddBtn()])])]);
+    }
     return createVNode("div", {
       "class": this.ns.b()
-    }, [((_a = this.items) == null ? void 0 : _a.length) ? this.items.map((item, index) => {
+    }, [((_b = this.items) == null ? void 0 : _b.length) ? this.items.map((item, index) => {
       const formComponent = this.$slots.item ? this.$slots.item({
         data: item,
         index

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

@@ -0,0 +1,21 @@
+import { VNode } from 'vue';
+/**
+ * 拖拽图标
+ */
+export declare const dragIcon: () => VNode;
+/**
+ * 删除图标
+ */
+export declare const removeIcon: () => VNode;
+/**
+ * 添加图标
+ */
+export declare const addIcon: () => VNode;
+/**
+ * 左箭头图标
+ */
+export declare const leftArrowIcon: () => VNode;
+/**
+ * 右箭头图标
+ */
+export declare const rightArrowIcon: () => VNode;

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

@@ -0,0 +1,38 @@
+import { FormMDCtrlFormController } from '@ibiz-template/runtime';
+import { PropType } from 'vue';
+import './mdctrl-container2.scss';
+export declare const MDCtrlContainer2: import("vue").DefineComponent<{
+    controller: {
+        type: typeof FormMDCtrlFormController;
+        required: true;
+    };
+    items: {
+        type: PropType<IData[]>;
+        default: () => never[];
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    currentItem: import("vue").Ref<string>;
+    draggingKey: import("vue").Ref<string>;
+    container: import("vue").Ref<IData | undefined>;
+    isShowLeftArrow: import("vue").Ref<boolean>;
+    isShowRightArrow: import("vue").Ref<boolean>;
+    isShowBorder: import("vue").Ref<boolean>;
+    handleSelect: (e: MouseEvent, item: IData) => void;
+    handleAdd: (e: MouseEvent) => void;
+    handleRemove: (e: MouseEvent, item: IData) => Promise<void>;
+    handleArrowClick: (e: MouseEvent, direction: 'left' | 'right') => void;
+    handleDragStart: (item: IData) => void;
+    handleDragEnd: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof FormMDCtrlFormController;
+        required: true;
+    };
+    items: {
+        type: PropType<IData[]>;
+        default: () => never[];
+    };
+}>>, {
+    items: IData[];
+}, {}>;

package/es/control/form/form-detail/form-page/form-page-item/form-page.item.d.ts

@@ -0,0 +1,24 @@
+import { FormPageController } from '@ibiz-template/runtime';
+import { IDEFormPage } from '@ibiz/model-core';
+import { PropType } from 'vue';
+export declare const IBizFormPageItem: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormPage>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormPageController;
+        required: true;
+    };
+}, {
+    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<{
+    modelData: {
+        type: PropType<IDEFormPage>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormPageController;
+        required: true;
+    };
+}>>, {}, {}>;

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

@@ -1 +1 @@
-.ibiz-form-page{--ibiz-form-page-font-size:var(--ibiz-font-size-header-4);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-primary);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-primary);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary)}.ibiz-form-page__left{height:100%}.ibiz-form-page__left>.el-tabs__header{height:100%}.ibiz-form-page__left>.el-tabs__content{height:100%;overflow:auto}.ibiz-form-page__right{height:100%}.ibiz-form-page__right>.el-tabs__header{height:100%}.ibiz-form-page__right>.el-tabs__content{height:100%;overflow:auto}.ibiz-form-page--no-tab-header .ibiz-form-page-item{padding-top:var(--ibiz-spacing-none)}.ibiz-form-page-tab>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-page-font-size);color:var(--ibiz-form-page-text-color);background-color:var(--ibiz-form-page-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-page-hover-text-color);background-color:var(--ibiz-form-page-hover-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-page-active-text-color);background-color:var(--ibiz-form-page-active-bg-color)}.ibiz-form-page-tab .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-page-header-border-color)}.ibiz-form-page-tab .el-tabs__active-bar{background-color:var(--ibiz-form-page-active-border-color)}.ibiz-form-page-item{padding-top:var(--ibiz-padding-top)}.ibiz-form-page-item-child{margin-bottom:var(--ibiz-margin-bottom)}
+.ibiz-form-page{--ibiz-form-page-font-size:var(--ibiz-font-size-header-4);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-primary);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-primary);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary)}.ibiz-form-page__left{height:100%}.ibiz-form-page__left>.el-tabs__header{height:100%}.ibiz-form-page__left>.el-tabs__content{height:100%;overflow:auto}.ibiz-form-page__right{height:100%}.ibiz-form-page__right>.el-tabs__header{height:100%}.ibiz-form-page__right>.el-tabs__content{height:100%;overflow:auto}.ibiz-form-page--no-tab-header .ibiz-form-page-item{padding-top:var(--ibiz-spacing-none)}.ibiz-form-page-tab>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-page-font-size);color:var(--ibiz-form-page-text-color);background-color:var(--ibiz-form-page-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-page-hover-text-color);background-color:var(--ibiz-form-page-hover-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-page-active-text-color);background-color:var(--ibiz-form-page-active-bg-color)}.ibiz-form-page-tab .el-tabs__nav-wrap::after{height:1px;background-color:var(--ibiz-form-page-header-border-color)}.ibiz-form-page-tab .el-tabs__active-bar{background-color:var(--ibiz-form-page-active-border-color)}.ibiz-form-page-item{padding-top:var(--ibiz-padding-top)}.ibiz-form-page-item-child{margin-bottom:var(--ibiz-margin-bottom)}

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

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import './form-page.scss';
+import { IDEForm } from '@ibiz/model-core';
+import { FormController } from '@ibiz-template/runtime';
+export declare const FormPage: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEForm>;
+        required: true;
+    };
+    controller: {
+        type: PropType<FormController<IDEForm, import("@ibiz-template/runtime").IFormState, import("@ibiz-template/runtime").IFormEvent>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    position: string;
+    onTabChange: (name: string) => 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<IDEForm>;
+        required: true;
+    };
+    controller: {
+        type: PropType<FormController<IDEForm, import("@ibiz-template/runtime").IFormState, import("@ibiz-template/runtime").IFormEvent>>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default FormPage;

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

@@ -12,6 +12,10 @@ const FormPage = /* @__PURE__ */ defineComponent({
     modelData: {
       type: Object,
       required: true
+    },
+    controller: {
+      type: Object,
+      required: true
     }
   },
   setup(props) {
@@ -20,9 +24,13 @@ const FormPage = /* @__PURE__ */ defineComponent({
     if (props.modelData.tabHeaderPos) {
       position = props.modelData.tabHeaderPos.toLowerCase();
     }
+    const onTabChange = (name) => {
+      props.controller.setActiveTab(name);
+    };
     return {
       ns,
-      position
+      position,
+      onTabChange
     };
   },
   render() {
@@ -40,7 +48,8 @@ const FormPage = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("el-tabs"), {
       "class": [this.ns.b(), this.ns.b("tab"), this.ns.e(this.position)],
       "model-value": (_d = defaultSlots[0]) == null ? void 0 : _d.key,
-      "tab-position": this.position
+      "tab-position": this.position,
+      "onTabChange": this.onTabChange
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;
       if (!props || !props.controller) {

package/es/control/form/form-detail/form-page/form-page.provider.d.ts

@@ -0,0 +1,15 @@
+import { FormController, FormPageController, IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormPage } from '@ibiz/model-core';
+/**
+ * 表单分页部件适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormPageProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormPageProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormPage, form: FormController, _parent: undefined): Promise<FormPageController>;
+}

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

@@ -0,0 +1,25 @@
+export * from './form-page-item/form-page.item';
+export declare const IBizFormPage: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEForm>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").FormController<import("@ibiz/model-core").IDEForm, import("@ibiz-template/runtime").IFormState, import("@ibiz-template/runtime").IFormEvent>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    position: string;
+    onTabChange: (name: string) => 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").IDEForm>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").FormController<import("@ibiz/model-core").IDEForm, import("@ibiz-template/runtime").IFormState, import("@ibiz-template/runtime").IFormEvent>>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizFormPage;

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

@@ -0,0 +1,28 @@
+import { IDEFormRawItem } from '@ibiz/model-core';
+import { PropType, Ref } from 'vue';
+import { FormRawItemController } from '@ibiz-template/runtime';
+import './form-rawitem.scss';
+export declare const FormRawItem: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormRawItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    content: Ref<string | number | undefined>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEFormRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormRawItemController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default FormRawItem;

package/es/control/form/form-detail/form-rawitem/form-rawitem.provider.d.ts

@@ -0,0 +1,15 @@
+import { FormController, FormRawItemController, IFormDetailContainerController, IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormRawItem } from '@ibiz/model-core';
+/**
+ * 表单直接内容适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormRawItemProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormRawItemProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormRawItem, form: FormController, parent: IFormDetailContainerController | undefined): Promise<FormRawItemController>;
+}

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

@@ -0,0 +1,24 @@
+export declare const IBizFormRawItem: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEFormRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormRawItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    content: import("vue").Ref<string | number | undefined>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+}, 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").IDEFormRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").FormRawItemController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizFormRawItem;

package/es/control/form/form-detail/form-tab-page/form-tab-page.d.ts

@@ -0,0 +1,26 @@
+import { PropType } from 'vue';
+import './form-tab-page.scss';
+import { IDEFormTabPage } from '@ibiz/model-core';
+import { FormTabPageController } from '@ibiz-template/runtime';
+export declare const FormTabPage: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormTabPage>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormTabPageController;
+        required: true;
+    };
+}, {
+    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<{
+    modelData: {
+        type: PropType<IDEFormTabPage>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormTabPageController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default FormTabPage;