@ibiz-template/vue3-components 0.6.16 → 0.7.0

package/es/panel-component/view-msg-pos/view-msg-pos.mjs

@@ -0,0 +1,47 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
+import { ViewMsgPosController } from './view-msg-pos.controller.mjs';
+
+"use strict";
+const ViewMsgPos = /* @__PURE__ */ defineComponent({
+  name: "IBizViewMsgPos",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: ViewMsgPosController,
+      required: true
+    }
+  },
+  setup() {
+    const ns = useNamespace("view-msg-pos");
+    const ctx = useCtx();
+    const view = ctx.view;
+    return {
+      ns,
+      view
+    };
+  },
+  render() {
+    const c = this.controller;
+    if (!this.view.state.isCreated) {
+      return;
+    }
+    const position = c.rawItemParams.position || "BODY";
+    const scroll = c.rawItemParams.scroll === "true";
+    const viewMessages = this.view.state.viewMessages[position];
+    if (viewMessages == null ? void 0 : viewMessages.length) {
+      return createVNode("div", {
+        "class": this.ns.b()
+      }, [createVNode(resolveComponent("view-message"), {
+        "messages": viewMessages,
+        "scroll": scroll
+      }, null)]);
+    }
+    return null;
+  }
+});
+
+export { ViewMsgPos };

package/es/panel-component/view-msg-pos/view-msg-pos.provider.d.ts

@@ -0,0 +1,16 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { ViewMsgPosController } from './view-msg-pos.controller';
+/**
+ * 预置视图消息适配器
+ *
+ * @author zk
+ * @date 2024-01-25 02:01:01
+ * @export
+ * @class ViewMessageProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class ViewMsgPosProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<ViewMsgPosController>;
+}

package/es/panel-component/view-msg-pos/view-msg-pos.provider.mjs

@@ -0,0 +1,21 @@
+import { ViewMsgPosController } from './view-msg-pos.controller.mjs';
+
+"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 ViewMsgPosProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewMsgPos");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new ViewMsgPosController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ViewMsgPosProvider };

package/es/view-engine/index.mjs

@@ -180,6 +180,10 @@ const IBizViewEngine = {
       "VIEW_DEPANELVIEW",
       (c) => new PanelViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_APPPANELVIEW",
+      (c) => new PanelViewEngine(c)
+    );
     ibiz.engine.register(
       "VIEW_DECUSTOMVIEW",
       (c) => new CustomViewEngine(c)

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

@@ -1,4 +1,4 @@
-import { ViewEngineBase, ViewController, IWizardPanelController, IPanelViewEvent, IPanelViewState } from '@ibiz-template/runtime';
+import { ViewEngineBase, ViewController, IPanelController, IPanelViewEvent, IPanelViewState } from '@ibiz-template/runtime';
 import { IAppView } from '@ibiz/model-core';
 export declare class PanelViewEngine extends ViewEngineBase {
     /**
@@ -16,6 +16,6 @@ export declare class PanelViewEngine extends ViewEngineBase {
      * @readonly
      * @memberof PanelViewEngine
      */
-    get panel(): IWizardPanelController;
+    get panel(): IPanelController;
     onMounted(): Promise<void>;
 }

package/es/web-app/App.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { ViewMode, Modal } from '@ibiz-template/runtime';
 import { AppHooks } from '@ibiz-template/vue3-util';
 import './App.css';
@@ -20,6 +20,14 @@ var App = /* @__PURE__ */ defineComponent({
       }
     };
     document.addEventListener("keydown", listenDevtool);
+    const destroyAppHub = () => {
+      window.removeEventListener("unload", destroyAppHub);
+      ibiz.hub.destroy();
+    };
+    window.addEventListener("unload", destroyAppHub);
+    onUnmounted(() => {
+      destroyAppHub();
+    });
     return {
       modal
     };

package/es/web-app/main.mjs

@@ -1,6 +1,6 @@
 import { install } from '@ibiz-template/core';
 import { install as install$1 } from '@ibiz-template/runtime';
