@ibiz-template/vue3-components 0.7.41-alpha.5 → 0.7.41-alpha.51

package/lib/control/report-panel/index.cjs

@@ -7,17 +7,19 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var reportPanel = require('./report-panel.cjs');
 var reportPanel_provider = require('./report-panel.provider.cjs');
 require('./report-detail/index.cjs');
-var index = require('./report-detail/user-report-panel/index.cjs');
-var index$1 = require('./report-detail/user2-report-panel/index.cjs');
-var index$2 = require('./report-detail/bi-report-panel/index.cjs');
+var index = require('./report-detail/bi-report/index.cjs');
+var index$1 = require('./report-detail/user-report-panel/index.cjs');
+var index$2 = require('./report-detail/user2-report-panel/index.cjs');
+var index$3 = require('./report-detail/bi-report-panel/index.cjs');
 
 "use strict";
 const IBizReportPanelControl = vue3Util.withInstall(
   reportPanel.ReportPanelControl,
   function(v) {
-    v.use(index.IBizUserReportPanel);
-    v.use(index$1.IBizUser2ReportPanel);
-    v.use(index$2.IBizBIReportPanel);
+    v.use(index.IBizBIReport);
+    v.use(index$1.IBizUserReportPanel);
+    v.use(index$2.IBizUser2ReportPanel);
+    v.use(index$3.IBizBIReportPanel);
     v.component(reportPanel.ReportPanelControl.name, reportPanel.ReportPanelControl);
     runtime.registerControlProvider(
       runtime.ControlType.REPORT_PANEL,

package/lib/control/report-panel/report-detail/bi-report/bi-report.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./commons/index.cjs');
+require('./bi-report.css');
+var biNumberReport = require('./commons/bi-number-report/bi-number-report.cjs');
+
+"use strict";
+const BIReport = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizBIReport",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.useNamespace("bi-report");
+    const generator = c.generator;
+    const reportType = generator.reportType;
+    return {
+      c,
+      ns,
+      reportType
+    };
+  },
+  render() {
+    if (!this.c.state.biReport)
+      return;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.reportType === "NUMBER" ? vue.createVNode(biNumberReport.IBizBINumberReport, {
+      "model": this.c.state.biReport.model,
+      "data": this.c.state.biReport.data
+    }, null) : vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+      "isSimple": true,
+      "context": this.c.context,
+      "data": this.c.state.biReport.data,
+      "modelData": this.c.state.biReport.model,
+      "style": this.c.state.biReport.options.vars,
+      "class": this.c.state.biReport.options.classList
+    }, null)]);
+  }
+});
+
+exports.BIReport = BIReport;

package/lib/control/report-panel/report-detail/bi-report/bi-report.css

@@ -0,0 +1 @@
+.ibiz-bi-report{width:100%;height:100%}.ibiz-bi-report .ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td{padding-left:var(--ibiz-spacing-tight)!important}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header .el-table__cell{font-style:var(--ibiz-control-grid-header-font-style);text-align:var(--ibiz-control-grid-header-align)}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header .el-table__cell .cell{--ibiz-grid-column-justify-content:var(--ibiz-control-grid-header-align)}.ibiz-bi-report .ibiz-control-grid .el-table .ibiz-grid-field-column__text{overflow:visible;font-size:var(--ibiz-control-grid-content-font-size);font-style:var(--ibiz-control-grid-content-font-style);font-weight:var(--ibiz-control-grid-content-font-weight);color:var(--ibiz-control-grid-content-text-color)}.ibiz-bi-report .ibiz-control-grid .el-table .ibiz-grid-field-column__script{line-height:23px}.ibiz-bi-report .ibiz-control-grid .el-table{--el-table-border-color:var(--ibiz-color-border);--ibiz-control-grid-row-hover-color:transparent;--el-table-current-row-bg-color:transparent;--ibiz-control-grid-row-bg-color-2:var(--ibiz-control-grid-row-bg-color)}.ibiz-bi-report .ibiz-control-grid .el-table tr td{pointer-events:none}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:0}.ibiz-bi-report .ibiz-control-grid .el-table .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:0}.ibiz-bi-report .ibiz-control-grid .el-table--border .el-table__cell{border-right:var(--el-table-border)}.ibiz-bi-report .ibiz-control-grid .el-table td.el-table__cell,.ibiz-bi-report .ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__inner-wrapper{overflow:auto}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__header-wrapper{position:sticky;top:0}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-table__body-wrapper{flex:none;height:auto}.ibiz-bi-report .ibiz-control-grid.el-table--scroll-header .el-scrollbar__bar{display:none}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__header-wrapper{order:0}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__footer-wrapper{order:1}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__footer-wrapper .el-table__footer{height:var(--ibiz-control-grid-content-row-height)}.ibiz-bi-report .ibiz-control-grid .el-table--top-agg .el-table__body-wrapper{order:2}

