@ibiz-template/vue3-components 0.3.4 → 0.3.6-dev.0

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

@@ -0,0 +1,29 @@
+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;
+}, 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<{
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}>> & {
+    onChange?: ((_value: IData) => any) | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,54 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import { RuntimeError } from '@ibiz-template/core';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './repeater-single-form.css';
+
+"use strict";
+const RepeaterSingleForm = /* @__PURE__ */ defineComponent({
+  name: "IBizRepeaterSingleForm",
+  props: {
+    data: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: FormMDCtrlRepeaterController,
+      required: true
+    }
+  },
+  emits: {
+    change: (_value) => true
+  },
+  setup(_props, {
+    emit
+  }) {
+    const ns = useNamespace("repeater-single-form");
+    const onFormDataChange = (event) => {
+      const formData = {
+        ...event.data[0]
+      };
+      emit("change", formData);
+    };
+    return {
+      ns,
+      onFormDataChange
+    };
+  },
+  render() {
+    if (!this.controller.repeatedForm) {
+      throw new RuntimeError("\u6CA1\u6709repeatedForm");
+    }
+    return createVNode(resolveComponent("iBizControlShell"), {
+      "class": this.ns.b(),
+      "context": this.controller.context,
+      "params": this.controller.params,
+      "modelData": this.controller.repeatedForm,
+      "isSimple": true,
+      "data": this.data,
+      "onFormDataChange": this.onFormDataChange
+    }, null);
+  }
+});
+
+export { RepeaterSingleForm };

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

@@ -0,0 +1 @@
+.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:32px}.ibiz-form-mdctrl-header{height:var(--ibiz-form-mdctrl-header-height);line-height:var(--ibiz-form-mdctrl-header-height)}

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

@@ -1,6 +1,7 @@
-import { PropType, VNode } from 'vue';
+import { PropType } from 'vue';
 import { IDEFormMDCtrl } 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>;
@@ -12,7 +13,8 @@ export declare const FormMDCtrl: import("vue").DefineComponent<{
     };
 }, {
     c: FormMDCtrlController;
-    renderContentRepeater: () => VNode | undefined;
+    ns: import("@ibiz-template/core").Namespace;
+    hasCaption: boolean | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEFormMDCtrl>;

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

@@ -1,6 +1,7 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
-import { useController } from '@ibiz-template/vue3-util';
+import { createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormMDCtrlController } from '@ibiz-template/runtime';
+import './form-mdctrl.css';
 
 "use strict";
 const FormMDCtrl = /* @__PURE__ */ defineComponent({
@@ -16,65 +17,50 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("form-mdctrl");
     useController(props.controller);
     const c = props.controller;
-    const renderContentRepeater = () => {
-      switch (c.model.detailStyle) {
-        case "STYLE2":
-          return createVNode(resolveComponent("iBizFormMDCtrlRepeaterGrid"), {
-            "controller": c.mdCtrlContentController
-          }, null);
-        case "STYLE3":
-          return createVNode(resolveComponent("iBizFormMDCtrlRepeaterFormOne"), {
-            "controller": c.mdCtrlContentController
-          }, null);
-        default:
-          return createVNode(resolveComponent("iBizFormMDCtrlRepeaterForm"), {
-            "controller": c.mdCtrlContentController
-          }, null);
-      }
-    };
+    const hasCaption = c.model.showCaption && !!c.model.caption;
     return {
       c,
-      renderContentRepeater
+      ns,
+      hasCaption
     };
   },
   render() {
-    const renderContentByType = () => {
-      let content;
-      const {
-        model
-      } = this.c;
-      switch (model == null ? void 0 : model.contentType) {
-        case "FORM":
-          content = createVNode(resolveComponent("iBizFormMDCtrlForm"), {
-            "controller": this.c.mdCtrlContentController
-          }, null);
-          break;
-        case "GRID":
-          content = createVNode(resolveComponent("iBizFormMDCtrlGrid"), {
-            "controller": this.c.mdCtrlContentController
-          }, null);
-          break;
-        case "LIST":
-          content = createVNode(resolveComponent("iBizFormMDCtrlList"), {
-            "controller": this.c.mdCtrlContentController
-          }, null);
-          break;
-        case "DATAVIEW":
-          content = createVNode(resolveComponent("iBizFormMDCtrlDataView"), {
-            "controller": this.c.mdCtrlContentController
-          }, null);
-          break;
-        case "REPEATER":
-          content = this.renderContentRepeater();
-          break;
-        default:
-          break;
-      }
-      return content;
-    };
-    return renderContentByType();
+    const {
+      model
+    } = this.c;
+    let content;
+    switch (model.contentType) {
+      case "GRID":
+      case "LIST":
+      case "DATAVIEW":
+        content = createVNode(resolveComponent("iBizFormMDCtrlMD"), {
+          "controller": this.c
+        }, null);
+        break;
+      case "FORM":
+        content = createVNode(resolveComponent("iBizFormMDCtrlForm"), {
+          "controller": this.c
+        }, null);
+        break;
+      case "REPEATER":
+        content = createVNode(resolveComponent("iBizFormMDCtrlRepeater"), {
+          "controller": this.c
+        }, null);
+        break;
+      default:
+        createVNode("div", null, [model.contentType, createTextVNode("\u6682\u672A\u652F\u6301")]);
+        break;
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : ""]
+    }, [this.hasCaption && createVNode("div", {
+      "class": this.ns.b("header")
+    }, [createVNode("span", {
+      "class": this.ns.e("title")
+    }, [this.c.model.caption])]), content]);
   }
 });
 

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