-import { AppHooks, PluginFactory, OverlayContainer } from '@ibiz-template/vue3-util';
+import { AppHooks, useAppStore, route2routePath, PluginFactory, OverlayContainer } from '@ibiz-template/vue3-util';
 import { createVueApp } from './create-vue-app.mjs';
 import { attachEnvironmentConfig } from './attach-environment-config.mjs';
 import App from './App.mjs';
@@ -30,6 +30,13 @@ async function runApp(plugins, opts) {
   });
   install();
   install$1();
+  ibiz.util.getGlobalParam = () => {
+    return useAppStore().appStore;
+  };
+  ibiz.util.getRouterParams = () => {
+    const routePath = route2routePath(AppRouter.getRouter().currentRoute.value);
+    return routePath.pathNodes;
+  };
   ibiz.plugin = new PluginFactory();
   ibiz.util.error.register(new UnauthorizedHandler());
   const app = createVueApp(App);

package/lib/common/pagination/pagination.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var ramda = require('ramda');
 require('./pagination.css');
 
 "use strict";
@@ -19,6 +20,10 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
     size: {
       type: Number,
       required: true
+    },
+    totalPages: {
+      type: Number || void 0,
+      required: false
     }
   },
   emits: ["change", "pageSizeChange", "pageRefresh"],
@@ -44,6 +49,9 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
     const inputChange = (event) => {
       event.stopPropagation();
     };
+    const calcTotalPages = vue.computed(() => {
+      return Math.ceil(props.total / props.size);
+    });
     return {
       ns,
       start,
@@ -51,7 +59,8 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
       onPageChange,
       onPageSizeChange,
       pageRefresh,
-      inputChange
+      inputChange,
+      calcTotalPages
     };
   },
   render() {
@@ -61,6 +70,7 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
       "layout": "slot, prev, pager, next, sizes, jumper",
       "background": true,
       "total": this.total,
+      "page-count": !ramda.isNil(this.totalPages) && this.calcTotalPages === this.totalPages ? this.calcTotalPages : this.totalPages,
       "current-page": this.curPage,
       "page-size": this.size,
       "page-sizes": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
@@ -78,7 +88,7 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
         default: () => [vue.createVNode("ion-icon", {
           "name": "refresh"
         }, null)]
-      })]), vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.display"), vue.createTextVNode("\xA0"), this.start, vue.createTextVNode("\xA0-\xA0"), this.end, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.piece"), vue.createTextVNode("\uFF0C"), ibiz.i18n.t("component.pagination.total"), vue.createTextVNode("\xA0"), this.total, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.pieceData")])]
+      })]), ramda.isNil(this.totalPages) || this.calcTotalPages === this.totalPages ? vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.display"), vue.createTextVNode("\xA0"), this.start, vue.createTextVNode("\xA0-\xA0"), this.end, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.piece"), vue.createTextVNode("\uFF0C")]) : null, vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.total"), vue.createTextVNode("\xA0"), this.total, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.pieceData")])]
     })]);
   }
 });

package/lib/common/view-message/view-message.cjs