package/lib/control/report-panel/report-detail/bi-report/commons/bi-number-report/bi-number-report.cjs

@@ -0,0 +1,186 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./bi-number-report.css');
+
+"use strict";
+const IBizBINumberReport = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizBINumberReport",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    data: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("bi-number-report");
+    const uiState = vue.ref({
+      visible: false,
+      // 查看明细是否显示
+      yoy: 0,
+      // 同比差异值,年与年比较
+      qoq: 0,
+      // 环比差异值,月与月比较
+      currentTotal: 0,
+      // 当前总数
+      yoyTotal: 0,
+      // 同比总数
+      qoqTotal: 0
+      // 环比总数
+    });
+    const handleCompareData = () => {
+      var _a, _b;
+      const codeName = (_b = (_a = props.model.measure) == null ? void 0 : _a.measureTag) == null ? void 0 : _b.toLowerCase();
+      if (codeName) {
+        props.data.forEach((item) => {
+          if (item && item.srfperiodtype === "PoP1") {
+            uiState.value.qoqTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          } else if (item && item.srfperiodtype === "YoY1") {
+            uiState.value.yoyTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          } else if (item && item[codeName]) {
+            uiState.value.currentTotal = Number.isNaN(Number(item[codeName])) ? 0 : Number(item[codeName]);
+          }
+        });
+        uiState.value.qoq = uiState.value.currentTotal - uiState.value.qoqTotal;
+        uiState.value.yoy = uiState.value.currentTotal - uiState.value.yoyTotal;
+      }
+    };
+    handleCompareData();
+    const style = vue.computed(() => {
+      const tempStyle = {};
+      const {
+        number_fontstyle,
+        number_fontsize,
+        number_fontcolor
+      } = props.model;
+      if (number_fontstyle) {
+        if (number_fontstyle.includes("bold")) {
+          tempStyle.fontWeight = "bold";
+        } else {
+          tempStyle.fontStyle = number_fontstyle;
+        }
+      }
+      if (number_fontsize)
+        tempStyle.fontSize = "".concat(number_fontsize, "px");
+      if (number_fontcolor)
+        tempStyle.color = number_fontcolor;
+      return tempStyle;
+    });
+    const handleFormat = (value) => {
+      var _a;
+      const format = (_a = props.model.measure) == null ? void 0 : _a.jsonFormat;
+      if (format)
+        return ibiz.util.text.format(String(value), format);
+      return value;
+    };
+    const renderUpIcon = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor",
+        "style": "transform: rotate(180deg);"
+      }, [vue.createVNode("g", {
+        "id": "aft1.Base\u57FA\u7840/1.icon\u56FE\u6807/5.navigation/caret-down",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M5.02 8.233l5.952-5.952a.6.6 0 0 1 1.025.424v5.952a.6.6 0 0 1-.6.6H5.445a.6.6 0 0 1-.424-1.024z",
+        "id": "aft\u8DEF\u5F84",
+        "transform": "rotate(45 7.997 5.257)"
+      }, null)])]);
+    };
+    const renderDownIcon = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor"
+      }, [vue.createVNode("g", {
+        "id": "aft1.Base\u57FA\u7840/1.icon\u56FE\u6807/5.navigation/caret-down",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M5.02 8.233l5.952-5.952a.6.6 0 0 1 1.025.424v5.952a.6.6 0 0 1-.6.6H5.445a.6.6 0 0 1-.424-1.024z",
+        "id": "aft\u8DEF\u5F84",
+        "transform": "rotate(45 7.997 5.257)"
+      }, null)])]);
+    };
+    const renderUpDownResult = (baseValue, targetValue) => {
+      if (baseValue === 0) {
+        if (targetValue === 0) {
+          return vue.createVNode("span", null, [vue.createTextVNode("-")]);
+        }
+        return vue.createVNode("div", {
+          "class": ns.e("up")
+        }, [renderUpIcon(), vue.createVNode("span", null, [vue.createTextVNode("100%")])]);
+      }
+      const temp = targetValue - baseValue;
+      const percentage = (Math.abs(temp) / baseValue * 100).toFixed(0);
+      if (temp < 0) {
+        return vue.createVNode("div", {
+          "class": ns.e("down")
+        }, [renderDownIcon(), vue.createVNode("span", null, [percentage, vue.createTextVNode("%")])]);
+      }
+      if (temp === 0) {
+        return vue.createVNode("span", null, [vue.createTextVNode("-")]);
+      }
+      return vue.createVNode("div", {
+        "class": ns.e("up")
+      }, [renderUpIcon(), vue.createVNode("span", null, [percentage, vue.createTextVNode("%")])]);
+    };
+    return {
+      ns,
+      style,
+      uiState,
+      handleFormat,
+      renderUpDownResult
+    };
+  },
+  render() {
+    var _a, _b, _c, _d;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "number")
+    }, [vue.createVNode("span", {
+      "class": this.ns.em("content", "number-text"),
+      "style": this.style
+    }, [this.handleFormat(this.uiState.currentTotal)])]), vue.createVNode("div", {
+      "class": this.ns.em("content", "compare")
+    }, [this.model.number_yoy_show === 1 && vue.createVNode("div", {
+      "class": this.ns.em("content", "yoy")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "compare-number")
+    }, [vue.createVNode("span", null, [vue.createTextVNode("\u540C\u6BD4")]), vue.createVNode("span", {
+      "class": [this.ns.em("content", "yoy-yoyTotal"), this.ns.is("show", (_a = this.model.number_yoy_value) == null ? void 0 : _a.includes("orgin"))]
+    }, [this.uiState.yoyTotal]), vue.createVNode("span", {
+      "class": [this.ns.em("content", "yoy-value"), this.ns.is("show", (_b = this.model.number_yoy_value) == null ? void 0 : _b.includes("difference"))]
+    }, [vue.createTextVNode("("), this.uiState.yoy > 0 ? "+" : "", this.uiState.yoy, vue.createTextVNode(")")])]), vue.createVNode("div", {
+      "class": this.ns.em("content", "icon")
+    }, [this.renderUpDownResult(this.uiState.yoyTotal, this.uiState.currentTotal)])]), this.model.number_qoq_show === 1 && vue.createVNode("div", {
+      "class": this.ns.em("content", "qoq")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "compare-number")
+    }, [vue.createVNode("span", null, [vue.createTextVNode("\u73AF\u6BD4")]), vue.createVNode("span", {
+      "class": [this.ns.em("content", "qoq-qoqTotal"), this.ns.is("show", (_c = this.model.number_qoq_value) == null ? void 0 : _c.includes("orgin"))]
+    }, [this.uiState.qoqTotal]), vue.createVNode("span", {
+      "class": [this.ns.em("content", "qoq-value"), this.ns.is("show", (_d = this.model.number_qoq_value) == null ? void 0 : _d.includes("difference"))]
+    }, [vue.createTextVNode("("), this.uiState.qoq > 0 ? "+" : "", this.uiState.qoq, vue.createTextVNode(")")])]), vue.createVNode("div", {
+      "class": this.ns.em("content", "icon")
+    }, [this.renderUpDownResult(this.uiState.qoqTotal, this.uiState.currentTotal)])])])])]);
+  }
+});
+
+exports.IBizBINumberReport = IBizBINumberReport;