@@ -1,4 +1,5 @@
-import { FormMDCtrlController } from '@ibiz-template/runtime';
+import { ModelError } from '@ibiz-template/core';
+import { FormMDCtrlRepeaterController, FormMDCtrlFormController, FormMDCtrlMDController } from '@ibiz-template/runtime';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -12,7 +13,25 @@ class FormMDCtrlProvider {
     __publicField(this, "component", "IBizFormMDCtrl");
   }
   async createController(detailModel, form, parent) {
-    const c = new FormMDCtrlController(detailModel, form, parent);
+    let c;
+    switch (detailModel.contentType) {
+      case "LIST":
+      case "GRID":
+      case "DATAVIEW":
+        c = new FormMDCtrlMDController(detailModel, form, parent);
+        break;
+      case "FORM":
+        c = new FormMDCtrlFormController(detailModel, form, parent);
+        break;
+      case "REPEATER":
+        c = new FormMDCtrlRepeaterController(detailModel, form, parent);
+        break;
+      default:
+        throw new ModelError(
+          detailModel,
+          `\u6682\u672A\u652F\u6301\u5185\u5BB9\u7C7B\u578B\u4E3A${detailModel.contentType}`
+        );
+    }
     await c.init();
     return c;
   }

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

@@ -9,9 +9,8 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     };
 }, {
     c: import("@ibiz-template/runtime").FormMDCtrlController;
-    renderContentRepeater: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | undefined;
+    ns: import("@ibiz-template/core").Namespace;
+    hasCaption: boolean | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;

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

@@ -1,27 +1,19 @@
 import { registerFormDetailProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { FormMDCtrl } from './form-mdctrl.mjs';
-import { FormMDCtrlDataView } from './form-mdctrl-data-view/form-mdctrl-data-view.mjs';
 import { FormMDCtrlForm } from './form-mdctrl-form/form-mdctrl-form.mjs';
-import { FormMDCtrlGrid } from './form-mdctrl-grid/form-mdctrl-grid.mjs';
-import { FormMDCtrlList } from './form-mdctrl-list/form-mdctrl-list.mjs';
-import { FormMDCtrlRepeaterFormOne } from './form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.mjs';
-import { FormMDCtrlRepeaterForm } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.mjs';
-import { FormMDCtrlRepeaterFormShell } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.mjs';
-import { FormMDCtrlRepeaterGrid } from './form-mdctrl-repeater/form-mdctrl-repeater-grid/form-mdctrl-repeater-grid.mjs';
+import { FormMDCtrlMD } from './form-mdctrl-md/form-mdctrl-md.mjs';
+import { FormMDCtrlRepeater } from './form-mdctrl-repeater/form-mdctrl-repeater.mjs';
 import { FormMDCtrlProvider } from './form-mdctrl.provider.mjs';
+import { MDCtrlContainer } from './mdctrl-container/mdctrl-container.mjs';
 
 "use strict";
 const IBizFormMDCtrl = withInstall(FormMDCtrl, function(v) {
   v.component(FormMDCtrl.name, FormMDCtrl);
   v.component(FormMDCtrlForm.name, FormMDCtrlForm);
-  v.component(FormMDCtrlGrid.name, FormMDCtrlGrid);
-  v.component(FormMDCtrlList.name, FormMDCtrlList);
-  v.component(FormMDCtrlDataView.name, FormMDCtrlDataView);
-  v.component(FormMDCtrlRepeaterForm.name, FormMDCtrlRepeaterForm);
-  v.component(FormMDCtrlRepeaterFormOne.name, FormMDCtrlRepeaterFormOne);
-  v.component(FormMDCtrlRepeaterGrid.name, FormMDCtrlRepeaterGrid);
-  v.component(FormMDCtrlRepeaterFormShell.name, FormMDCtrlRepeaterFormShell);
+  v.component(FormMDCtrlMD.name, FormMDCtrlMD);
+  v.component(FormMDCtrlRepeater.name, FormMDCtrlRepeater);
+  v.component(MDCtrlContainer.name, MDCtrlContainer);
   registerFormDetailProvider("MDCTRL", () => new FormMDCtrlProvider());
 });
 

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

@@ -0,0 +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:0}.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}

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