@@ -2,17 +2,25 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
 require('./view-message.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const ViewMessage = /* @__PURE__ */ vue.defineComponent({
   name: "ViewMessage",
   props: {
     messages: {
       type: Array
+    },
+    scroll: {
+      type: Boolean,
+      default: false
     }
   },
-  setup() {
+  setup(props) {
     const ns = vue3Util.useNamespace("view-message");
     const getType = (messageType) => {
       switch (messageType) {
@@ -24,27 +32,132 @@ const ViewMessage = /* @__PURE__ */ vue.defineComponent({
           return "info";
       }
     };
+    const items = vue.ref([]);
+    const initialIndex = vue.ref(0);
+    const uuid = vue.ref("");
+    const isHiddenContainer = vue.ref(false);
+    vue.watch(() => props.messages, () => {
+      initialIndex.value = 0;
+      uuid.value = qxUtil.createUUID();
+      if (Array.isArray(props.messages)) {
+        items.value = props.messages.filter((item) => item.title || item.message).map((item) => {
+          return {
+            ...item
+          };
+        });
+        isHiddenContainer.value = false;
+      } else {
+        items.value = [];
+        isHiddenContainer.value = true;
+      }
+    }, {
+      immediate: true
+    });
+    const container = vue.ref(null);
+    const carouselHeight = vue.ref("");
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        const el = container.value;
+        if (!el) {
+          return;
+        }
+        const alertEl = el.querySelector(".el-alert");
+        if (alertEl) {
+          carouselHeight.value = "".concat(alertEl.offsetHeight, "px");
+        }
+      });
+    });
+    const handleAlertClose = (index) => {
+      items.value[index].hidden = true;
+      const isHiddenCarouse = items.value.every((item) => item.hidden);
+      if (isHiddenCarouse) {
+        isHiddenContainer.value = true;
+      }
+      uuid.value = qxUtil.createUUID();
+    };
+    const handleChange = (index) => {
+      initialIndex.value = index;
+    };
     return {
       ns,
-      getType
+      getType,
+      items,
+      container,
+      carouselHeight,
+      initialIndex,
+      uuid,
+      isHiddenContainer,
+      handleAlertClose,
+      handleChange
     };
   },
   render() {
-    var _a, _b;
-    if (!((_a = this.messages) == null ? void 0 : _a.length)) {
-      return null;
+    const renderScrollMessages = () => {
+      let _slot;
+      return vue.createVNode("div", {
+        "class": [this.ns.b(), this.isHiddenContainer && this.ns.m("hidden")],
+        "ref": "container"
+      }, [vue.createVNode(vue.resolveComponent("el-carousel"), {
+        "key": this.uuid,
+        "indicatorPosition": "none",
+        "arrow": "never",
+        "height": this.carouselHeight,
+        "initialIndex": this.initialIndex,
+        "onChange": this.handleChange
+      }, _isSlot(_slot = this.items.map((item, i) => {
+        if (item.hidden) {
+          return;
+        }
+        return vue.createVNode(vue.resolveComponent("el-carousel-item"), null, {
+          default: () => [vue.createVNode(vue.resolveComponent("el-alert"), {
+            "type": this.getType(item.messageType),
+            "class": this.ns.b("carousel-alert"),
+            "closable": item.removeMode !== 0,
+            "onClose": () => this.handleAlertClose(i)
+          }, {
+            title: () => {
+              return vue.createVNode("div", {
+                "class": this.ns.be("carousel-alert", "title")
+              }, [item.title || ""]);
+            },
+            default: () => {
+              return vue.createVNode("div", {
+                "class": this.ns.be("carousel-alert", "message")
+              }, [item.message || ""]);
+            }
+          })]
+        });
+      })) ? _slot : {
+        default: () => [_slot]
+      })]);
+    };
+    const renderMessages = () => {
+      return vue.createVNode("div", {
+        "class": [this.ns.b(), this.isHiddenContainer && this.ns.m("hidden")]
+      }, [this.items.map((item, i) => {
+        return vue.createVNode(vue.resolveComponent("el-alert"), {
+          "type": this.getType(item.messageType),
+          "class": [this.ns.b("alert"), this.ns.bm("alert", item.title && item.message ? "" : "single"), this.ns.bm("alert", !item.title && item.message ? "single-message" : "")],
+          "closable": item.removeMode !== 0,
+          "onClose": () => this.handleAlertClose(i)
+        }, {
+          title: () => {
+            return vue.createVNode("div", {
+              "class": this.ns.be("alert", "title")
+            }, [item.title || ""]);
+          },
+          default: () => {
+            return vue.createVNode("div", {
+              "class": this.ns.be("alert", "message")
+            }, [item.message || ""]);
+          }
+        });
+      })]);
+    };
+    if (this.items.length > 1 && this.scroll) {
+      return renderScrollMessages();
     }
-    return vue.createVNode("div", {
-      "class": [this.ns.b()]
-    }, [(_b = this.messages) == null ? void 0 : _b.map((message) => {
-      return vue.createVNode(vue.resolveComponent("el-alert"), {
-        "type": this.getType(message.messageType),
-        "title": message.title,
-        "class": [this.ns.e("alert"), this.ns.is("no-title", !message.title)],
-        "description": message.message,
-        "closable": message.removeMode !== 0
-      }, null);
-    })]);
+    return renderMessages();
   }
 });
 

