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

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

@@ -0,0 +1 @@
+.ibiz-user2-report-panel__container{width:100%;height:100%}.ibiz-user2-report-panel__empty{display:flex;justify-content:center;align-items:center;width:100%;height:100%}

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

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+import { ReportPanelController } from '@ibiz-template/runtime';
+import './user2-report-panel.scss';
+export declare const User2ReportPanel: 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;
+    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: PropType<ReportPanelController>;
+    };
+}>>, {}, {}>;

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

@@ -0,0 +1,67 @@
+import { computed, createVNode, createTextVNode, defineComponent } from 'vue';
+import { ScriptFactory } from '@ibiz-template/runtime';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './user2-report-panel.css';
+
+"use strict";
+const User2ReportPanel = /* @__PURE__ */ defineComponent({
+  name: "IBizUser2ReportPanel",
+  props: {
+    controller: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace(`user2-report-panel`);
+    window.handleCallClick = async (action) => {
+      if (!c)
+        return;
+      const res = await ScriptFactory.execScriptFn({
+        view: c.view,
+        context: c.context,
+        params: c.params,
+        data: {}
+      }, action, {
+        isAsync: true
+      });
+      console.log("\u8C03\u7528view.call\u8FD4\u56DE\u6570\u636E", res);
+    };
+    const generator = c && c.generator;
+    const computedValue = computed(() => {
+      if (!c)
+        return "";
+      const state = c.state;
+      const curValue = state.data;
+      if (curValue) {
+        return curValue.replace(/onClick="(.*?)"/g, function(match, value) {
+          return `onclick="handleCallClick('${value}')"`;
+        });
+      }
+      return "";
+    });
+    return {
+      c,
+      ns,
+      generator,
+      computedValue
+    };
+  },
+  render() {
+    if (!this.c) {
+      return;
+    }
+    const state = this.c.state;
+    if (state.isLoaded) {
+      return createVNode("div", {
+        "class": this.ns.e("container"),
+        "innerHTML": this.computedValue
+      }, null);
+    }
+    return createVNode("div", {
+      "class": this.ns.e("empty")
+    }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+  }
+});
+
+export { User2ReportPanel };

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

@@ -0,0 +1 @@
+.ibiz-control-reportpanel{width:100%;height:100%}

package/es/control/{panel/panel/panel.d.ts → report-panel/report-panel.d.ts}

@@ -1,13 +1,10 @@
-import { PropType } from 'vue';
-import { IPanel } from '@ibiz/model-core';
-import './panel.scss';
-import { IControlProvider, IController, PanelController } from '@ibiz-template/runtime';
-/**
- * 视图布局面板组件
- */
-export declare const PanelControl: import("vue").DefineComponent<{
+import { IControlProvider, ReportPanelController } from '@ibiz-template/runtime';
+import { PropType, VNode } from 'vue';
+import { IDEReportPanel } from '@ibiz/model-core';
+import './report-panel.scss';
+export declare const ReportPanelControl: import("vue").DefineComponent<{
     modelData: {
-        type: PropType<IPanel>;
+        type: PropType<IDEReportPanel>;
         required: true;
     };
     context: {
@@ -21,20 +18,17 @@ export declare const PanelControl: import("vue").DefineComponent<{
     provider: {
         type: PropType<IControlProvider>;
     };
-    container: {
-        type: PropType<IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
-    };
-    data: PropType<IData>;
-    loadDefault: {
+    noLoadDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {
-    c: PanelController<IPanel, import("@ibiz-template/runtime").IPanelState, import("@ibiz-template/runtime").IPanelEvent>;
+    c: ReportPanelController;
     ns: import("@ibiz-template/core").Namespace;
+    renderContent: () => VNode | 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<IPanel>;
+        type: PropType<IDEReportPanel>;
         required: true;
     };
     context: {
@@ -48,15 +42,11 @@ export declare const PanelControl: import("vue").DefineComponent<{
     provider: {
         type: PropType<IControlProvider>;
     };
-    container: {
-        type: PropType<IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
-    };
-    data: PropType<IData>;
-    loadDefault: {
+    noLoadDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
     params: IParams;
-    loadDefault: boolean;
+    noLoadDefault: boolean;
 }, {}>;

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

@@ -0,0 +1,72 @@
+import { isVNode, createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { ReportPanelController } from '@ibiz-template/runtime';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './report-panel.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ReportPanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizReportPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    noLoadDefault: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new ReportPanelController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const renderContent = () => {
+      const {
+        reportType
+      } = c.state;
+      switch (reportType) {
+        case "USER":
+          return createVNode(resolveComponent("iBizUserReportPanel"), {
+            "controller": c
+          }, null);
+        case "USER2":
+          return createVNode(resolveComponent("iBizUser2ReportPanel"), {
+            "controller": c
+          }, null);
+        default:
+          return createVNode("div", null, [createTextVNode("\u6682\u672A\u5B9E\u73B0")]);
+      }
+    };
+    return {
+      c,
+      ns,
+      renderContent
+    };
+  },
+  render() {
+    let _slot;
+    if (!this.c.state.isCreated) {
+      return;
+    }
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, _isSlot(_slot = this.renderContent()) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { ReportPanelControl };

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

@@ -0,0 +1,11 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 报表面板适配器
+ *
+ * @export
+ * @class ReportPanelProvider
+ * @implements {IControlProvider}
+ */
+export declare class ReportPanelProvider implements IControlProvider {
+    component: string;
+}

package/es/control/{panel/panel/panel.provider.mjs → report-panel/report-panel.provider.mjs}

@@ -5,10 +5,10 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class PanelProvider {
+class ReportPanelProvider {
   constructor() {
-    __publicField(this, "component", "IBizPanelControl");
+    __publicField(this, "component", "IBizReportPanelControl");
   }
 }
 
-export { PanelProvider };
+export { ReportPanelProvider };

package/es/control/tree-grid/tree-grid.mjs

@@ -197,7 +197,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         append: () => {
           return this.renderPopover();
         }
-      }), enablePagingBar && createVNode(resolveComponent("iBizGridPagination"), {
+      }), enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
         "total": state.total,
         "curPage": state.curPage,
         "size": state.size,

package/es/index.mjs

@@ -1,4 +1,4 @@
-import { IBizView, IBizPortalView } from '@ibiz-template/vue3-util';
+import { IBizView, IBizPortalView, IBizViewLayoutPanelControl, IBizPanelControl } from '@ibiz-template/vue3-util';
 import { IBizCommonComponents } from './common/index.mjs';
 import { IBizPanelComponents } from './panel-component/index.mjs';
 import './control/index.mjs';
@@ -20,8 +20,6 @@ import { IBizListControl } from './control/list/index.mjs';
 import { IBizChartControl } from './control/chart/index.mjs';
 import { IBizPickupViewPanelControl } from './control/pickup-view-panel/index.mjs';
 import { IBizToolbarControl } from './control/toolbar/index.mjs';
-import { IBizViewLayoutPanelControl } from './control/panel/view-layout-panel/index.mjs';
-import { IBizPanelControl } from './control/panel/panel/index.mjs';
 import { IBizFormControl } from './control/form/form/index.mjs';
 import { IBizListExpBarControl } from './control/exp-bar/list-exp-bar/index.mjs';
 import { IBizDataViewExpBarControl } from './control/exp-bar/data-view-exp-bar/index.mjs';
@@ -43,6 +41,7 @@ import { IBizTreeGridExControl } from './control/tree-grid-ex/index.mjs';
 import { IBizMEditViewPanelControl } from './control/medit-view-panel/index.mjs';
 import { IBizChartExpBarControl } from './control/exp-bar/chart-exp-bar/index.mjs';
 import { IBizMapControl } from './control/map/index.mjs';
+import { IBizReportPanelControl } from './control/report-panel/index.mjs';
 export { IBizCol } from './common/col/col.mjs';
 export { IBizRow } from './common/row/row.mjs';
 export { IBizActionToolbar } from './common/action-toolbar/action-toolbar.mjs';
@@ -161,8 +160,9 @@ var index = {
     v.use(IBizMEditViewPanelControl);
     v.use(IBizChartExpBarControl);
     v.use(IBizMapControl);
+    v.use(IBizReportPanelControl);
     v.use(IBizEditor);
   }
 };
 
-export { IBizAppMenuControl, IBizAppMenuIconViewControl, IBizCalendarControl, IBizCalendarExpBarControl, IBizCaptionBarControl, IBizChartControl, IBizChartExpBarControl, IBizCommonComponents, IBizDRBarControl, IBizDRTabControl, IBizDashboardControl, IBizDataViewControl, IBizDataViewExpBarControl, IBizEditFormControl, IBizEditor, IBizFormControl, IBizGridControl, IBizGridExpBarControl, IBizKanbanControl, IBizListControl, IBizListExpBarControl, IBizMEditViewPanelControl, IBizMapControl, IBizPanelComponents, IBizPanelControl, IBizPickupViewPanelControl, IBizSearchBarControl, IBizSearchFormControl, IBizTabExpPanelControl, IBizToolbarControl, IBizTreeControl, IBizTreeExpBarControl, IBizTreeGridControl, IBizTreeGridExControl, IBizViewEngine, IBizViewLayoutPanelControl, IBizWFStepTraceView, IBizWizardPanelControl, index as default };
+export { IBizAppMenuControl, IBizAppMenuIconViewControl, IBizCalendarControl, IBizCalendarExpBarControl, IBizCaptionBarControl, IBizChartControl, IBizChartExpBarControl, IBizCommonComponents, IBizDRBarControl, IBizDRTabControl, IBizDashboardControl, IBizDataViewControl, IBizDataViewExpBarControl, IBizEditFormControl, IBizEditor, IBizFormControl, IBizGridControl, IBizGridExpBarControl, IBizKanbanControl, IBizListControl, IBizListExpBarControl, IBizMEditViewPanelControl, IBizMapControl, IBizPanelComponents, IBizPickupViewPanelControl, IBizReportPanelControl, IBizSearchBarControl, IBizSearchFormControl, IBizTabExpPanelControl, IBizToolbarControl, IBizTreeControl, IBizTreeExpBarControl, IBizTreeGridControl, IBizTreeGridExControl, IBizViewEngine, IBizWFStepTraceView, IBizWizardPanelControl, index as default };

package/es/panel-component/searchform-buttons/index.d.ts

@@ -12,6 +12,7 @@ export declare const IBizSearchFormButtons: import("@ibiz-template/vue3-util").T
     c: import("./searchform-buttons.controller").SearchFormButtonsController;
     onSearchButtonClick: () => void;
     onResetButtonClick: () => void;
+    saveFilterConfirm: () => 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").IPanelRawItem>;

package/es/panel-component/searchform-buttons/searchform-buttons.controller.d.ts

@@ -1,4 +1,4 @@
-import { ISearchFormController, PanelItemController } from '@ibiz-template/runtime';
+import { ISearchFormController, PanelItemController, StoredFilter } from '@ibiz-template/runtime';
 /**
  * 搜索表单按钮控制器
  * @author lxm
@@ -15,6 +15,14 @@ export declare class SearchFormButtonsController extends PanelItemController {
      * @type {(string | 'DEFAULT' | 'NONE' | 'SEARCHONLY' | 'USER' | 'USER2')}
      */
     get searchButtonStyle(): string;
+    /**
+     * 保存的过滤条件
+     * @author lxm
+     * @date 2023-11-27 04:33:42
+     * @readonly
+     * @type {StoredFilter[]}
+     */
+    get storedFilters(): StoredFilter[];
     /**
      * 搜索表单控制器
      * @author lxm

package/es/panel-component/searchform-buttons/searchform-buttons.controller.mjs

@@ -28,6 +28,17 @@ class SearchFormButtonsController extends PanelItemController {
   get searchButtonStyle() {
     return this.searchFrom.model.searchButtonStyle || "DEFAULT";
   }
+  /**
+   * 保存的过滤条件
+   * @author lxm
+   * @date 2023-11-27 04:33:42
+   * @readonly
+   * @type {StoredFilter[]}
+   */
+  get storedFilters() {
+    var _a;
+    return ((_a = this.searchFrom) == null ? void 0 : _a.state.storedFilters) || [];
+  }
   async onInit() {
     await super.onInit();
     const searchFrom = this.panel.container;

package/es/panel-component/searchform-buttons/searchform-buttons.css

@@ -1 +1 @@
-.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;height:var(--ibiz-searchform-buttons-height);margin-top:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-tight)}
+.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;height:var(--ibiz-searchform-buttons-height);margin-top:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-tight)}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:4px}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:11px;right:0;display:none;font-size:18px}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}