package/lib/control/report-panel/report-detail/bi-report/commons/bi-number-report/bi-number-report.css

@@ -0,0 +1 @@
+.ibiz-bi-number-report{width:100%;height:100%}.ibiz-bi-number-report__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-bi-number-report__content--number-text{cursor:pointer}.ibiz-bi-number-report__content--yoy{display:flex}.ibiz-bi-number-report__content--qoq{display:flex}.ibiz-bi-number-report__content--compare-number{display:flex;align-items:baseline;width:150px}.ibiz-bi-number-report__content--yoy-value{display:none;margin-left:10px}.ibiz-bi-number-report__content--yoy-value.is-show{display:block}.ibiz-bi-number-report__content--yoy-lastyearMonth{display:none;flex:1;margin-left:10px}.ibiz-bi-number-report__content--yoy-lastyearMonth.is-show{display:block}.ibiz-bi-number-report__content--qoq-lastMonth{display:none;flex:1;margin-left:10px}.ibiz-bi-number-report__content--qoq-lastMonth.is-show{display:block}.ibiz-bi-number-report__content--qoq-value{display:none;margin-left:10px}.ibiz-bi-number-report__content--qoq-value.is-show{display:block}.ibiz-bi-number-report__content--yoy-yoyTotal{display:none}.ibiz-bi-number-report__content--yoy-yoyTotal.is-show{display:block}.ibiz-bi-number-report__content--qoq-qoqTotal{display:none}.ibiz-bi-number-report__content--qoq-qoqTotal.is-show{display:block}.ibiz-bi-number-report__down{display:flex;gap:10px;align-items:center;justify-content:center;margin-left:10px}.ibiz-bi-number-report__down svg{color:var(--ibiz-color-danger-active)}.ibiz-bi-number-report__up{display:flex;gap:10px;align-items:center;justify-content:center;margin-left:10px}.ibiz-bi-number-report__up svg{color:var(--ibiz-color-success-light-active)}