package/lib/common/view-message/view-message.css

@@ -1 +1 @@
-.ibiz-view-message__alert.is-no-title.el-alert .el-alert__description{margin:0}
+.ibiz-view-message{--ibiz-view-message-border--warning:1px solid var(--ibiz-color-warning-active);--ibiz-view-message-border--error:1px solid var(--ibiz-color-danger-active);--ibiz-view-message-border--info:1px solid var(--ibiz-color-info-active);padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none)}.ibiz-view-message--hidden{display:none}.ibiz-view-message .el-alert--warning.is-light{border:var(--ibiz-view-message-border--warning)}.ibiz-view-message .el-alert--error.is-light{border:var(--ibiz-view-message-border--error)}.ibiz-view-message .el-alert--info.is-light{border:var(--ibiz-view-message-border--info)}.ibiz-view-message-alert{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-view-message-alert:last-child{margin-bottom:var(--ibiz-spacing-none)}.ibiz-view-message-alert--single .el-alert__description{margin:0}.ibiz-view-message-alert--single-message .el-alert__close-btn{top:calc(var(--ibiz-spacing-tight) + var(--ibiz-spacing-super-tight))}.ibiz-view-message-alert__title{line-height:calc(var(--ibiz-spacing-base-loose) - var(--ibiz-spacing-super-tight))}.ibiz-view-message-alert__message{line-height:var(--ibiz-spacing-base)}.ibiz-view-message-carousel-alert .el-alert__content{overflow:hidden}.ibiz-view-message-carousel-alert__title{height:calc(var(--ibiz-spacing-base-loose) - var(--ibiz-spacing-super-tight));overflow:hidden;line-height:calc(var(--ibiz-spacing-base-loose) - var(--ibiz-spacing-super-tight));text-overflow:ellipsis;white-space:nowrap}.ibiz-view-message-carousel-alert__message{height:var(--ibiz-spacing-base);overflow:hidden;line-height:var(--ibiz-spacing-base);text-overflow:ellipsis;white-space:nowrap}

package/lib/control/caption-bar/caption-bar.cjs

@@ -47,7 +47,9 @@ const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
       }, [this.c.model.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "class": [this.ns.be("caption", "icon")],
         "icon": this.c.model.sysImage
-      }, null), this.c.state.caption])]
+      }, null), vue.createVNode("div", {
+        "class": [this.ns.be("caption", "content")]
+      }, [this.c.state.caption])])]
     });
   }
 });