package/es/panel-component/searchform-buttons/searchform-buttons.d.ts

@@ -16,6 +16,7 @@ export declare const SearchFormButtons: import("vue").DefineComponent<{
     c: SearchFormButtonsController;
     onSearchButtonClick: () => void;
     onResetButtonClick: () => void;
+    saveFilterConfirm: () => 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<IPanelRawItem>;

package/es/panel-component/searchform-buttons/searchform-buttons.mjs

@@ -1,6 +1,7 @@
 import { resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './searchform-buttons.css';
+import { ElMessageBox } from 'element-plus';
 import { SearchFormButtonsController } from './searchform-buttons.controller.mjs';
 
 "use strict";
@@ -25,11 +26,22 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
     const onResetButtonClick = () => {
       c.onResetButtonClick();
     };
+    const saveFilterConfirm = () => {
+      ElMessageBox.prompt("\u8BF7\u8F93\u5165\u8981\u5B58\u50A8\u7684\u81EA\u5B9A\u4E49\u67E5\u8BE2\u540D\u79F0\uFF1A", "\u5B58\u50A8\u81EA\u5B9A\u4E49\u67E5\u8BE2", {
+        confirmButtonText: "\u4FDD\u5B58",
+        cancelButtonText: "\u53D6\u6D88"
+      }).then(({
+        value
+      }) => {
+        c.searchFrom.storeFilter(value);
+      });
+    };
     return {
       ns,
       c,
       onSearchButtonClick,
-      onResetButtonClick
+      onResetButtonClick,
+      saveFilterConfirm
     };
   },
   render() {
@@ -53,6 +65,28 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
             "onClick": this.onResetButtonClick
           }, {
             default: () => [createTextVNode("\u91CD\u7F6E")]
+          }), createVNode(resolveComponent("el-dropdown-item"), {
+            "onClick": this.saveFilterConfirm
+          }, {
+            default: () => [createTextVNode("\u4FDD\u5B58\u6761\u4EF6")]
+          }), this.controller.storedFilters.length > 0 && this.controller.storedFilters.map((item, index) => {
+            return createVNode(resolveComponent("el-dropdown-item"), {
+              "class": this.ns.b("filter-item"),
+              "onClick": () => {
+                this.controller.searchFrom.applyStoredFilter(index);
+              }
+            }, {
+              default: () => [createVNode("span", {
+                "class": this.ns.be("filter-item", "text")
+              }, [item.name, createVNode("ion-icon", {
+                "class": this.ns.be("filter-item", "remove"),
+                "onClick": (event) => {
+                  event.stopPropagation();
+                  this.controller.searchFrom.removeStoredFilter(index);
+                },
+                "name": "close-outline"
+              }, null)])]
+            });
           })]
         });
       }