package/lib/control/report-panel/report-detail/bi-report/commons/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var biNumberReport = require('./bi-number-report/bi-number-report.cjs');
+
+"use strict";
+
+exports.IBizBINumberReport = biNumberReport.IBizBINumberReport;

package/lib/control/report-panel/report-detail/bi-report/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var biReport = require('./bi-report.cjs');
+
+"use strict";
+const IBizBIReport = vue3Util.withInstall(biReport.BIReport, (v) => {
+  v.component(biReport.BIReport.name, biReport.BIReport);
+});
+
+exports.IBizBIReport = IBizBIReport;
+exports.default = IBizBIReport;

package/lib/control/report-panel/report-detail/index.cjs

@@ -3,9 +3,11 @@
 var index = require('./user-report-panel/index.cjs');
 var index$1 = require('./user2-report-panel/index.cjs');
 var index$2 = require('./bi-report-panel/index.cjs');
+var index$3 = require('./bi-report/index.cjs');
 
 "use strict";
 
 exports.IBizUserReportPanel = index.IBizUserReportPanel;
 exports.IBizUser2ReportPanel = index$1.IBizUser2ReportPanel;
 exports.IBizBIReportPanel = index$2.IBizBIReportPanel;
+exports.IBizBIReport = index$3.IBizBIReport;

package/lib/control/report-panel/report-panel.cjs