package/lib/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-captionbar-padding:0 var(--ibiz-spacing-base);--ibiz-control-captionbar-margin:var(--ibiz-spacing-none);position:relative;height:100%;padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height:100%;padding-left:var(--ibiz-spacing-base);font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);color:var(--ibiz-control-captionbar-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-control-captionbar .ibiz-control-captionbar-caption::before{position:absolute;top:50%;left:0;width:4px;height:20px;content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon{padding-left:0}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon::before{display:none}.ibiz-control-captionbar-caption__icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-captionbar-padding:0 var(--ibiz-spacing-base);--ibiz-control-captionbar-margin:var(--ibiz-spacing-none);position:relative;height:100%;padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height:100%;padding-left:var(--ibiz-spacing-base);font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);color:var(--ibiz-control-captionbar-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-control-captionbar .ibiz-control-captionbar-caption::before{position:absolute;top:50%;left:0;width:4px;height:20px;content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon{padding-left:0}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon::before{display:none}.ibiz-control-captionbar-caption__icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-control-captionbar-caption__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}

package/lib/control/chart/chart.cjs

@@ -5,10 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var echarts = require('echarts');
-require('./chart.css');
+var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
+require('./chart.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const ChartControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizChartControl",
   props: {
@@ -40,27 +44,87 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     const c = vue3Util.useControlController((...args) => new runtime.ChartController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const chartRef = vue.ref();
+    const maxHeight = vue.ref(0);
+    const uuid = qxUtil.createUUID();
+    const setHeight = async () => {
+      await vue.nextTick();
+      const el = document.getElementById(uuid);
+      if (el) {
+        if (c.state.gridPosition === "bottom" || c.state.gridPosition === "top") {
+          maxHeight.value = el.offsetHeight / 2 - 8;
+        } else {
+          maxHeight.value = el.offsetHeight - 16;
+        }
+      }
+    };
+    const getGridData = () => {
+      return c.state.gridData || [];
+    };
     vue.onMounted(() => {
       const chart = echarts.init(chartRef.value);
       c.initChart(chart);
+      window.addEventListener("resize", setHeight);
+      setHeight();
+    });
+    vue.watch(() => c.state.showGrid, () => {
+      setHeight();
+    }, {
+      immediate: true
+    });
+    const renderGrid = () => {
+      let _slot;
+      return vue.createVNode(vue.resolveComponent("el-table"), {
+        "ref": "tableRef",
+        "data": getGridData(),
+        "border": true,
+        "style": {
+          width: "100%"
+        },
+        "max-height": maxHeight.value,
+        "header-row-class-name": ns.e("grid-header")
+      }, _isSlot(_slot = c.state.gridHeaders.map((column) => {
+        return vue.createVNode(vue.resolveComponent("el-table-column"), {
+          "prop": column.id,
+          "align": "center",
+          "label": column.name
+        }, null);
+      })) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("resize", setHeight);
     });
     return {
       c,
       ns,
-      chartRef
+      chartRef,
+      uuid,
+      renderGrid
     };
   },
   render() {
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
-      default: () => [vue.createVNode(vue.resolveComponent("el-empty"), {
+      default: () => [vue.createVNode("div", {
+        "id": this.uuid,
+        "class": this.ns.b("chart-container")
+      }, [vue.createVNode(vue.resolveComponent("el-empty"), {
         "class": [this.ns.e("empty"), this.ns.is("no-data", this.c.state.items.length === 0)],
         "description": "\u6682\u65E0\u6570\u636E"
       }, null), vue.createVNode("div", {
+        "class": [this.ns.e("chart-grid"), this.ns.is("no-data", this.c.state.items.length === 0), this.ns.is("show-grid", this.c.state.showGrid), {
+          [this.ns.em("chart-grid", this.c.state.gridPosition)]: this.c.state.showGrid
+        }]
+      }, [vue.createVNode("div", {
+        "class": [this.ns.e("chart-grid-container"), this.ns.is(this.c.state.gridPosition, this.c.state.showGrid), this.ns.is("no-grid", !this.c.state.showGrid)]
+      }, [vue.createVNode("div", {
         "ref": "chartRef",
-        "class": [this.ns.e("chart"), this.ns.is("no-data", this.c.state.items.length === 0)]
-      }, [ibiz.i18n.t("control.chart.chartPlaceholder")])]
+        "class": [this.ns.e("chart")]
+      }, [ibiz.i18n.t("control.chart.chartPlaceholder")])]), this.c.state.showGrid ? vue.createVNode("div", {
+        "class": this.ns.e("grid")
+      }, [this.renderGrid()]) : null])])]
     });
   }
 });

package/lib/control/chart/chart.css

