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

package/lib/panel-component/searchform-buttons/searchform-buttons.controller.cjs

@@ -30,6 +30,17 @@ class SearchFormButtonsController extends runtime.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/lib/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/lib/view-engine/index.cjs

@@ -40,6 +40,7 @@ var treeGridView_engine = require('./tree-grid-view.engine.cjs');
 var meditView9_engine = require('./medit-view9.engine.cjs');
 var chartExpView_engine = require('./chart-exp-view.engine.cjs');
 var mapView_engine = require('./map-view.engine.cjs');
+var reportView_engine = require('./report-view.engine.cjs');
 
 "use strict";
 const IBizViewEngine = {
@@ -256,6 +257,10 @@ const IBizViewEngine = {
       "VIEW_DEMAPVIEW",
       (c) => new mapView_engine.MapViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_DEREPORTVIEW",
+      (c) => new reportView_engine.ReportViewEngine(c)
+    );
   }
 };
 

package/lib/view-engine/report-view.engine.cjs

@@ -0,0 +1,180 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class ReportViewEngine extends runtime.ViewEngineBase {
+  /**
+   * 搜索表单控制器
+   *
+   * @readonly
+   */
+  get searchForm() {
+    return this.view.getController("searchform");
+  }
+  /**
+   * 搜索栏控制器
+   *
+   * @readonly
+   */
+  get searchBar() {
+    return this.view.getController("searchbar");
+  }
+  /**
+   * 报表部件
+   *
+   * @readonly
+   */
+  get reportpanel() {
+    return this.view.getController("reportpanel");
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof ReportViewEngine
+   */
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("searchform", "searchbar", "reportpanel");
+    if (!this.view.slotProps.reportpanel) {
+      this.view.slotProps.reportpanel = {};
+    }
+  }
+  /**
+   * 挂载
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof ReportViewEngine
+   */
+  async onMounted() {
+    await super.onMounted();
+    const { model } = this.view;
+    this.reportpanel.evt.on("onBeforeLoad", () => {
+      this.reportpanel.state.searchParams = this.getSearchParams();
+    });
+    this.reportpanel.evt.on("onLoadSuccess", (event) => {
+      this.view.evt.emit("onDataChange", { ...event, actionType: "LOAD" });
+    });
+    const controller = this.viewLayoutPanel.panelItems.view_searchform;
+    if (controller) {
+      const formExists = !!this.searchForm;
+      controller.state.keepAlive = formExists;
+      controller.state.visible = formExists && !!model.expandSearchForm;
+    }
+    if (this.searchForm) {
+      this.searchForm.evt.on("onSearch", () => {
+        this.reLoad();
+      });
+    }
+    if (this.searchBar) {
+      this.searchBar.evt.on("onSearch", () => {
+        this.reLoad();
+      });
+    }
+    if (!this.view.state.noLoadDefault && model.loadDefault) {
+      this.load();
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === runtime.SysUIActionTag.REFRESH) {
+      await this.refresh();
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.SEARCH) {
+      await this.searchForm.search();
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.RESET) {
+      await this.searchForm.reset();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 获取数据
+   *
+   * @return {*}  {IData[]}
+   * @memberof ReportViewEngine
+   */
+  getData() {
+    return this.reportpanel.getData();
+  }
+  /**
+   * 加载数据
+   *
+   * @return {*}  {Promise<IData>}
+   * @memberof ReportViewEngine
+   */
+  async load() {
+    return this.reportpanel.load();
+  }
+  /**
+   * 视图重新加载
+   *
+   * @return {*}  {Promise<void>}
+   */
+  async reLoad() {
+    await this.reportpanel.load({ isInitialLoad: true });
+  }
+  /**
+   * 刷新
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof ReportViewEngine
+   */
+  async refresh() {
+    await this.load();
+  }
+  /**
+   * 获取搜索相关的查询参数
+   *
+   * @return {*}  {IParams}
+   */
+  getSearchParams() {
+    const params = {};
+    if (this.searchForm) {
+      Object.assign(params, this.searchForm.getFilterParams());
+    }
+    if (this.searchBar) {
+      Object.assign(params, this.searchBar.getFilterParams());
+    }
+    return params;
+  }
+  /**
+   *计算视图头部实现是否显示
+   *
+   * @protected
+   * @return {*}  {boolean}
+   * @memberof ReportViewEngine
+   */
+  calcViewHeaderVisible() {
+    let showHeader = super.calcViewHeaderVisible();
+    if (!this.searchBar || !this.searchBar.state.visible) {
+      const controller = this.viewLayoutPanel.panelItems.view_searchbar;
+      if (controller) {
+        controller.state.visible = false;
+      }
+    } else {
+      showHeader = true;
+    }
+    return showHeader;
+  }
+  /**
+   * 切换搜索表单的显示与否
+   *
+   * @protected
+   */
+  toggleFilter() {
+    if (this.searchForm) {
+      const searchformContainer = this.viewLayoutPanel.panelItems.view_searchform;
+      if (searchformContainer) {
+        searchformContainer.state.visible = !searchformContainer.state.visible;
+      }
+    }
+  }
+}
+
+exports.ReportViewEngine = ReportViewEngine;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.3.5",
+  "version": "0.3.6-dev.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -26,11 +26,11 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template/core": "^0.3.5",
-    "@ibiz-template/model-helper": "^0.3.5",
-    "@ibiz-template/runtime": "^0.3.5",
+    "@ibiz-template/model-helper": "^0.3.6-dev.0",
+    "@ibiz-template/runtime": "^0.3.6-dev.0",
     "@ibiz-template/theme": "^0.3.0",
-    "@ibiz-template/vue3-util": "^0.3.5",
-    "@ibiz/model-core": "^0.0.20",
+    "@ibiz-template/vue3-util": "^0.3.6-dev.0",
+    "@ibiz/model-core": "^0.0.21",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -76,7 +76,7 @@
     "@ibiz-template/runtime": "^0.3.0",
     "@ibiz-template/theme": "^0.3.0",
     "@ibiz-template/vue3-util": "^0.3.0",
-    "@ibiz/model-core": "^0.0.20",
+    "@ibiz/model-core": "^0.0.21",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",