@@ -53,10 +53,8 @@ const ReportPanelControl = /* @__PURE__ */ vue.defineComponent({
     const c = vue3Util.useControlController((...args) => new runtime.ReportPanelController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const renderContent = () => {
-      const {
-        reportType
-      } = c.state;
-      switch (reportType) {
+      var _a;
+      switch ((_a = c.model.appDEReport) == null ? void 0 : _a.reportType) {
         case "USER":
           return vue.createVNode(vue.resolveComponent("iBizUserReportPanel"), {
             "controller": c
@@ -65,14 +63,18 @@ const ReportPanelControl = /* @__PURE__ */ vue.defineComponent({
           return vue.createVNode(vue.resolveComponent("iBizUser2ReportPanel"), {
             "controller": c
           }, null);
+        case "SYSBIREPORT":
         case "DESYSBIREPORTS":
         case "SYSBICUBE":
         case "DESYSBICUBES":
         case "ALLSYSBICUBES":
-        case "SYSBIREPORT":
         case "SYSBICUBEREPORTS":
         case "ALLSYSBIREPORTS":
-          return vue.createVNode(vue.resolveComponent("iBizBIReportPanel"), {
+          if (c.isBIReportDesign)
+            return vue.createVNode(vue.resolveComponent("iBizBIReportPanel"), {
+              "controller": c
+            }, null);
+          return vue.createVNode(vue.resolveComponent("iBizBIReport"), {
             "controller": c
           }, null);
         default:
@@ -87,9 +89,8 @@ const ReportPanelControl = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     let _slot;
-    if (!this.c.state.isCreated) {
+    if (!this.c.state.isCreated)
       return;
-    }
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, _isSlot(_slot = this.renderContent()) ? _slot : {

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

@@ -42,7 +42,20 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.SearchBarController(...args));
-    c.setStorageKeyFn(vue3Util.useLocalCacheKey(c.context, "SEARCH_BAR_SELECTED_GROUP", c.view.modal.routeDepth));
+    const counterData = vue.ref({});
+    const fn = (counter) => {
+      counterData.value = counter;
+    };
+    c.evt.on("onCreated", () => {
+      if (c.counter) {
+        c.counter.onChange(fn, true);
+      }
+    });
+    vue.onUnmounted(() => {
+      var _a2;
+      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
+    });
+    c.setStorageKeyFn(vue3Util.useLocalCacheKey(c.context, "SEARCH_BAR_SELECTED_GROUP", c.view.modal.routeDepth, "@", "".concat(c.view.model.codeName, "@").concat(c.model.codeName)));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     let isSearch = false;
     const onSearch = () => {
@@ -70,10 +83,14 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     });
     const onGroupClick = (item) => {
       c.state.selectedGroupItem = item;
+      c.evt.emit("onTabChange", {
+        data: [item]
+      });
       onSearch();
     };
     if (c.model.enableGroup && c.model.searchBarGroups && ((_a = c.model.searchBarGroups) == null ? void 0 : _a.length) > 0) {
-      c.state.selectedGroupItem = c.model.searchBarGroups[0];
+      const defaultGroup = c.model.searchBarGroups.find((x) => x.defaultGroup);
+      c.state.selectedGroupItem = defaultGroup || c.model.searchBarGroups[0];
     }
     const filterButtonRef = vue.ref();
     let popover;
@@ -135,6 +152,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
       ns,
       cssVars,
       filterButtonRef,
+      counterData,
       onClear,
       onSearch,
       onKeydown,
@@ -153,15 +171,24 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
       default: () => {
         var _a;
         return [this.c.model.enableGroup && (this.c.isBackendSearchGroup ? vue.createVNode(vue.resolveComponent("iBizSearchGroups"), {
-          "controller": this.c
+          "controller": this.c,
+          "counterData": this.counterData
         }, null) : vue.createVNode("div", {
           "class": this.ns.b("quick-group")
         }, [(_a = this.c.model.searchBarGroups) == null ? void 0 : _a.map((groupItem) => {
           var _a2;
+          const visible = this.c.calcCountVisible(groupItem);
+          if (!visible) {
+            return null;
+          }
           return vue.createVNode("span", {
             "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedGroupItem) == null ? void 0 : _a2.id) === groupItem.id)],
             "onClick": () => this.onGroupClick(groupItem)
-          }, [groupItem.caption]);
+          }, [groupItem.caption, groupItem.counterId && vue.createVNode(vue.resolveComponent("iBizBadge"), {
+            "class": this.ns.e("counter"),
+            "value": this.counterData[groupItem.counterId],
+            "counterMode": groupItem.counterMode
+          }, null)]);
         })])), this.c.model.enableGroup && this.c.isBackendSearchGroup && vue.createVNode(vue.resolveComponent("el-button"), {
           "class": this.ns.b("save"),
           "title": core.showTitle(ibiz.i18n.t("control.searchBar.saveGroup")),

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-search-bg:var(--ibiz-color-bg-1);--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);margin-left:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-text-color);background:var(--ibiz-control-searchbar-quick-search-bg);border:1px solid var(--ibiz-border-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search .el-input-group__prepend,.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.el-input-group__append{padding:var(--ibiz-spacing-none)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.is-advanced-quick-search .el-input-group__prepend+.el-input__wrapper{border-radius:0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{height:100%;overflow-x:auto;white-space:nowrap}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-quick-group-item-padding);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-spacing-base-tight)}
+@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-search-bg:var(--ibiz-color-bg-1);--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);margin-left:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-text-color);background:var(--ibiz-control-searchbar-quick-search-bg);border:1px solid var(--ibiz-border-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search .el-input-group__prepend,.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.el-input-group__append{padding:var(--ibiz-spacing-none)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.is-advanced-quick-search .el-input-group__prepend+.el-input__wrapper{border-radius:0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{height:100%;overflow-x:auto;white-space:nowrap}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-quick-group-item-padding);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-spacing-base-tight)}

package/lib/control/search-bar/search-groups/search-groups.cjs

@@ -22,6 +22,11 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
     controller: {
       type: Object,
       required: true
+    },
+    counterData: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   setup(props) {
@@ -192,10 +197,18 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b()
     }, [(_a = this.showGroups) == null ? void 0 : _a.map((groupItem) => {
       var _a2;
+      const visible = this.c.calcCountVisible(groupItem);
+      if (!visible) {
+        return null;
+      }
       return vue.createVNode("span", {
         "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.name) === groupItem.name)],
         "onClick": () => this.onGroupClick(groupItem)
-      }, [groupItem.caption || groupItem.name]);
+      }, [groupItem.caption || groupItem.name, groupItem.counterId && vue.createVNode(vue.resolveComponent("iBizBadge"), {
+        "class": this.ns.e("counter"),
+        "value": this.counterData[groupItem.counterId],
+        "counterMode": groupItem.counterMode
+      }, null)]);
     }), vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "popper-class": this.ns.b("dropdown")
     }, {

package/lib/control/search-bar/search-groups/search-groups.css

@@ -1 +1 @@
-.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-tight);margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:180px;display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin:0 var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{position:relative;cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-spacing-loose)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:hover{background-color:var(--ibiz-color-primary-light-default)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}
+.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-tight);margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:180px;display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin:0 var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{position:relative;cursor:pointer;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-spacing-loose)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:hover{background-color:var(--ibiz-color-primary-light-default)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -5,6 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./tab-exp-panel.css');
 var runtime = require('@ibiz-template/runtime');
 var vueRouter = require('vue-router');
+var ramda = require('ramda');
 
 "use strict";
 function _isSlot(s) {
@@ -93,7 +94,8 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     let _slot;
     const {
       isCreated,
-      tabPages
+      tabPages,
+      counterData
     } = this.c.state;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
@@ -104,6 +106,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
         "tabPosition": this.tabPosition,
         "onTabChange": this.handleTabChange
       }, _isSlot(_slot = tabPages.map((tab) => {
+        const counterNum = tab.counterId ? counterData[tab.counterId] : void 0;
         return vue.createVNode(vue.resolveComponent("el-tab-pane"), {
           "class": [this.ns.e("tab-item")],
           "label": tab.caption,
@@ -114,7 +117,10 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
               "class": [...tab.class]
             }, [this.c.isShowIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
               "icon": tab.sysImage
-            }, null), this.c.isShowCaption && tab.caption]);
+            }, null), this.c.isShowCaption && tab.caption, !ramda.isNil(counterNum) && vue.createVNode(vue.resolveComponent("iBizBadge"), {
+              "class": this.ns.e("counter"),
+              "value": counterNum
+            }, null)]);
           }
         });
       })) ? _slot : {

package/lib/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}
+.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel__counter{margin-left:var(--ibiz-spacing-tight)}

