@epxing/dashboard 0.0.0-stage → 5.3.0-beta.2

package/dist/src/Tabs.js

@@ -0,0 +1,469 @@
+import '../style.css';
+import { __vitePreload as __epxPackagePreload } from "../_virtual/preload-helper.js";
+import { defineAsyncComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, Fragment, renderList, withModifiers, withDirectives, vModelText, toDisplayString, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, createVNode, createTextVNode } from "vue";
+import { normalizeGridItem } from "./layout-util.js";
+import DashboardGrid from "./DashboardGrid.js";
+import { containerGridMixin } from "./grid/mixins.js";
+/* empty css         */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-dashboard-tabs",
+  // 运行态网格参数 / 门控策略 / 嵌套容器网格透传（compGrid prop、gridParams / loadWay / childGrid）来自 containerGridMixin
+  mixins: [containerGridMixin],
+  components: {
+    [DashboardGrid.name]: DashboardGrid,
+    // 设计态画布（gridstack 封装）与项 chrome 按需加载，运行态不拉 gridstack
+    "epx-dashboard-design-grid": defineAsyncComponent(() => __epxPackagePreload(() => import("./DesignGrid.js"), true ? [] : void 0, import.meta.url)),
+    "epx-dashboard-design-item": defineAsyncComponent(() => __epxPackagePreload(() => import("./DesignItem.js"), true ? [] : void 0, import.meta.url))
+  },
+  inject: {
+    // 父网格 api（页面级画布或上级容器的 DesignGrid 提供）：激活页签的子网格挂到它下面；独立挂载时为空，子网格退化为独立网格
+    epxDashboardDesignGrid: { default: null },
+    // 设计态共享选中态（页面级画布提供）：容器内与页面级只有一个选中项
+    epxDashboardDesign: { default: null }
+  },
+  props: {
+    items: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    itemConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    theme: String,
+    // 本容器项的 id：设计态选中项的 owner 标记（与 Div 对齐）
+    compId: String,
+    mode: String,
+    allComponentList: Array,
+    chartCache: Boolean,
+    dashboardId: String
+  },
+  data() {
+    return {
+      activeTab: "",
+      reloadComponent: {},
+      isDragElement: false,
+      editTabId: "",
+      editTabName: "",
+      // 设计态页签内容区可视高度，传给激活页签的子网格做 min-height
+      designMinHeight: 0
+    };
+  },
+  computed: {
+    tab() {
+      return this.items.find((item) => item.id === this.activeTab);
+    },
+    tabIndex() {
+      return this.items.findIndex((item) => item.id === this.activeTab);
+    },
+    getCompConfigs() {
+      return (component) => {
+        const { configs = {}, id, title, contentType, ...otherConfigs } = component;
+        const compId = this.getDashboardLegacy() && this.dashboardId ? this.dashboardId + "-" + id : id;
+        const itemConfig = this.itemConfigs[compId] || {};
+        const _configs = { ...otherConfigs, ...configs, ...itemConfig };
+        if (title) {
+          _configs.componentName = title;
+        }
+        return _configs;
+      };
+    },
+    design() {
+      return this.epxDashboardDesign;
+    },
+    activeComponent() {
+      return this.design ? this.design.state.activeItem : null;
+    }
+  },
+  watch: {
+    items: {
+      handler(tabs = []) {
+        for (const tab of tabs) {
+          for (const item of tab.items || []) {
+            normalizeGridItem(item);
+          }
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    addTab() {
+      const newTabName = this.items.length + "";
+      const tabs = this.items;
+      tabs.push({
+        name: "标签页" + (this.items.length + 1),
+        id: newTabName,
+        items: []
+      });
+      this.$emit("changeItems", tabs);
+    },
+    removeTab(targetName) {
+      const tabs = this.items;
+      if (tabs.length <= 1) {
+        this.$message.error("最少有一个标签");
+        return;
+      }
+      let activeName = this.activeTab;
+      let activeIndex = -1;
+      if (activeName === targetName) {
+        tabs.forEach((tab, index) => {
+          if (tab.id === targetName) {
+            activeIndex = index;
+            const nextTab = tabs[index + 1] || tabs[index - 1];
+            if (nextTab) {
+              activeName = nextTab.id;
+            }
+          }
+        });
+      }
+      this.activeTab = activeName;
+      tabs.splice(activeIndex, 1);
+      this.$emit("changeItems", tabs);
+    },
+    editTab(tab) {
+      if (this.mode !== "design") return;
+      this.editTabId = tab.id;
+      this.editTabName = tab.name;
+      this.$nextTick(() => {
+        this.$refs.editTabInput[0].focus();
+      });
+    },
+    updateTabName() {
+      if (this.editTabId && this.editTabName) {
+        const index = this.items.findIndex((item) => item.id === this.editTabId);
+        this.items.splice(index, 1, { ...this.items[index], name: this.editTabName });
+        this.$emit("changeItems", this.items);
+        this.editTabId = null;
+        this.editTabName = "";
+      }
+    },
+    addGridItem(v) {
+      const tab = this.tabs.find((item) => item.name === this.activeTab);
+      if (tab) {
+        tab.items.push(v);
+      }
+    },
+    // 库改了子项坐标（拖拽 / 缩放 / 推挤 / 首次对账）：画布已就地写回，只需通知上层保存
+    onDesignChange() {
+      this.$emit("changeItems", this.items);
+    },
+    // 跨网格搬出（页签内项被拖到页面或别的容器）：源侧必须同步移出，否则子网格下一次同步会把壳重新加回来
+    onTransferOut(tab, item) {
+      const index = (tab.items || []).findIndex((i) => i.id === item.id);
+      if (index !== -1) tab.items.splice(index, 1);
+      this.$emit("changeItems", this.items);
+    },
+    // 跨网格搬入当前页签：画布已按本网格换算过 w/h
+    onTransferIn(tab, item) {
+      if (!tab.items) tab.items = [];
+      tab.items.push(item);
+      this.$emit("changeItems", this.items);
+    },
+    // 页签里嵌套容器的子项变化：替换该容器项对象后上报（与页面级画布 changeSubItems 同手法）
+    changeSubItems(tab, item, v) {
+      const index = (tab.items || []).findIndex((i) => i.id === item.id);
+      if (index === -1) return;
+      tab.items.splice(index, 1, { ...tab.items[index], items: v });
+      this.$emit("changeItems", this.items);
+    },
+    openConfigPanel(component) {
+      if (this.design) this.design.select(component, this.compId);
+    },
+    // 设计态页签内容区可视高度（所有页签共用同一个内容区）
+    measureDesignHeight() {
+      if (this.$refs.tabsContent) this.designMinHeight = this.$refs.tabsContent.clientHeight;
+    },
+    designReport(component) {
+      const configs = this.getCompConfigs(component, component.id);
+      this.goPage({
+        component: "report-design",
+        params: {
+          id: configs.id,
+          callback: () => {
+            this.reloadComponent[component.id] = true;
+            this.$nextTick(() => {
+              this.reloadComponent[component.id] = false;
+            });
+          }
+        }
+      });
+    },
+    editComponent(activeComponent) {
+      const componentInfo = this.allComponentList.find((item) => item.CODE === activeComponent.contentType) || { CODE: activeComponent.contentType };
+      const configs = this.getCompConfigs(activeComponent, activeComponent.id);
+      this.$emit("open-config", activeComponent.id, componentInfo, configs);
+    },
+    deleteComponent(component, command) {
+      const activeComponent = component || this.activeComponent;
+      const index = this.tab.items.findIndex((item) => item.id === activeComponent.id);
+      if (activeComponent.contentType === "report-chat" && command === "all") {
+        const configs = this.getCompConfigs(activeComponent, activeComponent.id);
+        this.$http.removeMulti({
+          entityId: "FM_REPORT_BASE",
+          ids: configs.id
+        });
+      }
+      if (index !== -1) {
+        this.tab.items.splice(index, 1);
+        this.$emit("changeItems", this.items);
+        if (this.design && this.design.isActive(activeComponent)) this.design.clear();
+      }
+    }
+  },
+  mounted() {
+    if (!this.items || this.items.length === 0) {
+      const items = [{
+        id: "tab_" + (/* @__PURE__ */ new Date()).getTime(),
+        name: "标签页1",
+        items: []
+      }];
+      this.$emit("changeItems", items);
+      this.activeTab = items[0].id;
+    } else {
+      this.activeTab = this.items[0].id;
+    }
+    if (this.mode !== "design") return;
+    this.measureDesignHeight();
+    if (typeof ResizeObserver !== "undefined" && this.$refs.tabsContent) {
+      this.designResizeObserver = new ResizeObserver(() => this.measureDesignHeight());
+      this.designResizeObserver.observe(this.$refs.tabsContent);
+    }
+  },
+  beforeUnmount() {
+    if (this.designResizeObserver) this.designResizeObserver.disconnect();
+  }
+};
+const _hoisted_1 = { class: "tabs el-tabs el-tabs--card el-tabs--top" };
+const _hoisted_2 = { class: "el-tabs__header is-top" };
+const _hoisted_3 = {
+  key: 0,
+  tabindex: "0",
+  class: "el-tabs__new-tab"
+};
+const _hoisted_4 = { class: "el-tabs__nav-wrap is-top" };
+const _hoisted_5 = { class: "el-tabs__nav-scroll" };
+const _hoisted_6 = {
+  role: "tablist",
+  class: "el-tabs__nav is-top"
+};
+const _hoisted_7 = ["onDblclick", "onClick"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = {
+  class: "el-tabs__content",
+  ref: "tabsContent"
+};
+const _hoisted_10 = { class: "drag-component" };
+const _hoisted_11 = {
+  key: 0,
+  class: "drag-component"
+};
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_dashboard_grid = resolveComponent("epx-dashboard-grid");
+  const _component_epx_component = resolveComponent("epx-component");
+  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = resolveComponent("el-dropdown");
+  const _component_epx_dashboard_design_item = resolveComponent("epx-dashboard-design-item");
+  const _component_epx_dashboard_design_grid = resolveComponent("epx-dashboard-design-grid");
+  return openBlock(), createElementBlock("div", {
+    ref: "container",
+    class: normalizeClass(["container", "container--" + $props.theme, { "drag-element": $data.isDragElement }, { "is-design": $props.mode === "design" }]),
+    onClick: _cache[3] || (_cache[3] = (...args) => $options.updateTabName && $options.updateTabName(...args))
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("div", _hoisted_2, [
+        $props.mode === "design" ? (openBlock(), createElementBlock("span", _hoisted_3, [
+          createElementVNode("i", {
+            class: "el-icon-plus",
+            onClick: _cache[0] || (_cache[0] = (...args) => $options.addTab && $options.addTab(...args))
+          })
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.items, (tab) => {
+                return openBlock(), createElementBlock("div", {
+                  class: normalizeClass(["el-tabs__item", "is-top", { "is-closable": $props.mode === "design" }, { "is-active": $data.activeTab === tab.id }]),
+                  key: tab.id,
+                  onDblclick: ($event) => $options.editTab(tab),
+                  onClick: withModifiers(($event) => $data.activeTab = tab.id, ["stop"])
+                }, [
+                  $data.editTabId === tab.id ? withDirectives((openBlock(), createElementBlock("input", {
+                    key: 0,
+                    class: "edit-tab__input",
+                    ref_for: true,
+                    ref: "editTabInput",
+                    type: "text",
+                    placeholder: "",
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.editTabName = $event),
+                    maxlength: "10"
+                  }, null, 512)), [
+                    [vModelText, $data.editTabName]
+                  ]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createElementVNode("span", null, toDisplayString(tab.name), 1),
+                    $props.mode === "design" ? (openBlock(), createElementBlock("span", {
+                      key: 0,
+                      class: "el-icon-close",
+                      onClick: withModifiers(($event) => $options.removeTab(tab.id), ["stop"])
+                    }, null, 8, _hoisted_8)) : createCommentVNode("", true)
+                  ], 64))
+                ], 42, _hoisted_7);
+              }), 128))
+            ])
+          ])
+        ])
+      ]),
+      createElementVNode("div", _hoisted_9, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($props.items, (tab) => {
+          return openBlock(), createElementBlock("div", {
+            class: "el-tab-pane",
+            key: tab.id,
+            style: normalizeStyle({ display: $data.activeTab === tab.id ? "block" : "none" })
+          }, [
+            $props.mode !== "design" ? (openBlock(), createBlock(_component_epx_dashboard_grid, {
+              key: 0,
+              class: "epx-dashboard-tabs__grid",
+              items: _ctx.mobileItems(tab.items || []),
+              grid: _ctx.gridParams,
+              "load-way": _ctx.loadWay,
+              "body-height": _ctx.bodyHeight,
+              "scroll-root-selector": ".epx-dashboard__container, .dashboard-container"
+            }, {
+              item: withCtx(({ item }) => [
+                createElementVNode("div", _hoisted_10, [
+                  (openBlock(), createBlock(resolveDynamicComponent("epx-" + item.contentType), {
+                    ref_for: true,
+                    ref: `component_${item.i}`,
+                    class: "epx-dashboard__component",
+                    "is-dashboard": "",
+                    key: item.id,
+                    "comp-id": item.id,
+                    "comp-title": item.title,
+                    "comp-style": item.style,
+                    "comp-configs": $options.getCompConfigs(item, item.id),
+                    "comp-grid": _ctx.childGrid(item),
+                    "chart-cache": $props.chartCache,
+                    "mobile-appearance": _ctx.mobileStacked ? item.mobileAppearance : void 0,
+                    items: item.items,
+                    "item-configs": $props.itemConfigs,
+                    theme: $props.theme
+                  }, null, 8, ["comp-id", "comp-title", "comp-style", "comp-configs", "comp-grid", "chart-cache", "mobile-appearance", "items", "item-configs", "theme"]))
+                ])
+              ]),
+              _: 1
+            }, 8, ["items", "grid", "load-way", "body-height"])) : $data.activeTab === tab.id ? (openBlock(), createBlock(_component_epx_dashboard_design_grid, {
+              key: 1,
+              class: "epx-dashboard-tabs__design-grid",
+              "sub-grid-of": $options.epxDashboardDesignGrid,
+              items: tab.items || [],
+              grid: _ctx.gridParams,
+              "body-height": _ctx.bodyHeight,
+              "min-height": $data.designMinHeight,
+              onChange: $options.onDesignChange,
+              onTransferOut: (item) => $options.onTransferOut(tab, item),
+              onTransferIn: (item) => $options.onTransferIn(tab, item)
+            }, {
+              item: withCtx(({ item }) => [
+                createVNode(_component_epx_dashboard_design_item, {
+                  item,
+                  active: !!$options.design && $options.design.isActive(item),
+                  floatable: _ctx.gridParams.mode !== "float",
+                  onSelect: $options.openConfigPanel
+                }, {
+                  operates: withCtx(() => [
+                    item.contentType === "report-chart" ? (openBlock(), createElementBlock("i", {
+                      key: 0,
+                      class: "component-operate__item el-icon-edit-outline",
+                      onClick: ($event) => $options.designReport(item)
+                    }, null, 8, _hoisted_13)) : createCommentVNode("", true),
+                    createElementVNode("i", {
+                      class: "component-operate__item el-icon-setting",
+                      onClick: ($event) => $options.editComponent(item)
+                    }, null, 8, _hoisted_14),
+                    item.contentType === "report-chart" ? (openBlock(), createBlock(_component_el_dropdown, {
+                      key: 1,
+                      class: "componnet-dropdown",
+                      onCommand: (v) => $options.deleteComponent(item, v)
+                    }, {
+                      dropdown: withCtx(() => [
+                        createVNode(_component_el_dropdown_menu, null, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_dropdown_item, { command: "only" }, {
+                              default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                                createTextVNode("仅从仪表盘中删除", -1)
+                              ])]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_dropdown_item, { command: "all" }, {
+                              default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                                createTextVNode("从仪表盘和报表库中删除", -1)
+                              ])]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      default: withCtx(() => [
+                        _cache[6] || (_cache[6] = createElementVNode("i", { class: "component-operate__item el-icon-delete" }, null, -1))
+                      ]),
+                      _: 1
+                    }, 8, ["onCommand"])) : (openBlock(), createElementBlock("i", {
+                      key: 2,
+                      class: "component-operate__item el-icon-delete",
+                      onClick: ($event) => $options.deleteComponent(item)
+                    }, null, 8, _hoisted_15))
+                  ]),
+                  default: withCtx(() => [
+                    item.contentType && !$data.reloadComponent[item.id] ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                      (openBlock(), createBlock(_component_epx_component, {
+                        name: item.contentType,
+                        ref_for: true,
+                        ref: `component_${item.i}`,
+                        class: "epx-dashboard__component",
+                        "is-dashboard": "",
+                        key: item.id,
+                        "comp-id": item.id,
+                        "comp-title": item.title,
+                        "comp-style": item.style,
+                        "comp-configs": $options.getCompConfigs(item, item.id),
+                        "comp-grid": _ctx.childGrid(item),
+                        "comp-item": item,
+                        items: item.items,
+                        "item-configs": $props.itemConfigs,
+                        "dashboard-id": $props.dashboardId,
+                        "all-component-list": $props.allComponentList,
+                        theme: $props.theme,
+                        mode: "design",
+                        "mobile-appearance": _ctx.mobileStacked ? item.mobileAppearance : void 0,
+                        onChangeItems: (v) => $options.changeSubItems(tab, item, v),
+                        onOpenConfig: _cache[2] || (_cache[2] = (...args) => _ctx.$emit("open-config", ...args))
+                      }, null, 8, ["name", "comp-id", "comp-title", "comp-style", "comp-configs", "comp-grid", "comp-item", "items", "item-configs", "dashboard-id", "all-component-list", "theme", "mobile-appearance", "onChangeItems"]))
+                    ])) : (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(item.i), 1))
+                  ]),
+                  _: 2
+                }, 1032, ["item", "active", "floatable", "onSelect"])
+              ]),
+              _: 2
+            }, 1032, ["sub-grid-of", "items", "grid", "body-height", "min-height", "onChange", "onTransferOut", "onTransferIn"])) : createCommentVNode("", true)
+          ], 4);
+        }), 128))
+      ], 512)
+    ])
+  ], 2);
+}
+const DashboardTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-503fe9af"]]);
+export {
+  DashboardTabs as default
+};