@@ -0,0 +1,40 @@
+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;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    showActions: import("vue").ComputedRef<boolean>;
+    renderAddBtn: () => JSX.Element;
+    renderRemoveBtn: (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;
+    };
+}>> & {
+    onAddClick?: (() => any) | undefined;
+    onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,99 @@
+import { computed, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './mdctrl-container.css';
+
+"use strict";
+const MDCtrlContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizMDCtrlContainer",
+  props: {
+    enableCreate: {
+      type: Boolean,
+      required: true
+    },
+    enableDelete: {
+      type: Boolean,
+      required: true
+    },
+    items: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    addClick: () => true,
+    removeClick: (_data, _index) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("mdctrl-container");
+    const showActions = computed(() => {
+      return props.enableCreate || props.enableDelete;
+    });
+    const renderAddBtn = () => {
+      return createVNode(resolveComponent("el-button"), {
+        "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
+        "onClick": () => emit("addClick")
+      }, {
+        default: () => [createTextVNode("\u6DFB\u52A0")]
+      });
+    };
+    const renderRemoveBtn = (item, index) => {
+      if (!props.enableDelete) {
+        return null;
+      }
+      if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
+        return createVNode(resolveComponent("el-popconfirm"), {
+          "title": "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9879",
+          "confirm-button-text": "\u786E\u8BA4",
+          "cancel-button-text": "\u53D6\u6D88",
+          "onConfirm": () => emit("removeClick", item, index)
+        }, {
+          reference: () => {
+            return createVNode(resolveComponent("el-button"), {
+              "type": "danger",
+              "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")]
+            }, {
+              default: () => [createTextVNode("\u5220\u9664")]
+            });
+          }
+        });
+      }
+      return createVNode(resolveComponent("el-button"), {
+        "type": "danger",
+        "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+        "onClick": () => emit("removeClick", item, index)
+      }, {
+        default: () => [createTextVNode("\u5220\u9664")]
+      });
+    };
+    return {
+      ns,
+      showActions,
+      renderAddBtn,
+      renderRemoveBtn
+    };
+  },
+  render() {
+    var _a;
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [((_a = this.items) == null ? void 0 : _a.length) ? this.items.map((item, index) => {
+      const formComponent = this.$slots.item ? this.$slots.item({
+        data: item,
+        index
+      }) : createVNode("div", null, [createTextVNode("\u672A\u63D0\u4F9Bitem\u63D2\u69FD")]);
+      return createVNode("div", {
+        "class": this.ns.b("item")
+      }, [formComponent, this.showActions && createVNode("div", {
+        "class": this.ns.b("item-actions")
+      }, [index === 0 && this.enableCreate && this.renderAddBtn(), this.renderRemoveBtn(item, index)])]);
+    }) : createVNode("div", {
+      "class": this.ns.b("no-data")
+    }, [this.enableCreate && createVNode("div", {
+      "class": this.ns.b("item-actions")
+    }, [this.renderAddBtn()])])]);
+  }
+});
+
+export { MDCtrlContainer };

