super-page-runtime 2.3.17 → 2.3.18-tmp1

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

@@ -0,0 +1,135 @@
+"use strict";
+const Vue = require("vue");
+const index = require("../../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.18_typescript@5.4.5_/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 i18nUtil = require("../../../../utils/i18n-util.js");
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "dropdown-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    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.value.menuField);
+        if (menuValues && Array.isArray(menuValues)) {
+          options = menuValues;
+          for (let i = 0; i < options.length; i++) {
+            const option = options[i];
+            if (!option.label) {
+              option.label = i + 1;
+            }
+          }
+        } else {
+          const strs = (menuValues ? menuValues + "" : "").trim().split(",");
+          options = [];
+          for (let str of strs) {
+            options.push({
+              value: str,
+              label: str
+            });
+          }
+        }
+        return options;
+      });
+    } else {
+      listOptions = Vue.ref(designProperty.value.options ? designProperty.value.options : []);
+    }
+    function visibleChange(isVisible) {
+      if (isVisible) {
+        eventUtil.handleFormEvent(isVisible, props.pageContext, props.configure, "menuShow");
+      } else {
+        eventUtil.handleFormEvent(isVisible, props.pageContext, props.configure, "menuHidden");
+      }
+    }
+    const componentRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        eventUtil.handleAfterInitEvent(null, props.pageContext, props.configure, {
+          componentRef: componentRef.value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_el_button = Vue.resolveComponent("el-button");
+      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 Vue.openBlock(), Vue.createBlock(_component_el_dropdown, {
+        ref_key: "componentRef",
+        ref: componentRef,
+        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,
+        onVisibleChange: visibleChange
+      }, {
+        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,
+                  onClick: ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "click", { menuItem: item })
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.createTextVNode(Vue.toDisplayString(Vue.unref(i18nUtil.$t)(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
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(i18nUtil.$t)(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(Vue.unref(i18nUtil.$t)(designProperty.value.title)) + " ", 1),
+              Vue.createVNode(_component_el_icon, null, {
+                default: Vue.withCtx(() => [
+                  Vue.createVNode(Vue.unref(index.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/button/export-pdf/exportpdf-runtime.vue.js

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

package/dist/lib/components/runtime/views/assemblys/button/export-pdf/exportpdf-runtime.vue2.js

@@ -0,0 +1,19 @@
+"use strict";
+const Vue = require("vue");
+const buttonRuntime_vue_vue_type_script_setup_true_lang = require("../button/button-runtime.vue2.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "exportpdf-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(buttonRuntime_vue_vue_type_script_setup_true_lang, {
+        configure: _ctx.configure,
+        pageContext: _ctx.pageContext
+      }, null, 8, ["configure", "pageContext"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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,110 @@
+"use strict";
+const Vue = require("vue");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.1.58_@vue_29e6d749740d5c0a82211de8e577b320/node_modules/agilebuilder-ui/lib/index-39f4c2e9.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 i18nUtil = require("../../../../utils/i18n-util.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;
+    const componentRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        if (showDropdown.value) {
+          eventUtil.handleAfterInitEvent(null, props.pageContext, props.configure, {
+            componentRef: componentRef.value,
+            entity: props.pageContext.entity.data,
+            pageData: props.pageContext.entity.page
+          });
+        }
+      });
+    });
+    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,
+        ref_key: "componentRef",
+        ref: componentRef,
+        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(Vue.unref(i18nUtil.$t)(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(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "type"])) : (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_1, Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 1))
+          ], 64)) : (Vue.openBlock(), Vue.createBlock(_component_el_text, { key: 1 }, {
+            default: Vue.withCtx(() => [
+              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(i18nUtil.$t)(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.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const columnLineRuntime_vue_vue_type_script_setup_true_lang = require("./column-line-runtime.vue2.js");
+;/* empty css                          */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const columnLineRuntime = /* @__PURE__ */ _pluginVue_exportHelper(columnLineRuntime_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-e1cf60d6"]]);
+module.exports = columnLineRuntime;

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

@@ -0,0 +1,213 @@
+"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 eventUtil = require("../../../../utils/events/event-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.7.3_@vue_runt_6a17a8e396849be0fb391312566b7447/node_modules/vue-echarts/dist/index.esm.min.js");
+const extension = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/extension.js");
+const installCanvasRenderer = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/renderer/installCanvasRenderer.js");
+const install = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/chart/line/install.js");
+const install$1 = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/component/grid/install.js");
+const install$2 = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/component/legend/install.js");
+const install$3 = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/component/title/install.js");
+const install$4 = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/component/tooltip/install.js");
+const install$5 = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/chart/bar/install.js");
+const install$6 = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/component/toolbox/install.js");
+const install$7 = require("../../../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/lib/component/dataZoom/install.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "column-line-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    extension.use([
+      installCanvasRenderer.install,
+      install.install,
+      install$1.install,
+      install$2.install,
+      install$3.install,
+      install$4.install,
+      install$5.install,
+      install$6.install,
+      install$7.install
+    ]);
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const chartRef = Vue.ref();
+    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 linkPage = props.configure.props ? props.configure.props.linkPage : null;
+    const linkConfigureMap = {};
+    if (props.configure.items) {
+      for (const item of props.configure.items) {
+        if (item.props && item.props.linkPage && item.props.linkPage.jumpPageUrl) {
+          linkConfigureMap[item.uuid] = item;
+        } else if (linkPage && linkPage.jumpPageUrl) {
+          linkConfigureMap[item.uuid] = props.configure;
+        }
+      }
+    }
+    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;
+    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 (chartRef.value && (enableDrill || Object.keys(linkConfigureMap).length > 0)) {
+        chartRef.value.chart.on("click", function(params) {
+          if (enableDrill) {
+            if (headerRef.value && headerRef.value.drill) {
+              headerRef.value.drill(params, props.configure.cacheDatas);
+            }
+          } else {
+            clickToLink(params);
+          }
+        });
+      }
+      if (!enableDrill && props.configure.clickSet && chartRef.value) {
+        chartUtil.monitorChartClickToVariable(props.pageContext, props.configure, chartRef.value.chart);
+      }
+    });
+    function onDrillEnd(params) {
+      if (drillEndTrigger == "clearDrill") {
+        if (headerRef.value && headerRef.value.closeDrill) {
+          headerRef.value.closeDrill(0);
+        }
+      } else if (drillEndTrigger === "clickEvent") {
+        clickToLink(params);
+      }
+    }
+    function clickToLink(clickParams) {
+      console.log("clik0", clickParams);
+      if (clickParams.seriesIndex >= chartOption.series.length) {
+        return;
+      }
+      console.log("clik1", clickParams);
+      const selSerieUuid = chartOption.series[clickParams.seriesIndex].uuid;
+      console.log("clik2", selSerieUuid);
+      const linkConfigure = linkConfigureMap[selSerieUuid];
+      console.log("clik3", linkConfigure);
+      if (!linkConfigure) {
+        return;
+      }
+      const params = {
+        data: clickParams.data,
+        dataIndex: clickParams.dataIndex,
+        name: clickParams.name,
+        seriesId: clickParams.seriesId,
+        seriesIndex: clickParams.seriesIndex,
+        seriesName: clickParams.seriesName,
+        seriesType: clickParams.seriesType,
+        value: clickParams.value
+      };
+      eventUtil.doClickJumpPageEvent(props.pageContext, linkConfigure, params);
+    }
+    let hisGroupValue = headerInfo.groupValue;
+    Vue.watch(headerInfo, () => {
+      if (hisGroupValue == headerInfo.groupValue) {
+        return;
+      }
+      hisGroupValue = headerInfo.groupValue;
+      if (dataConfig) {
+        dataConfig.services[0].groupValue = headerInfo.groupValue;
+      }
+      refresh(false);
+    });
+    function refresh(isHandle) {
+      if (!dataConfig) {
+        console.log("无数据源配置，不需要查询!");
+        return;
+      }
+      if (isHandle !== true) {
+        dataConfig.autoRefresh = true;
+      }
+      pageHelperUtil.updateChartDatasources(props.pageContext, [dataConfig], headerInfo.drillParams);
+    }
+    const monitorFields = headerInfo.monitorFields;
+    pageHelperUtil.monitorFieldChange(props.pageContext, monitorFields, () => {
+      refresh(true);
+    });
+    function updateChartDatas(resultData) {
+      var _a;
+      if (!resultData) {
+        resultData = [];
+      }
+      if (Array.isArray(resultData)) {
+        resultData = resultData.length > 0 ? resultData[0] : {};
+      }
+      if (!resultData) {
+        resultData = {};
+      }
+      if (resultData.hasRender) {
+        resultData.hasRender = true;
+        console.log("重复更新!", resultData);
+        return;
+      }
+      resultData.hasRender = true;
+      if (!dataConfig.autoRefresh) {
+        hisGroupValue = resultData.groupValue;
+        if (hisGroupValue && headerInfo.groupComponent !== "checkbox") {
+          hisGroupValue = hisGroupValue.join(",");
+        }
+        headerInfo.groupValue = hisGroupValue;
+      }
+      if (!dataConfig.autoRefresh || !enableDrill) {
+        chartUtil.clearChartSelected(props.pageContext, props.configure, (_a = chartRef.value) == null ? void 0 : _a.chart);
+      }
+      dataConfig.autoRefresh = false;
+      chartColumnlineUtil.updateChartOption(props.pageContext, props.configure, chartOption, resultData);
+      if (chartRef.value) {
+        chartRef.value.setOption(chartOption, true);
+      }
+    }
+    function exportChart() {
+      return chartUtil.exportCommonChart(chartRef.value);
+    }
+    __expose({
+      updateChartDatas,
+      exportChart,
+      chartOption
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        class: Vue.normalizeClass([Vue.unref(runtimeClass), "amb-widget-chart amb-widget-flex amb-chart-container"]),
+        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),
+          configure: _ctx.configure,
+          pageContext: _ctx.pageContext,
+          onDrillEnd,
+          class: "amb-chart-header"
+        }, null, 8, ["headerInfo", "configure", "pageContext"]), [
+          [Vue.vShow, Vue.unref(headerInfo).showHeader || _ctx.pageContext.showHomepageSearch]
+        ]),
+        Vue.createVNode(Vue.unref(index_esm_min.default), {
+          ref_key: "chartRef",
+          ref: chartRef,
+          class: "amb-chart-content",
+          theme: Vue.unref(customTheme),
+          option: Vue.unref(chartOption),
+          autoresize: ""
+        }, null, 8, ["theme", "option"])
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;

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.2_vue@3.5.18_typescript@5.4.5_/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;