package/es/view-engine/index.mjs

@@ -38,6 +38,7 @@ import { TreeGridViewEngine } from './tree-grid-view.engine.mjs';
 import { MEditView9Engine } from './medit-view9.engine.mjs';
 import { ChartExpViewEngine } from './chart-exp-view.engine.mjs';
 import { MapViewEngine } from './map-view.engine.mjs';
+import { ReportViewEngine } from './report-view.engine.mjs';
 
 "use strict";
 const IBizViewEngine = {
@@ -254,6 +255,10 @@ const IBizViewEngine = {
       "VIEW_DEMAPVIEW",
       (c) => new MapViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_DEREPORTVIEW",
+      (c) => new ReportViewEngine(c)
+    );
   }
 };
 

package/es/view-engine/report-view.engine.d.ts

@@ -0,0 +1,96 @@
+import { IReportPanelController, IReportViewEvent, IReportViewState, ISearchBarController, ISearchFormController, ViewController, ViewEngineBase } from '@ibiz-template/runtime';
+import { IAppDEReportView } from '@ibiz/model-core';
+export declare class ReportViewEngine extends ViewEngineBase {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<
+     *     IAppDEReportView,
+     *     IReportViewState,
+     *     IReportViewEvent
+     *   >}
+     * @memberof EditViewEngine
+     */
+    protected view: ViewController<IAppDEReportView, IReportViewState, IReportViewEvent>;
+    /**
+     * 搜索表单控制器
+     *
+     * @readonly
+     */
+    protected get searchForm(): ISearchFormController;
+    /**
+     * 搜索栏控制器
+     *
+     * @readonly
+     */
+    protected get searchBar(): ISearchBarController;
+    /**
+     * 报表部件
+     *
+     * @readonly
+     */
+    get reportpanel(): IReportPanelController;
+    /**
+     * 初始化
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof ReportViewEngine
+     */
+    onCreated(): Promise<void>;
+    /**
+     * 挂载
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof ReportViewEngine
+     */
+    onMounted(): Promise<void>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 获取数据
+     *
+     * @return {*}  {IData[]}
+     * @memberof ReportViewEngine
+     */
+    getData(): IData[];
+    /**
+     * 加载数据
+     *
+     * @return {*}  {Promise<IData>}
+     * @memberof ReportViewEngine
+     */
+    load(): Promise<IData>;
+    /**
+     * 视图重新加载
+     *
+     * @return {*}  {Promise<void>}
+     */
+    protected reLoad(): Promise<void>;
+    /**
+     * 刷新
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof ReportViewEngine
+     */
+    refresh(): Promise<void>;
+    /**
+     * 获取搜索相关的查询参数
+     *
+     * @return {*}  {IParams}
+     */
+    protected getSearchParams(): IParams;
+    /**
+     *计算视图头部实现是否显示
+     *
+     * @protected
+     * @return {*}  {boolean}
+     * @memberof ReportViewEngine
+     */
+    protected calcViewHeaderVisible(): boolean;
+    /**
+     * 切换搜索表单的显示与否
+     *
+     * @protected
+     */
+    protected toggleFilter(): void;
+}