package/es/control/grid/grid-column/grid-field-column/grid-field-column.mjs

@@ -34,7 +34,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     const CustomHtml = computed(() => {
       return props.controller.getCustomHtml(props.row);
     });
-    const fieldValue = computed(() => props.row.data[props.controller.model.codeName]);
+    const fieldValue = computed(() => props.row.data[props.controller.model.codeName.toLowerCase()]);
     const formatValue = computed(() => props.controller.formatValue(fieldValue.value));
     const codeListText = ref("");
     const onInfoTextChange = (text) => {

package/es/control/index.d.ts

@@ -4,7 +4,6 @@ export * from './grid';
 export * from './list';
 export * from './form';
 export * from './toolbar';
-export * from './panel';
 export * from './caption-bar';
 export * from './data-view';
 export * from './tree';
@@ -23,3 +22,4 @@ export * from './tree-grid-ex';
 export * from './tree-grid';
 export * from './medit-view-panel';
 export * from './map';
+export * from './report-panel';

package/es/control/index.mjs

@@ -4,7 +4,6 @@ import './grid/index.mjs';
 export { IBizListControl } from './list/index.mjs';
 import './form/index.mjs';
 export { IBizToolbarControl } from './toolbar/index.mjs';
-import './panel/index.mjs';
 export { IBizCaptionBarControl } from './caption-bar/index.mjs';
 export { IBizDataViewControl } from './data-view/index.mjs';
 export { IBizTreeControl } from './tree/index.mjs';
@@ -23,6 +22,7 @@ export { IBizTreeGridExControl } from './tree-grid-ex/index.mjs';
 export { IBizTreeGridControl } from './tree-grid/index.mjs';
 export { IBizMEditViewPanelControl } from './medit-view-panel/index.mjs';
 export { IBizMapControl } from './map/index.mjs';
+export { IBizReportPanelControl } from './report-panel/index.mjs';
 export { useAppGridBase, useAppGridPagination, useITableEvent } from './grid/grid/grid-control.util.mjs';
 export { IBizGridControl } from './grid/grid/index.mjs';
 export { IBizGridFieldColumn } from './grid/grid-column/grid-field-column/index.mjs';
@@ -43,8 +43,6 @@ export { IBizFormTabPanel } from './form/form-detail/form-tab-panel/index.mjs';
 export { IBizFormTabPage } from './form/form-detail/form-tab-page/index.mjs';
 export { IBizEditFormControl } from './form/edit-form/index.mjs';
 export { IBizFormControl } from './form/form/index.mjs';
-export { IBizViewLayoutPanelControl } from './panel/view-layout-panel/index.mjs';
-export { IBizPanelControl } from './panel/panel/index.mjs';
 export { DataViewControlProvider } from './data-view/data-view.provider.mjs';
 export { IBizTreeExpBarControl } from './exp-bar/tree-exp-bar/index.mjs';
 export { IBizListExpBarControl } from './exp-bar/list-exp-bar/index.mjs';

package/es/control/report-panel/index.d.ts

@@ -0,0 +1,2 @@
+export declare const IBizReportPanelControl: any;
+export default IBizReportPanelControl;

package/es/control/report-panel/index.mjs

@@ -0,0 +1,23 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { ReportPanelControl } from './report-panel.mjs';
+import { ReportPanelProvider } from './report-panel.provider.mjs';
+import './report-detail/index.mjs';
+import { IBizUserReportPanel } from './report-detail/user-report-panel/index.mjs';
+import { IBizUser2ReportPanel } from './report-detail/user2-report-panel/index.mjs';
+
+"use strict";
+const IBizReportPanelControl = withInstall(
+  ReportPanelControl,
+  function(v) {
+    v.use(IBizUserReportPanel);
+    v.use(IBizUser2ReportPanel);
+    v.component(ReportPanelControl.name, ReportPanelControl);
+    registerControlProvider(
+      ControlType.REPORT_PANEL,
+      () => new ReportPanelProvider()
+    );
+  }
+);
+
+export { IBizReportPanelControl, IBizReportPanelControl as default };

package/es/control/report-panel/report-detail/index.d.ts

@@ -0,0 +1,2 @@
+export * from './user-report-panel/index';
+export * from './user2-report-panel/index';

package/es/control/report-panel/report-detail/index.mjs

@@ -0,0 +1,4 @@
+export { IBizUserReportPanel } from './user-report-panel/index.mjs';
+export { IBizUser2ReportPanel } from './user2-report-panel/index.mjs';
+
+"use strict";

package/es/control/report-panel/report-detail/user-report-panel/index.d.ts

@@ -0,0 +1,14 @@
+export declare const IBizUserReportPanel: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").ReportPanelController>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").ReportPanelController | undefined;
+    ns: import("@ibiz-template/core").Namespace;
+    generator: import("@ibiz-template/runtime/out/controller/control/report-panel/generator/base-generator").ReportPanelBaseGenerator | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").ReportPanelController>;
+    };
+}>>, {}, {}>>;
+export default IBizUserReportPanel;

