super-page-runtime 3.0.4 → 3.0.5-beta1

package/dist/lib/components/runtime/views/assemblys/button/dropdown/dropdown-runtime.vue2.js

@@ -2,6 +2,7 @@
 const Vue = require("vue");
 const index = require("../../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.21/node_modules/@element-plus/icons-vue/dist/index.js");
 const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
 const _hoisted_1 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "dropdown-runtime",
@@ -14,14 +15,14 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
     let listOptions = null;
     const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
     const valueType = dataOrigin.optionValueSetType;
     if (valueType == "variable") {
       listOptions = Vue.computed(() => {
         let options;
-        const menuValues = pageHelperUtil.formatVariableValue(props.pageContext, designProperty.menuField);
+        const menuValues = pageHelperUtil.formatVariableValue(props.pageContext, designProperty.value.menuField);
         if (menuValues && Array.isArray(menuValues)) {
           options = menuValues;
           for (let i = 0; i < options.length; i++) {
@@ -43,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         return options;
       });
     } else {
-      listOptions = Vue.ref(designProperty.options ? designProperty.options : []);
+      listOptions = Vue.ref(designProperty.value.options ? designProperty.value.options : []);
     }
     return (_ctx, _cache) => {
       const _component_el_button = Vue.resolveComponent("el-button");
@@ -55,43 +56,47 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       return Vue.openBlock(), Vue.createBlock(_component_el_dropdown, {
         class: Vue.normalizeClass(Vue.unref(runtimeClass)),
         style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
-        placement: Vue.unref(designProperty).placement,
-        "split-button": Vue.unref(designProperty).splitButton,
-        disabled: Vue.unref(designProperty).state === "disabled",
-        type: Vue.unref(designProperty).buttonType,
-        size: Vue.unref(designProperty).size,
-        trigger: Vue.unref(designProperty).trigger
+        placement: designProperty.value.placement,
+        "split-button": designProperty.value.splitButton,
+        disabled: designProperty.value.state === "disabled",
+        type: designProperty.value.buttonType,
+        size: designProperty.value.size,
+        trigger: designProperty.value.trigger
       }, {
         dropdown: Vue.withCtx(() => [
           Vue.createVNode(_component_el_dropdown_menu, null, {
             default: Vue.withCtx(() => [
               (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(listOptions), (item, index2) => {
-                return Vue.openBlock(), Vue.createBlock(_component_el_dropdown_item, { key: item }, {
+                return Vue.openBlock(), Vue.createBlock(_component_el_dropdown_item, {
+                  key: item,
+                  onClick: ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "menuClick", { menuItem: item })
+                }, {
                   default: Vue.withCtx(() => [
                     Vue.createTextVNode(Vue.toDisplayString(item.label), 1)
                   ]),
                   _: 2
-                }, 1024);
+                }, 1032, ["onClick"]);
               }), 128))
             ]),
             _: 1
           })
         ]),
         default: Vue.withCtx(() => [
-          Vue.unref(designProperty).triggerElement === "button" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
-            !Vue.unref(designProperty).splitButton ? (Vue.openBlock(), Vue.createBlock(_component_el_button, {
+          designProperty.value.triggerElement === "button" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
+            !designProperty.value.splitButton ? (Vue.openBlock(), Vue.createBlock(_component_el_button, {
               key: 0,
-              size: Vue.unref(designProperty).size,
-              type: Vue.unref(designProperty).buttonType
+              size: designProperty.value.size,
+              type: designProperty.value.buttonType,
+              onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "menuClick"))
             }, {
               default: Vue.withCtx(() => [
-                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(designProperty).title), 1)
+                Vue.createTextVNode(Vue.toDisplayString(designProperty.value.title), 1)
               ]),
               _: 1
-            }, 8, ["size", "type"])) : (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_1, Vue.toDisplayString(Vue.unref(designProperty).title), 1))
+            }, 8, ["size", "type"])) : (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_1, Vue.toDisplayString(designProperty.value.title), 1))
           ], 64)) : (Vue.openBlock(), Vue.createBlock(_component_el_text, { key: 1 }, {
             default: Vue.withCtx(() => [
-              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(designProperty).title) + " ", 1),
+              Vue.createTextVNode(Vue.toDisplayString(designProperty.value.title) + " ", 1),
               Vue.createVNode(_component_el_icon, null, {
                 default: Vue.withCtx(() => [
                   Vue.createVNode(Vue.unref(index.ArrowDown))

package/dist/lib/components/runtime/views/assemblys/button/print-label/printlabel-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const printlabelRuntime_vue_vue_type_script_setup_true_lang = require("./printlabel-runtime.vue2.js");
+module.exports = printlabelRuntime_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/runtime/views/assemblys/button/print-label/printlabel-runtime.vue2.js

@@ -0,0 +1,95 @@
+"use strict";
+const Vue = require("vue");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const buttonRuntime_vue_vue_type_script_setup_true_lang = require("../button/button-runtime.vue2.js");
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "printlabel-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const showDropdown = Vue.ref(false);
+    if (designProperty.value.template && designProperty.value.template.length > 1) {
+      showDropdown.value = true;
+    }
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    return (_ctx, _cache) => {
+      const _component_el_button = Vue.resolveComponent("el-button");
+      const _component_ArrowDown = Vue.resolveComponent("ArrowDown");
+      const _component_el_icon = Vue.resolveComponent("el-icon");
+      const _component_el_text = Vue.resolveComponent("el-text");
+      const _component_el_dropdown_item = Vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = Vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = Vue.resolveComponent("el-dropdown");
+      return !showDropdown.value ? (Vue.openBlock(), Vue.createBlock(buttonRuntime_vue_vue_type_script_setup_true_lang, {
+        key: 0,
+        configure: _ctx.configure,
+        pageContext: _ctx.pageContext
+      }, null, 8, ["configure", "pageContext"])) : (Vue.openBlock(), Vue.createBlock(_component_el_dropdown, {
+        key: 1,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        placement: designProperty.value.placement,
+        "split-button": designProperty.value.splitButton,
+        disabled: designProperty.value.state === "disabled",
+        type: designProperty.value.buttonType,
+        size: designProperty.value.size,
+        trigger: designProperty.value.trigger
+      }, {
+        dropdown: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_dropdown_menu, null, {
+            default: Vue.withCtx(() => [
+              (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(designProperty.value.template, (item, index) => {
+                return Vue.openBlock(), Vue.createBlock(_component_el_dropdown_item, {
+                  key: item,
+                  onClick: ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "click", { menuItem: item })
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.createTextVNode(Vue.toDisplayString(item.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: Vue.withCtx(() => [
+          designProperty.value.triggerElement === "button" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
+            !designProperty.value.splitButton ? (Vue.openBlock(), Vue.createBlock(_component_el_button, {
+              key: 0,
+              size: designProperty.value.size,
+              type: designProperty.value.buttonType,
+              onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "menuClick"))
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(designProperty.value.title), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "type"])) : (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_1, Vue.toDisplayString(designProperty.value.title), 1))
+          ], 64)) : (Vue.openBlock(), Vue.createBlock(_component_el_text, { key: 1 }, {
+            default: Vue.withCtx(() => [
+              Vue.createTextVNode(Vue.toDisplayString(designProperty.value.title) + " ", 1),
+              Vue.createVNode(_component_el_icon, null, {
+                default: Vue.withCtx(() => [
+                  Vue.createVNode(_component_ArrowDown)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      }, 8, ["class", "style", "placement", "split-button", "disabled", "type", "size", "trigger"]));
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/chart/column-line/column-line-runtime.vue2.js

@@ -1,6 +1,9 @@
 "use strict";
 const Vue = require("vue");
 const chartUtil = require("../../../../utils/charts/chart-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const chartColumnlineUtil = require("../../../../utils/charts/chart-columnline-util.js");
+const commonChartHeader_vue_vue_type_script_setup_true_lang = require("../common/common-chart-header.vue.js");
 const index_esm_min = require("../../../../../../node_modules/.pnpm/vue-echarts@6.6.9_echarts@5.5.0_vue@3.4.21/node_modules/vue-echarts/dist/index.esm.min.js");
 const extension = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/extension.js");
 const installCanvasRenderer = require("../../../../../../node_modules/.pnpm/echarts@5.5.0/node_modules/echarts/lib/renderer/installCanvasRenderer.js");
@@ -18,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     pageContext: {},
     configure: {}
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     extension.use([
       installCanvasRenderer.install,
       install.install,
@@ -32,13 +35,86 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     ]);
     const props = __props;
     const thisRef = Vue.ref(null);
+    const chartRef = Vue.ref(null);
+    const headerRef = Vue.ref(null);
+    const enableDrill = props.configure.props ? props.configure.props.enableDrill : null;
+    const drillEndTrigger = props.configure.props ? props.configure.props.drillEndTrigger : null;
+    const selGroupVariable = props.configure.props ? props.configure.props.selGroupVariable : null;
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
+    const dataConfig = runtimeInfo.dataConfig;
+    const headerInfo = runtimeInfo.headerInfo ? runtimeInfo.headerInfo : {};
     const chartOption = runtimeInfo.chartOption;
-    console.log("chartOption-runtime", chartOption);
     const configureProps = props.configure.props ? props.configure.props : {};
     const customTheme = chartUtil.getCustomTheme(configureProps.customTheme);
+    chartUtil.initChartOption(props.configure, chartOption);
+    Vue.onMounted(() => {
+      const resultData = pageHelperUtil.getChartDatasFromPage(props.pageContext, props.configure);
+      if (resultData) {
+        updateChartDatas(resultData);
+      }
+      if (enableDrill && chartRef.value) {
+        chartRef.value.chart.on("click", function(params) {
+          if (headerRef.value && headerRef.value.drill) {
+            headerRef.value.drill(params, props.configure.cacheDatas);
+          }
+        });
+      }
+      if (!enableDrill && selGroupVariable && chartRef.value) {
+        chartUtil.monitorChartClickToVariable(
+          props.pageContext,
+          props.configure,
+          chartRef.value.chart,
+          selGroupVariable
+        );
+      }
+    });
+    function onDrillEnd(params) {
+      if (drillEndTrigger == "clearDrill") {
+        if (headerRef.value && headerRef.value.closeDrill) {
+          headerRef.value.closeDrill(0);
+        }
+      }
+    }
+    let hisGroupValue = headerInfo.groupValue;
+    Vue.watch(headerInfo, () => {
+      if (hisGroupValue == headerInfo.groupValue) {
+        return;
+      }
+      hisGroupValue = headerInfo.groupValue;
+      refresh();
+    });
+    function refresh() {
+      if (!dataConfig) {
+        console.log("无数据源配置，不需要查询!");
+        return;
+      }
+      dataConfig.services[0].groupValue = headerInfo.groupValue;
+      pageHelperUtil.updateChartDatasources(props.pageContext, [dataConfig], headerInfo.drillParams);
+    }
+    const monitorFields = headerInfo.monitorFields;
+    pageHelperUtil.monitorFieldChange(props.pageContext, monitorFields, refresh);
+    function updateChartDatas(resultData) {
+      if (!resultData) {
+        resultData = [];
+      }
+      resultData = resultData.length > 0 ? resultData[0] : {};
+      if (!resultData) {
+        resultData = {};
+      }
+      if (resultData.hasRender) {
+        resultData.hasRender = true;
+        console.log("重复更新!", resultData);
+        return;
+      }
+      resultData.hasRender = true;
+      chartColumnlineUtil.updateChartOption(props.pageContext, props.configure, chartOption, resultData);
+      console.log("chartOption", chartOption);
+    }
+    __expose({
+      updateChartDatas
+    });
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", {
         style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
@@ -46,8 +122,17 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         ref_key: "thisRef",
         ref: thisRef
       }, [
+        Vue.withDirectives(Vue.createVNode(commonChartHeader_vue_vue_type_script_setup_true_lang, {
+          ref_key: "headerRef",
+          ref: headerRef,
+          headerInfo: Vue.unref(headerInfo),
+          onDrillEnd
+        }, null, 8, ["headerInfo"]), [
+          [Vue.vShow, Vue.unref(headerInfo).showHeader]
+        ]),
         Vue.createVNode(Vue.unref(index_esm_min.default), {
-          ref: "chartRef",
+          ref_key: "chartRef",
+          ref: chartRef,
           theme: Vue.unref(customTheme),
           option: Vue.unref(chartOption),
           autoresize: ""

package/dist/lib/components/runtime/views/assemblys/chart/common/common-chart-header-breadcrumb.vue.js

@@ -0,0 +1,43 @@
+"use strict";
+const Vue = require("vue");
+const index = require("../../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.21/node_modules/@element-plus/icons-vue/dist/index.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "common-chart-header-breadcrumb",
+  props: {
+    headerInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["close-drill"],
+  setup(__props, { emit: __emit }) {
+    const $emits = __emit;
+    function closeDrill(drillIndex) {
+      $emits("close-drill", drillIndex);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_tag = Vue.resolveComponent("el-tag");
+      const _component_el_breadcrumb = Vue.resolveComponent("el-breadcrumb");
+      return Vue.openBlock(), Vue.createBlock(_component_el_breadcrumb, { "separator-icon": Vue.unref(index.ArrowRight) }, {
+        default: Vue.withCtx(() => [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.headerInfo.drillOptions, (tag, index2) => {
+            return Vue.openBlock(), Vue.createBlock(_component_el_tag, {
+              key: tag.name,
+              closable: "",
+              type: "success",
+              style: { "margin-left": "4px" },
+              onClose: ($event) => closeDrill(index2)
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(tag.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClose"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["separator-icon"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/chart/common/common-chart-header-breadcrumb.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonChartHeaderBreadcrumb_vue_vue_type_script_setup_true_lang = require("./common-chart-header-breadcrumb.vue.js");
+module.exports = commonChartHeaderBreadcrumb_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/runtime/views/assemblys/chart/common/common-chart-header-group.vue.js

@@ -0,0 +1,61 @@
+"use strict";
+const Vue = require("vue");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "common-chart-header-group",
+  props: {
+    headerInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    Vue.watch(props.headerInfo, () => {
+      console.log("props.headerInfo", props.headerInfo);
+    });
+    return (_ctx, _cache) => {
+      const _component_el_checkbox = Vue.resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = Vue.resolveComponent("el-checkbox-group");
+      const _component_el_radio = Vue.resolveComponent("el-radio");
+      const _component_el_radio_button = Vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = Vue.resolveComponent("el-radio-group");
+      return __props.headerInfo.groupComponent == "checkbox" ? (Vue.openBlock(), Vue.createBlock(_component_el_checkbox_group, {
+        key: 0,
+        modelValue: __props.headerInfo.groupValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.headerInfo.groupValue = $event)
+      }, {
+        default: Vue.withCtx(() => [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.headerInfo.options, (o) => {
+            return Vue.openBlock(), Vue.createBlock(_component_el_checkbox, {
+              label: o.label,
+              value: o.value
+            }, null, 8, ["label", "value"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : __props.headerInfo.groupComponent == "radio" ? (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, { key: 1 }, Vue.renderList(__props.headerInfo.options, (o) => {
+        return Vue.openBlock(), Vue.createBlock(_component_el_radio, {
+          modelValue: __props.headerInfo.groupValue,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.headerInfo.groupValue = $event),
+          value: o.value,
+          label: o.label
+        }, null, 8, ["modelValue", "value", "label"]);
+      }), 256)) : (Vue.openBlock(), Vue.createBlock(_component_el_radio_group, {
+        key: 2,
+        modelValue: __props.headerInfo.groupValue,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.headerInfo.groupValue = $event)
+      }, {
+        default: Vue.withCtx(() => [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.headerInfo.options, (o) => {
+            return Vue.openBlock(), Vue.createBlock(_component_el_radio_button, {
+              label: o.label,
+              value: o.value
+            }, null, 8, ["label", "value"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]));
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/chart/common/common-chart-header-group.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonChartHeaderGroup_vue_vue_type_script_setup_true_lang = require("./common-chart-header-group.vue.js");
+module.exports = commonChartHeaderGroup_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/runtime/views/assemblys/chart/common/common-chart-header.vue.js

@@ -0,0 +1,127 @@
+"use strict";
+const Vue = require("vue");
+const commonChartHeaderGroup_vue_vue_type_script_setup_true_lang = require("./common-chart-header-group.vue.js");
+const commonChartHeaderBreadcrumb_vue_vue_type_script_setup_true_lang = require("./common-chart-header-breadcrumb.vue.js");
+const _hoisted_1 = { class: "amb-widget-chart-header" };
+const _hoisted_2 = { class: "amb-widget-chart-header-item" };
+const _hoisted_3 = { class: "amb-widget-chart-header-item amb-widget-chart-header-center" };
+const _hoisted_4 = { class: "amb-widget-chart-header-item" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "common-chart-header",
+  props: {
+    headerInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["drill-end"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const drillObjRef = Vue.ref(null);
+    const $emits = __emit;
+    if (!props.headerInfo.drillOptions) {
+      props.headerInfo.drillOptions = [];
+    }
+    function closeDrill(closeIndex) {
+      const drillLen = props.headerInfo.drillOptions.length;
+      if (closeIndex >= drillLen) {
+        console.log("无效的取消操作,", closeIndex, props.headerInfo.drillOptions);
+        return;
+      }
+      for (let i = drillLen - 1; i >= closeIndex; i--) {
+        props.headerInfo.drillOptions.splice(i, 1);
+      }
+      toDrillLevel(closeIndex);
+    }
+    function drill(params, datas) {
+      const currentIndex = props.headerInfo.drillOptions.length;
+      if (currentIndex + 1 >= props.headerInfo.options.length) {
+        console.log("钻取到最底层了！");
+        $emits("drill-end", params);
+        return;
+      }
+      console.log("props.headerInfo.options", currentIndex, props.headerInfo.options);
+      const targetGroup = props.headerInfo.options[currentIndex];
+      const drillOption = {
+        fieldName: targetGroup.target ? targetGroup.target.replace(".", "_") : "",
+        label: params.name,
+        value: params.name
+      };
+      props.headerInfo.drillOptions.push(drillOption);
+      toDrillLevel(currentIndex + 1);
+    }
+    function toDrillLevel(drillIndex) {
+      const drillParams = {};
+      for (let o of props.headerInfo.drillOptions) {
+        if (o.fieldName) {
+          drillParams[o.fieldName] = o.value;
+        }
+      }
+      props.headerInfo.drillParams = drillParams;
+      props.headerInfo.groupValue = props.headerInfo.options[drillIndex].value;
+    }
+    __expose({
+      drill,
+      closeDrill
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("div", _hoisted_2, [
+          Vue.withDirectives(Vue.createElementVNode("label", {
+            style: Vue.normalizeStyle(__props.headerInfo.style)
+          }, Vue.toDisplayString(__props.headerInfo.title) + "  ", 5), [
+            [Vue.vShow, __props.headerInfo.title && (!__props.headerInfo.textAlign || __props.headerInfo.textAlign == "left")]
+          ]),
+          __props.headerInfo.showDrill && (!__props.headerInfo.groupPosition || __props.headerInfo.groupPosition == "left") ? (Vue.openBlock(), Vue.createBlock(commonChartHeaderBreadcrumb_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            ref_key: "drillObjRef",
+            ref: drillObjRef,
+            headerInfo: __props.headerInfo,
+            onCloseDrill: closeDrill
+          }, null, 8, ["headerInfo"])) : Vue.createCommentVNode("", true),
+          __props.headerInfo.showGroup && (!__props.headerInfo.groupPosition || __props.headerInfo.groupPosition == "left") ? (Vue.openBlock(), Vue.createBlock(commonChartHeaderGroup_vue_vue_type_script_setup_true_lang, {
+            key: 1,
+            headerInfo: __props.headerInfo
+          }, null, 8, ["headerInfo"])) : Vue.createCommentVNode("", true)
+        ]),
+        Vue.createElementVNode("div", _hoisted_3, [
+          Vue.withDirectives(Vue.createElementVNode("label", {
+            style: Vue.normalizeStyle(__props.headerInfo.style)
+          }, Vue.toDisplayString(__props.headerInfo.title) + "  ", 5), [
+            [Vue.vShow, __props.headerInfo.title && __props.headerInfo.textAlign == "center"]
+          ]),
+          __props.headerInfo.showDrill && __props.headerInfo.groupPosition == "center" ? (Vue.openBlock(), Vue.createBlock(commonChartHeaderBreadcrumb_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            headerInfo: __props.headerInfo,
+            onCloseDrill: closeDrill,
+            ref_key: "drillObjRef",
+            ref: drillObjRef
+          }, null, 8, ["headerInfo"])) : Vue.createCommentVNode("", true),
+          __props.headerInfo.showGroup && __props.headerInfo.groupPosition == "center" ? (Vue.openBlock(), Vue.createBlock(commonChartHeaderGroup_vue_vue_type_script_setup_true_lang, {
+            key: 1,
+            headerInfo: __props.headerInfo
+          }, null, 8, ["headerInfo"])) : Vue.createCommentVNode("", true)
+        ]),
+        Vue.createElementVNode("div", _hoisted_4, [
+          Vue.withDirectives(Vue.createElementVNode("label", {
+            style: Vue.normalizeStyle(__props.headerInfo.style)
+          }, Vue.toDisplayString(__props.headerInfo.title) + "  ", 5), [
+            [Vue.vShow, __props.headerInfo.title && __props.headerInfo.textAlign == "right"]
+          ]),
+          __props.headerInfo.showDrill && __props.headerInfo.groupPosition == "right" ? (Vue.openBlock(), Vue.createBlock(commonChartHeaderBreadcrumb_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            headerInfo: __props.headerInfo,
+            onCloseDrill: closeDrill,
+            ref_key: "drillObjRef",
+            ref: drillObjRef
+          }, null, 8, ["headerInfo"])) : Vue.createCommentVNode("", true),
+          __props.headerInfo.showGroup && __props.headerInfo.groupPosition == "right" ? (Vue.openBlock(), Vue.createBlock(commonChartHeaderGroup_vue_vue_type_script_setup_true_lang, {
+            key: 1,
+            headerInfo: __props.headerInfo
+          }, null, 8, ["headerInfo"])) : Vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/chart/common/common-chart-header.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonChartHeader_vue_vue_type_script_setup_true_lang = require("./common-chart-header.vue.js");
+module.exports = commonChartHeader_vue_vue_type_script_setup_true_lang;