package/lib/control/toolbar/export-excel/export-excel.cjs

@@ -31,7 +31,8 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
       required: true
     },
     controller: {
-      type: Object
+      type: Object,
+      required: true
     }
   },
   emits: ["exportExcel"],
@@ -41,6 +42,15 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("export-excel");
     const startPage = vue.ref(1);
     const endPage = vue.ref(9999);
+    const maxRowCount = vue.ref(1e3);
+    const xdataControl = props.controller.xdataControl;
+    vue.onMounted(() => {
+      if (xdataControl)
+        xdataControl.evt.on("onMounted", () => {
+          var _a;
+          maxRowCount.value = ((_a = xdataControl.dataExport) == null ? void 0 : _a.maxRowCount) || 1e3;
+        });
+    });
     const onCommand = (command, e) => {
       if (!command) {
         return;
@@ -53,6 +63,7 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
     };
     return {
       ns,
+      maxRowCount,
       endPage,
       startPage,
       onCommand
@@ -80,7 +91,9 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
         return [vue.createVNode(vue.resolveComponent("el-menu-item"), {
           "class": this.ns.b("menu-item"),
           "onClick": (e) => this.onCommand("maxRowCount", e)
-        }, _isSlot(_slot2 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll")) ? _slot2 : {
+        }, _isSlot(_slot2 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll", {
+          maxRowCount: this.maxRowCount
+        })) ? _slot2 : {
           default: () => [_slot2]
         }), vue.createVNode(vue.resolveComponent("el-menu-item"), {
           "class": this.ns.b("menu-item"),
@@ -152,11 +165,13 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
         });
       },
       dropdown: () => {
-        let _slot7, _slot8, _slot9, _slot10;
+        let _slot7, _slot8, _slot9, _slot0;
         return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
           default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
             "command": "maxRowCount"
-          }, _isSlot(_slot7 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll")) ? _slot7 : {
+          }, _isSlot(_slot7 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll", {
+            maxRowCount: this.maxRowCount
+          })) ? _slot7 : {
             default: () => [_slot7]
           }), vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
             "command": "activatedPage"
@@ -204,8 +219,8 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
             }, [ibiz.i18n.t("control.toolbar.exportExcel.page")]), vue.createVNode(vue.resolveComponent("el-button"), {
               "onClick": (e) => this.onCommand("customPage", e),
               "size": "small"
-            }, _isSlot(_slot10 = ibiz.i18n.t("control.toolbar.exportExcel.export")) ? _slot10 : {
-              default: () => [_slot10]
+            }, _isSlot(_slot0 = ibiz.i18n.t("control.toolbar.exportExcel.export")) ? _slot0 : {
+              default: () => [_slot0]
             })]
           })]
         });