package/es/control/report-panel/report-detail/user-report-panel/index.mjs

@@ -0,0 +1,12 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { UserReportPanel } from './user-report-panel.mjs';
+
+"use strict";
+const IBizUserReportPanel = withInstall(
+  UserReportPanel,
+  function(v) {
+    v.component(UserReportPanel.name, UserReportPanel);
+  }
+);
+
+export { IBizUserReportPanel, IBizUserReportPanel as default };

package/es/control/report-panel/report-detail/user-report-panel/user-report-panel.css

@@ -0,0 +1 @@
+.ibiz-user-report-panel__container{width:100%;height:100%}

package/es/control/report-panel/report-detail/user-report-panel/user-report-panel.d.ts

@@ -0,0 +1,16 @@
+import { PropType } from 'vue';
+import { ReportPanelController } from '@ibiz-template/runtime';
+import './user-report-panel.scss';
+export declare const UserReportPanel: import("vue").DefineComponent<{
+    controller: {
+        type: PropType<ReportPanelController>;
+    };
+}, {
+    c: ReportPanelController | undefined;
+    ns: import("@ibiz-template/core").Namespace;
+    generator: import("@ibiz-template/runtime/out/controller/control/report-panel/generator/base-generator").ReportPanelBaseGenerator | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: PropType<ReportPanelController>;
+    };
+}>>, {}, {}>;

package/es/control/report-panel/report-detail/user-report-panel/user-report-panel.mjs

@@ -0,0 +1,45 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './user-report-panel.css';
+
+"use strict";
+const UserReportPanel = /* @__PURE__ */ defineComponent({
+  name: "IBizUserReportPanel",
+  props: {
+    controller: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace(`user-report-panel`);
+    const generator = c && c.generator;
+    return {
+      c,
+      ns,
+      generator
+    };
+  },
+  render() {
+    if (!this.c) {
+      return;
+    }
+    const state = this.c.state;
+    return createVNode("div", {
+      "class": this.ns.e("container")
+    }, [createVNode(resolveComponent("iBizRelationshipDesign"), {
+      "data": state.data,
+      "config": this.generator && this.generator.config.CONFIG,
+      "pluginConfig": this.generator && this.generator.config.PLUGINCONFIG,
+      "nodeLegendConfig": this.generator && this.generator.config.NODELEGENDCONFIG,
+      "edgeLegendConfig": this.generator && this.generator.config.EDGELEGENDCONFIG,
+      "hooks": this.generator && this.generator.config.HOOKS,
+      "showLoading": true,
+      "onInit": (args) => {
+        this.generator && this.generator.init(args);
+      }
+    }, null)]);
+  }
+});
+
+export { UserReportPanel };

package/es/control/report-panel/report-detail/user2-report-panel/index.d.ts

@@ -0,0 +1,15 @@
+export declare const IBizUser2ReportPanel: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").ReportPanelController>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").ReportPanelController | undefined;
+    ns: import("@ibiz-template/core").Namespace;
+    generator: import("@ibiz-template/runtime/out/controller/control/report-panel/generator/base-generator").ReportPanelBaseGenerator | undefined;
+    computedValue: import("vue").ComputedRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").ReportPanelController>;
+    };
+}>>, {}, {}>>;
+export default IBizUser2ReportPanel;