@@ -1 +1 @@
-.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}.ibiz-control-chart__chart.is-no-data{display:none}.ibiz-control-chart__empty{display:none;height:100%}.ibiz-control-chart__empty.is-no-data{display:flex}
+.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart-grid{width:100%;height:100%}.ibiz-control-chart__chart-grid.is-show-grid{display:flex;height:calc(100% - 16px)}.ibiz-control-chart__chart-grid--bottom{flex-direction:column}.ibiz-control-chart__chart-grid--top{flex-direction:column-reverse}.ibiz-control-chart__chart-grid--left{flex-direction:row-reverse}.ibiz-control-chart__chart-grid--right{flex-direction:row}.ibiz-control-chart__chart-grid.is-no-data{display:none}.ibiz-control-chart__chart-grid-container{flex:1;height:50%}.ibiz-control-chart__chart-grid-container.is-bottom{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-top{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-left{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-right{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-no-grid{flex:unset;width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}.ibiz-control-chart__grid{flex:1;height:auto}.ibiz-control-chart__grid .cell{text-overflow:ellipsis;white-space:nowrap}.ibiz-control-chart__grid .el-table__body-wrapper{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-chart__empty{display:none;height:100%}.ibiz-control-chart__empty.is-no-data{display:flex}.ibiz-control-chart-chart-container{width:100%;height:100%}

package/lib/control/data-view/data-view.cjs

@@ -283,6 +283,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         "total": this.c.state.total,
         "curPage": this.c.state.curPage,
         "size": this.c.state.size,
+        "totalPages": this.c.state.totalPages,
         "onChange": this.onPageChange,
         "onPageSizeChange": this.onPageSizeChange,
         "onPageRefresh": this.onPageRefresh

package/lib/control/drbar/drbar.controller.cjs

@@ -54,7 +54,8 @@ class DRBarController extends runtime.ControlController {
    * @memberof DRBarController
    */
   get form() {
-    return this.view.getController("form");
+    var _a;
+    return (_a = this.view) == null ? void 0 : _a.getController("form");
   }
   /**
    * 是否是新建
@@ -145,22 +146,21 @@ class DRBarController extends runtime.ControlController {
    * @memberof DRBarController
    */
   async calcDrBarItemsState() {
-    const arr = [];
-    this.state.drBarItems.forEach((group) => {
-      var _a, _b;
-      if ((_a = group.children) == null ? void 0 : _a.length) {
-        (_b = group.children) == null ? void 0 : _b.forEach((item) => {
-          arr.push(this.calcPermitted(item));
-        });
-      }
-    });
-    await Promise.all(arr);
-    this.state.drBarItems.forEach((group) => {
-      var _a;
-      if ((_a = group.children) == null ? void 0 : _a.length) {
-        group.visible = !group.children.every((item) => item.visible === false);
-      }
-    });
+    await Promise.all(
+      this.state.drBarItems.map(async (item) => {
+        var _a;
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          await Promise.all(
+            item.children.map(async (childItem) => {
+              await this.calcPermitted(childItem);
+            })
+          );
+          item.visible = item.children.some((childItem) => childItem.visible);
+        } else {
+          await this.calcPermitted(item);
+        }
+      })
+    );
   }
   /**
    * 加载完成
@@ -444,6 +444,20 @@ class DRBarController extends runtime.ControlController {
       );
     }
   }
+  /**
+   * 监听组件销毁
+   *
+   * @author zhanghengfeng
+   * @date 2024-04-10 19:04:43
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async onDestroyed() {
+    await super.onDestroyed();
+    if (this.counter) {
+      this.counter.destroy();
+    }
+  }
 }
 
 exports.DRBarController = DRBarController;

package/lib/control/drtab/drtab.controller.cjs

@@ -45,7 +45,8 @@ class DRTabController extends runtime.ControlController {
    * @memberof DRTabController
    */
   get form() {
-    return this.view.getController("form");
+    var _a;
+    return (_a = this.view) == null ? void 0 : _a.getController("form");
   }
   /**
    * 路由层级
@@ -307,6 +308,20 @@ class DRTabController extends runtime.ControlController {
       );
     }
   }
+  /**
+   * 监听组件销毁
+   *
+   * @author zhanghengfeng
+   * @date 2024-04-10 19:04:40
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async onDestroyed() {
+    await super.onDestroyed();
+    if (this.counter) {
+      this.counter.destroy();
+    }
+  }
 }
 
 exports.DRTabController = DRTabController;