package/dist/src/Title.js

@@ -0,0 +1,102 @@
+import '../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { openBlock, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+/* empty css          */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-dashboard-title",
+  mixins: [component],
+  // ↓↓↓ 配置点默认值（页面配置可覆盖）
+  subTitle: "",
+  // 副标题文案，配置后展示在标题下方
+  subTitleFontStyle: {},
+  // 副标题字体样式（PC 端）
+  subTitleFontStyleMobile: {},
+  // 副标题字体样式（移动端，在 PC 样式基础上覆盖，只需配置差异项）
+  titleFontStyle: {},
+  // 主标题字体样式（PC 端）
+  titleFontStyleMobile: {},
+  // 主标题字体样式（移动端，在 PC 样式基础上覆盖，只需配置差异项）
+  horizontal: "center",
+  // 水平对齐：flex-start 居左 / center 居中 / flex-end 居右
+  vertical: "center",
+  // 垂直对齐：flex-start 顶部 / center 居中 / flex-end 底部
+  props: {
+    theme: String
+  },
+  computed: {
+    subTitle() {
+      const { subTitle = "" } = this.$configs;
+      return subTitle;
+    },
+    titleStyle() {
+      const { titleFontStyle = {}, titleFontStyleMobile = {} } = this.$configs;
+      const style = { ...titleFontStyle };
+      if (this.$isMobile) Object.assign(style, titleFontStyleMobile);
+      return style;
+    },
+    subTitleStyle() {
+      const { subTitleFontStyle = {}, subTitleFontStyleMobile = {} } = this.$configs;
+      const style = { ...subTitleFontStyle };
+      if (this.$isMobile) Object.assign(style, subTitleFontStyleMobile);
+      return style;
+    },
+    layoutStyle() {
+      const { horizontal = "center", vertical = "center" } = this.$configs;
+      const { textAlign } = this.$component.style || {};
+      const align = { left: "flex-start", center: "center", right: "flex-end" }[textAlign] || horizontal;
+      return {
+        alignItems: align,
+        justifyContent: vertical,
+        textAlign: { "flex-start": "left", center: "center", "flex-end": "right" }[align]
+      };
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["epx-dashboard-title", "epx-dashboard-title--" + $props.theme]),
+    style: normalizeStyle([$options.layoutStyle, _ctx.$component.style])
+  }, [
+    _ctx.$configs.level === "h3" ? (openBlock(), createElementBlock("h3", {
+      key: 0,
+      style: normalizeStyle($options.titleStyle)
+    }, [
+      _ctx.$configs.icon ? (openBlock(), createElementBlock("i", {
+        key: 0,
+        class: normalizeClass(_ctx.$configs.icon),
+        style: normalizeStyle({ color: _ctx.$configs.iconColor })
+      }, null, 6)) : createCommentVNode("", true),
+      createTextVNode(toDisplayString(_ctx.$component.title), 1)
+    ], 4)) : _ctx.$configs.level === "h2" ? (openBlock(), createElementBlock("h2", {
+      key: 1,
+      style: normalizeStyle($options.titleStyle)
+    }, [
+      _ctx.$configs.icon ? (openBlock(), createElementBlock("i", {
+        key: 0,
+        class: normalizeClass(_ctx.$configs.icon),
+        style: normalizeStyle({ color: _ctx.$configs.iconColor })
+      }, null, 6)) : createCommentVNode("", true),
+      createTextVNode(toDisplayString(_ctx.$component.title), 1)
+    ], 4)) : (openBlock(), createElementBlock("h1", {
+      key: 2,
+      style: normalizeStyle($options.titleStyle)
+    }, [
+      _ctx.$configs.icon ? (openBlock(), createElementBlock("i", {
+        key: 0,
+        class: normalizeClass(_ctx.$configs.icon),
+        style: normalizeStyle({ color: _ctx.$configs.iconColor })
+      }, null, 6)) : createCommentVNode("", true),
+      createTextVNode(toDisplayString(_ctx.$component.title), 1)
+    ], 4)),
+    $options.subTitle ? (openBlock(), createElementBlock("p", {
+      key: 3,
+      class: "epx-dashboard-title__sub-title",
+      style: normalizeStyle($options.subTitleStyle)
+    }, toDisplayString($options.subTitle), 5)) : createCommentVNode("", true)
+  ], 6);
+}
+const DashboardTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DashboardTitle as default
+};