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

package/dist/src/visual/config-page/DashboardMobile.js

@@ -0,0 +1,1115 @@
+import '../../../style.css';
+import { __vitePreload as __epxPackagePreload } from "../../../_virtual/preload-helper.js";
+import { defineAsyncComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, createCommentVNode, normalizeStyle, createBlock, withCtx, createVNode, createSlots, toDisplayString, withModifiers, Fragment, renderList, renderSlot } from "vue";
+import { getChartType } from "@epxing/utils/src/chart-registry";
+import { stackMobileLayout, reorderStack, normalizeGridItem } from "@epxing/dashboard/src/layout-util";
+import { isContainerType, getContainerGrid, isLegacyConfig, MOBILE_GRID, getPageGrid } from "@epxing/dashboard/src/grid/model";
+import { createDesignState } from "@epxing/dashboard/src/grid/designState";
+import { buildThemeCss, buildThemeChartConfig } from "@epxing/dashboard/src/theme-style";
+import { indexDashboardItems, regenerateMobileDesign, resolveMobileItem } from "@epxing/dashboard/src/mobile-design";
+import { normalizeMobileAppearance, getMobileAppearanceFields } from "@epxing/utils/src/mobile-chart-appearance";
+import DesignItem from "@epxing/dashboard/src/DesignItem.vue";
+import StyleConfig from "./StyleConfig.js";
+/* empty css                    */
+/* empty css                     */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-dashboard-mobile",
+  components: {
+    "epx-component-style-config": StyleConfig,
+    // 设计态画布（gridstack 封装）按需加载，与页面级画布 DashboardDesign 同一组件；移动端只用单层、不接跨网格事件
+    "epx-dashboard-design-grid": defineAsyncComponent(() => __epxPackagePreload(() => import("@epxing/dashboard/src/DesignGrid.vue"), true ? [] : void 0, import.meta.url)),
+    "epx-dashboard-design-item": DesignItem
+  },
+  props: {
+    standalone: Boolean,
+    canvasWidth: { type: Number, default: 375 },
+    source: { type: Object, default: null },
+    pageMetaId: String,
+    pageId: String,
+    allComponentList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    componentList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  provide() {
+    return {
+      upPage: this,
+      pageMetaId: this.pageMetaId,
+      pageId: this.pageId,
+      // 设计态共享选中态：画布按它给选中项的壳置顶
+      epxDashboardDesign: this.design,
+      // 手机框预览标记：本设计器跑在 PC 端（$isMobile 为 false），保留整块的容器（dashboard-div / tabs）内部要和真机一样按堆叠渲染（containerGridMixin 注入）
+      epxMobilePreview: true,
+      getMobileDashboard: () => this.standalone,
+      getThemeChartConfig: () => this.themeChartConfig,
+      registerMobileChartLabel: (id, label, type) => {
+        if (label) this.chartLabels[id] = label;
+        if (type) this.chartTypes[id] = type;
+      }
+    };
+  },
+  data() {
+    return {
+      reloadComponent: {},
+      oldItemConfigs: {},
+      layout: [],
+      // 选中态（activeComponent 由它派生），provide 给画布
+      design: createDesignState(),
+      // 'auto' 行高（旧 autoHeight）的换算基准：document.body 高度
+      bodyHeight: 0,
+      // 手机画布可视高度：根网格按它撑满画布
+      canvasHeight: 0,
+      selectComponent: null,
+      // 当前编辑移动端设置的组件（mItems 项的引用）
+      appearanceTargetId: null,
+      chartLabels: {},
+      chartTypes: {},
+      confirmRegenerate: false
+      // 「按PC布局生成」覆盖确认弹窗
+    };
+  },
+  computed: {
+    designQuery() {
+      return this.source || this.$query;
+    },
+    pcItemIndex() {
+      return indexDashboardItems(this.designQuery.componentList || []);
+    },
+    previewItem() {
+      return (item) => this.standalone ? item : resolveMobileItem(item, this.pcItemIndex);
+    },
+    appearanceTargets() {
+      return [...indexDashboardItems(this.selectComponent ? [this.selectComponent] : []).values()].filter((item) => item.contentType === "chart" || item.contentType === "report-chart");
+    },
+    appearanceTarget() {
+      return this.appearanceTargets.find((item) => item.id === this.appearanceTargetId) || this.appearanceTargets[0];
+    },
+    appearanceFields() {
+      return getMobileAppearanceFields(this.appearanceChartType);
+    },
+    appearanceChartType() {
+      const target = this.appearanceTarget;
+      return target ? this.chartTypes[target.id] || this.getCompConfigs(target).type || "" : "";
+    },
+    appearanceTypeLabel() {
+      var _a;
+      return ((_a = getChartType(this.appearanceChartType)) == null ? void 0 : _a.text) || "图表";
+    },
+    componentTypeLabel() {
+      var _a;
+      if (this.appearanceTarget === this.selectComponent) return this.appearanceTypeLabel;
+      const labels = { "dashboard-tabs": "标签页", "dashboard-div": "容器", "num-statistic": "数字卡", "card-num": "数字卡", text: "文本", "dashboard-title": "标题" };
+      return labels[(_a = this.selectComponent) == null ? void 0 : _a.contentType] || "组件";
+    },
+    appearanceGroups() {
+      const sections = [
+        { label: "标题", keys: ["showTitle", "titleFontSize"] },
+        { label: "图例", keys: ["legendPosition", "legendFontSize"] },
+        { label: "坐标轴", keys: ["axisFontSize", "axisLabelRotate"] },
+        { label: "绘图区", keys: ["gridTop", "gridBottom", "gridLeft", "gridRight"] },
+        { label: "数据标签", keys: ["showLabel", "labelFontSize"] },
+        { label: "饼图", keys: ["pieRadius"] }
+      ];
+      return sections.map((section) => ({ label: section.label, fields: this.appearanceFields.filter((field) => section.keys.includes(field.key)) })).filter((group) => group.fields.length);
+    },
+    showConfig: {
+      get() {
+        return !!this.selectComponent;
+      },
+      set(v) {
+        if (!v) this.selectComponent = null;
+      }
+    },
+    getCompConfigs() {
+      return (component) => {
+        const { configs = {}, id, title, contentType, ...otherConfigs } = this.previewItem(component);
+        const { itemConfigs = {} } = this.designQuery;
+        const itemConfig = itemConfigs[id] || {};
+        const _configs = { ...otherConfigs, ...configs, ...itemConfig };
+        if (title) {
+          _configs.componentName = title;
+        }
+        return _configs;
+      };
+    },
+    theme() {
+      return this.designQuery.theme;
+    },
+    // 使用独立作用域，手机框主题覆盖不影响仍挂载的 PC 画布。
+    themeScope() {
+      return `epx-dashboard-mobile-${this.pageId || this.designQuery.id || this.$.uid}`;
+    },
+    themeStyles() {
+      return this.designQuery.themeStyles || this.globalConfigs.themeStyles || {};
+    },
+    themeChartConfig() {
+      return buildThemeChartConfig(this.themeStyles, true);
+    },
+    dashboardStyle() {
+      const { backgroundColor, backgroundImage } = this.globalConfigs;
+      return {
+        backgroundColor,
+        backgroundImage: backgroundImage ? `url(${this.$util.getFileUrl(backgroundImage)})` : null
+      };
+    },
+    // 页面全局配置（外壳 switchMobile 传入）：网格与背景均沿用页面配置。
+    globalConfigs() {
+      return this.designQuery.globalConfigs || {};
+    },
+    // 与运行态 pageGridMixin 的移动端分支同一取法：行高沿用页面、间距换成堆叠参数 [8,8]、内边距跟随间距，几何才能一致
+    gridParams() {
+      return { ...getPageGrid(this.globalConfigs), gap: MOBILE_GRID.gap, padding: null };
+    },
+    // 行高按视口等比（旧 autoHeight）时才需要随窗口维护 bodyHeight（间距已固定，不会是 'auto'）
+    autoGrid() {
+      return this.gridParams.rowHeight === "auto";
+    },
+    // 整块保留的容器项的内部网格参数（与运行态 pageGridMixin.containerGrid 同一取法）；非容器返回 undefined
+    containerGrid() {
+      return (item) => isContainerType(item.contentType) ? getContainerGrid(item, this.gridParams, isLegacyConfig(this.globalConfigs)) : void 0;
+    },
+    activeComponent() {
+      return this.design.state.activeItem;
+    },
+    // 移动端列数（与运行态移动端网格一致）：列宽档位 整行 = colNum / 半宽 = colNum/2 / 三分之一 = colNum/3
+    colNum() {
+      return this.gridParams.colNum || 48;
+    },
+    // 画布只渲染「未隐藏」的项：隐藏项移出网格、不再半透明占位，改由下方「已隐藏」区归拢
+    visibleLayout() {
+      return this.layout.filter((i) => i && !i.mobileHidden);
+    },
+    // 已隐藏组件：归拢到画布下方，一键恢复
+    hiddenItems() {
+      return this.layout.filter((i) => i && i.mobileHidden);
+    },
+    // PC 布局里的顶层容器（dashboard-div / dashboard-tabs）：每个可单独设「移动端保留整块」。
+    // 取的是外壳 selectComponentList 的引用（goPage params 内存传递），开关直接写在容器项上，外壳 deep watch 自动保存
+    pcContainers() {
+      return (this.designQuery.componentList || []).filter((i) => i && isContainerType(i.contentType));
+    }
+  },
+  watch: {
+    activeComponent(item) {
+      var _a;
+      if (!this.standalone || !item || String(item.id) === String((_a = this.selectComponent) == null ? void 0 : _a.id)) return;
+      this.selectComponent = item;
+      this.appearanceTargetId = null;
+      this.$emit("select-item", item);
+    },
+    "source.componentList": {
+      handler(items) {
+        if (!this.standalone) return;
+        this.layout = items || [];
+        if (this.selectComponent && !indexDashboardItems(this.layout).has(String(this.selectComponent.id))) this.selectComponent = null;
+      },
+      immediate: true
+    },
+    themeStyles: {
+      immediate: true,
+      deep: true,
+      handler(v) {
+        const styleId = this.themeScope;
+        let styleElement = document.getElementById(styleId);
+        if (!styleElement) {
+          styleElement = document.createElement("style");
+          styleElement.id = styleId;
+          document.head.appendChild(styleElement);
+        }
+        styleElement.textContent = buildThemeCss(v, `.epx-dashboard.dashboard-design__mobile.${this.themeScope}`, (path) => this.$util.getFileUrl(path), {
+          containerSelector: "",
+          hoverAncestor: ".drag-component",
+          mobilePreview: true
+        });
+      }
+    },
+    layout: {
+      // Vue3 起浅层 watcher 不响应 push/splice；deep: 1 只看数组层
+      deep: 1,
+      handler(v) {
+        for (const item of v) {
+          if (!item) continue;
+          normalizeGridItem(item);
+        }
+      },
+      immediate: true
+    },
+    autoGrid: {
+      handler(v) {
+        if (v) {
+          this.calculateHeight();
+          window.addEventListener("resize", this.calculateHeight);
+        } else {
+          window.removeEventListener("resize", this.calculateHeight);
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    isContainerType,
+    onTransferOut(item) {
+      if (!this.standalone) return;
+      const index = this.layout.findIndex((node) => String(node.id) === String(item.id));
+      if (index !== -1) this.layout.splice(index, 1);
+    },
+    onTransferIn(item) {
+      if (this.standalone && !this.layout.some((node) => String(node.id) === String(item.id))) this.layout.push(item);
+    },
+    indexItems: indexDashboardItems,
+    // upPage 契约：设计器内组件 $refeshPage() 会调到这里；画布由网格引擎维护，无需刷新
+    $refesh() {
+    },
+    saveLayout() {
+      const { changeMItems } = this.$query;
+      changeMItems && changeMItems(this.layout);
+      this.backPage();
+    },
+    // 点击组件 → 选中并打开移动端设置（显示/隐藏 + 样式），改动直接落在该 mItems 项上
+    openConfig(item, tab) {
+      this.design.select(item, "mobile");
+      this.selectComponent = item;
+      this.appearanceTargetId = null;
+      if (this.standalone) this.$emit("select-item", item, tab);
+    },
+    openNestedConfig(id, info, configs, upId, tab) {
+      if (!this.standalone) return;
+      const item = indexDashboardItems(this.layout).get(String(id));
+      if (item) this.openConfig(item, tab);
+    },
+    selectPreviewChart(event) {
+      var _a, _b;
+      const chart = (_b = (_a = event.target).closest) == null ? void 0 : _b.call(_a, "[data-mobile-chart-id]");
+      if (!chart) return;
+      const id = chart.dataset.mobileChartId;
+      const owner = this.layout.find((item) => indexDashboardItems([item]).has(id));
+      if (!owner) return;
+      event.stopPropagation();
+      if (this.standalone) {
+        this.openConfig(indexDashboardItems([owner]).get(String(id)));
+        return;
+      }
+      this.openConfig(owner);
+      this.appearanceTargetId = indexDashboardItems([owner]).get(id).id;
+      if (this.standalone) this.$emit("select-item", this.appearanceTarget);
+    },
+    hasAppearance(key) {
+      var _a;
+      return Object.prototype.hasOwnProperty.call(((_a = this.appearanceTarget) == null ? void 0 : _a.mobileAppearance) || {}, key);
+    },
+    componentLabel(item) {
+      var _a;
+      const config = ((_a = this.designQuery.itemConfigs) == null ? void 0 : _a[item.id]) || {};
+      return this.chartLabels[item.id] || config.title || config.componentName || item.title || item.contentType || item.id;
+    },
+    setAppearance(key, value) {
+      const target = this.appearanceTarget;
+      if (!target) return;
+      const next = { ...target.mobileAppearance };
+      if (value === void 0 || value === null || value === "") delete next[key];
+      else next[key] = value;
+      target.mobileAppearance = normalizeMobileAppearance(next);
+    },
+    restoreAppearance() {
+      if (!this.appearanceTarget) return;
+      delete this.appearanceTarget.mobileAppearance;
+    },
+    styleLabel(key) {
+      const labels = { color: "文字颜色", fontSize: "字号", backgroundColor: "背景颜色", backgroundImage: "背景图片", borderRadius: "圆角", padding: "内边距", margin: "外边距", height: "高度", width: "宽度", boxShadow: "阴影" };
+      return labels[key] || key;
+    },
+    restoreStyle(key) {
+      const style = { ...this.selectComponent.style };
+      delete style[key];
+      this.onStyleChange(this.selectComponent, style);
+    },
+    setHidden(item, hidden) {
+      item.mobileHidden = hidden;
+    },
+    // 容器「移动端保留整块」开关：写 PC 容器项的 mobileExpand（=== false 保留整块，其它 / 无键 = 默认拆开）。
+    // 只影响「按 PC 布局生成」的结果，当前 mItems 不动；关掉时删键、不留 true 冗余
+    setContainerKeep(container, keep) {
+      if (keep) container.mobileExpand = false;
+      else delete container.mobileExpand;
+    },
+    // 当前列宽档位：整行 full / 半宽 half / 三分之一 third（按与 colNum 的比例判定，供列宽单选回显）
+    spanLevel(item) {
+      if (!item) return "full";
+      const w = Number(item.w) || 0;
+      if (w >= this.colNum) return "full";
+      if (w <= Math.floor(this.colNum / 3)) return "third";
+      return "half";
+    },
+    // 列宽快捷：整行 / 半宽 / 三分之一，直接改 item.w（layoutKey 变化驱动画布同步、碰撞层重排邻居）
+    setSpan(item, level) {
+      if (!item) return;
+      const map = { full: this.colNum, half: Math.floor(this.colNum / 2), third: Math.floor(this.colNum / 3) };
+      item.w = map[level] || this.colNum;
+    },
+    // 高度快捷：直接改 item.h（网格行数），至少 2 行
+    setMHeight(item, h) {
+      if (!item) return;
+      item.h = Math.max(2, Number(h) || 2);
+    },
+    // 排序快捷键：把选中项在阅读序里 置顶 / 上移 / 下移 / 置底，按各项当前列宽重新堆叠；
+    // 只把重算出的 x/y 写回原项（保持引用，选中态与画布同步不丢）
+    reorder(dir) {
+      if (!this.selectComponent) return;
+      const siblings = this.standalone ? this.findSiblings(this.layout, this.selectComponent.id) || this.layout : this.layout;
+      const packed = reorderStack(siblings.filter((item) => !item.mobileHidden), this.selectComponent.id, dir, this.colNum);
+      const byId = new Map(packed.map((p) => [String(p.id), p]));
+      for (const it of siblings) {
+        const p = byId.get(String(it.id));
+        if (p) {
+          it.x = p.x;
+          it.y = p.y;
+        }
+      }
+    },
+    findSiblings(items, id) {
+      if (items.some((item) => item.id === id)) return items;
+      for (const item of items) {
+        const found = item.items && this.findSiblings(item.items, id);
+        if (found) return found;
+      }
+      return null;
+    },
+    // PC 组件样式（合并预览的基础），来自 PC 组件列表
+    pcStyle(id) {
+      const pcItem = this.pcItemIndex.get(String(id)) || {};
+      return pcItem.style || {};
+    },
+    // 预览用样式：PC 样式为基础 + 移动端覆盖（空值不覆盖）
+    compStyle(item) {
+      const cur = item.style || {};
+      const override = {};
+      for (const k in cur) {
+        if (cur[k] !== void 0 && cur[k] !== null && cur[k] !== "") override[k] = cur[k];
+      }
+      return { ...this.pcStyle(item.id), ...override };
+    },
+    // 样式配置产出真实 CSS：只把"有值的键"作为移动端覆盖存到该 mItems 项（空值不存，运行时沿用 PC）
+    onStyleChange(item, style) {
+      const override = {};
+      for (const k in style || {}) {
+        if (style[k] !== void 0 && style[k] !== null && style[k] !== "") override[k] = style[k];
+      }
+      item.style = override;
+      this.reloadComponent[item.id] = true;
+      this.$nextTick(() => {
+        this.reloadComponent[item.id] = false;
+      });
+    },
+    // 按 PC 布局一键生成移动端堆叠布局；已有布局时先打开页内覆盖确认
+    generateFromPc() {
+      if (this.layout && this.layout.length) {
+        this.confirmRegenerate = true;
+      } else {
+        this.regenerate();
+      }
+    },
+    // 确认覆盖：关弹窗后执行生成；生成本身抛错给提示
+    regenerateFromConfirm() {
+      this.confirmRegenerate = false;
+      try {
+        this.regenerate();
+      } catch (e) {
+        this.$message.error(e && (e.msg || e.message) || "生成移动端布局失败");
+      }
+    },
+    // 重新生成：先清空让画布把旧壳全部移除、下一拍再整体放入。直接替换数组时画布会对同 id 的旧节点逐项 update，
+    // gridstack 碰撞层在中间态推挤，会把算好的紧凑堆叠搅乱（真机实测：两张统计卡被甩到最底下）
+    regenerate() {
+      const next = regenerateMobileDesign(this.$_.cloneDeep(this.designQuery.componentList || []), this.$_.cloneDeep(this.layout), this.colNum);
+      this.selectComponent = null;
+      this.layout = [];
+      this.$nextTick(() => {
+        this.layout = next;
+      });
+    },
+    calculateHeight() {
+      this.bodyHeight = document.body.offsetHeight;
+    },
+    measureCanvas() {
+      if (this.$refs.canvas) this.canvasHeight = this.$refs.canvas.clientHeight;
+    }
+  },
+  mounted() {
+    const { mobileComponentList, componentList } = this.designQuery;
+    if (this.standalone) {
+      this.layout = componentList || [];
+    } else if (mobileComponentList) {
+      this.layout = this.$_.cloneDeep(mobileComponentList.filter((item) => this.pcItemIndex.has(String(item.id))));
+    } else {
+      this.layout = stackMobileLayout(this.$_.cloneDeep(componentList || []));
+    }
+    this.measureCanvas();
+    if (typeof ResizeObserver !== "undefined") {
+      this.canvasObserver = new ResizeObserver(() => this.measureCanvas());
+      this.canvasObserver.observe(this.$refs.canvas);
+    }
+  },
+  beforeUnmount() {
+    var _a;
+    (_a = document.getElementById(this.themeScope)) == null ? void 0 : _a.remove();
+    window.removeEventListener("resize", this.calculateHeight);
+    if (this.canvasObserver) this.canvasObserver.disconnect();
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "page-header"
+};
+const _hoisted_2 = { class: "page-header__operate" };
+const _hoisted_3 = { class: "mobile-body" };
+const _hoisted_4 = {
+  key: 0,
+  class: "drag-component__edit el-icon-setting",
+  title: "编辑移动端显示/样式"
+};
+const _hoisted_5 = { key: 1 };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = {
+  key: 1,
+  class: "mobile-empty"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "mobile-empty__actions"
+};
+const _hoisted_11 = { class: "mobile-empty__text" };
+const _hoisted_12 = {
+  key: 0,
+  class: "mobile-hidden-tray"
+};
+const _hoisted_13 = { class: "mobile-hidden-tray__title" };
+const _hoisted_14 = { class: "mobile-hidden-tray__list" };
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "mobile-hidden-tray__name" };
+const _hoisted_17 = {
+  key: 1,
+  class: "mobile-container-tray"
+};
+const _hoisted_18 = { class: "mobile-container-tray__title" };
+const _hoisted_19 = { class: "mobile-container-tray__name" };
+const _hoisted_20 = { class: "mobile-container-tray__mode" };
+const _hoisted_21 = {
+  key: 1,
+  class: "mobile-properties"
+};
+const _hoisted_22 = { class: "mobile-config" };
+const _hoisted_23 = {
+  key: 0,
+  class: "mobile-config__actions"
+};
+const _hoisted_24 = {
+  key: 1,
+  class: "mobile-config__children"
+};
+const _hoisted_25 = {
+  key: 2,
+  class: "mobile-config__children"
+};
+const _hoisted_26 = {
+  key: 1,
+  class: "mobile-config mobile-config__hint"
+};
+const _hoisted_27 = {
+  key: 0,
+  class: "mobile-config"
+};
+const _hoisted_28 = { class: "mobile-config__title" };
+const _hoisted_29 = { class: "mobile-config__type" };
+const _hoisted_30 = { class: "mobile-config__row" };
+const _hoisted_31 = { class: "mobile-config__row" };
+const _hoisted_32 = { class: "mobile-config__row" };
+const _hoisted_33 = { class: "mobile-config__row" };
+const _hoisted_34 = {
+  key: 1,
+  class: "mobile-config__chart-type"
+};
+const _hoisted_35 = {
+  key: 2,
+  class: "mobile-config__hint"
+};
+const _hoisted_36 = { class: "mobile-config__section-title" };
+const _hoisted_37 = ["data-appearance"];
+const _hoisted_38 = { class: "mobile-appearance__heading" };
+const _hoisted_39 = ["open"];
+const _hoisted_40 = { class: "mobile-appearance__status" };
+const _hoisted_41 = { class: "mobile-confirm" };
+const _hoisted_42 = { class: "mobile-confirm__actions" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_epx_component = resolveComponent("epx-component");
+  const _component_epx_dashboard_design_item = resolveComponent("epx-dashboard-design-item");
+  const _component_epx_dashboard_design_grid = resolveComponent("epx-dashboard-design-grid");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_switch = resolveComponent("el-switch");
+  const _component_el_radio_button = resolveComponent("el-radio-button");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_el_input_number = resolveComponent("el-input-number");
+  const _component_el_button_group = resolveComponent("el-button-group");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_epx_component_style_config = resolveComponent("epx-component-style-config");
+  const _component_el_drawer = resolveComponent("el-drawer");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["config-container", { "config-container--editing": $options.showConfig && !$props.standalone, "config-container--standalone": $props.standalone }])
+  }, [
+    !$props.standalone ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      createElementVNode("i", {
+        class: "page-header__back el-icon-arrow-left",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.backPage && _ctx.backPage(...args))
+      }),
+      _cache[21] || (_cache[21] = createElementVNode("p", { class: "page-title" }, [
+        createElementVNode("span", { class: "page-header__title" }, "移动端设计")
+      ], -1)),
+      createElementVNode("div", _hoisted_2, [
+        createElementVNode("p", {
+          class: "header-operate__item",
+          onClick: _cache[1] || (_cache[1] = (...args) => $options.generateFromPc && $options.generateFromPc(...args))
+        }, [..._cache[19] || (_cache[19] = [
+          createElementVNode("i", { class: "el-icon-magic-stick" }, null, -1),
+          createTextVNode("按PC布局生成", -1)
+        ])]),
+        createElementVNode("p", {
+          class: "header-operate__item",
+          onClick: _cache[2] || (_cache[2] = (...args) => $options.saveLayout && $options.saveLayout(...args))
+        }, [..._cache[20] || (_cache[20] = [
+          createElementVNode("i", { class: "epx-icon-save" }, null, -1),
+          createTextVNode("保存移动端设计", -1)
+        ])])
+      ])
+    ])) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_3, [
+      createElementVNode("div", {
+        ref: "canvas",
+        class: normalizeClass(["epx-dashboard", $options.themeScope, "is-mobile-preview", "dashboard-design__mobile", "dashboard-design--" + $options.theme]),
+        style: normalizeStyle({ ...$options.dashboardStyle, ...$props.standalone ? { width: $props.canvasWidth + "px" } : {} }),
+        onClickCapture: _cache[5] || (_cache[5] = (...args) => $options.selectPreviewChart && $options.selectPreviewChart(...args))
+      }, [
+        $options.visibleLayout.length > 0 || $props.standalone ? (openBlock(), createBlock(_component_epx_dashboard_design_grid, {
+          key: 0,
+          items: $options.visibleLayout,
+          grid: $options.gridParams,
+          "body-height": $data.bodyHeight,
+          "min-height": $data.canvasHeight,
+          "show-grid-lines": !!$options.globalConfigs.showGridLines,
+          onTransferOut: $options.onTransferOut,
+          onTransferIn: $options.onTransferIn
+        }, {
+          item: withCtx(({ item }) => [
+            createVNode(_component_epx_dashboard_design_item, {
+              item,
+              "data-mobile-item-id": item.id,
+              active: $data.design.isActive(item),
+              floatable: $props.standalone && $options.gridParams.mode !== "float",
+              onSelect: $options.openConfig
+            }, createSlots({
+              default: withCtx(() => [
+                item.contentType && !$data.reloadComponent[item.id] ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(["drag-component", { "drag-component--container": $props.standalone && $options.isContainerType(item.contentType) }])
+                }, [
+                  createVNode(_component_epx_component, {
+                    class: "epx-dashboard__component",
+                    "is-dashboard": "",
+                    "design-mode": $props.standalone,
+                    mode: $props.standalone ? "design" : void 0,
+                    "comp-item": item,
+                    "all-component-list": $props.allComponentList,
+                    name: item.contentType,
+                    "comp-id": item.id,
+                    "comp-title": item.title,
+                    items: $options.previewItem(item).items,
+                    "item-configs": $options.designQuery.itemConfigs,
+                    "comp-configs": $options.getCompConfigs(item, item.id),
+                    "comp-grid": $options.containerGrid(item),
+                    "comp-style": $options.compStyle(item),
+                    theme: $options.theme,
+                    "theme-chart-config": $options.themeChartConfig,
+                    "mobile-appearance": item.mobileAppearance,
+                    onOpenConfig: $options.openNestedConfig,
+                    onChangeItems: (v) => item.items = v
+                  }, null, 8, ["design-mode", "mode", "comp-item", "all-component-list", "name", "comp-id", "comp-title", "items", "item-configs", "comp-configs", "comp-grid", "comp-style", "theme", "theme-chart-config", "mobile-appearance", "onOpenConfig", "onChangeItems"]),
+                  !$props.standalone ? (openBlock(), createElementBlock("i", _hoisted_4)) : createCommentVNode("", true)
+                ], 2)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.i), 1))
+              ]),
+              _: 2
+            }, [
+              $props.standalone ? {
+                name: "operates",
+                fn: withCtx(() => [
+                  ["chart", "report-chart", "report-html"].includes(item.contentType) ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    class: "mobile-item-action",
+                    type: "button",
+                    title: "编辑报表",
+                    "aria-label": "编辑报表",
+                    onClick: withModifiers(($event) => {
+                      $options.openConfig(item);
+                      _ctx.$emit("edit-data", item);
+                    }, ["stop"])
+                  }, [..._cache[22] || (_cache[22] = [
+                    createElementVNode("i", { class: "el-icon-edit-outline" }, null, -1)
+                  ])], 8, _hoisted_6)) : createCommentVNode("", true),
+                  createElementVNode("button", {
+                    class: "mobile-item-action",
+                    type: "button",
+                    title: "组件设置",
+                    "aria-label": "组件设置",
+                    onClick: withModifiers(($event) => $options.openConfig(item), ["stop"])
+                  }, [..._cache[23] || (_cache[23] = [
+                    createElementVNode("i", { class: "el-icon-setting" }, null, -1)
+                  ])], 8, _hoisted_7),
+                  createElementVNode("button", {
+                    class: "mobile-item-action",
+                    type: "button",
+                    title: "删除组件",
+                    "aria-label": "删除组件",
+                    onClick: withModifiers(($event) => _ctx.$emit("delete-item", item), ["stop"])
+                  }, [..._cache[24] || (_cache[24] = [
+                    createElementVNode("i", { class: "el-icon-delete" }, null, -1)
+                  ])], 8, _hoisted_8)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["item", "data-mobile-item-id", "active", "floatable", "onSelect"])
+          ]),
+          _: 1
+        }, 8, ["items", "grid", "body-height", "min-height", "show-grid-lines", "onTransferOut", "onTransferIn"])) : createCommentVNode("", true),
+        !$options.visibleLayout.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
+          !$data.layout.length && $props.standalone ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            createElementVNode("button", {
+              class: "mobile-empty__action mobile-empty__add-report",
+              type: "button",
+              onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("add-report"))
+            }, [..._cache[25] || (_cache[25] = [
+              createElementVNode("i", {
+                class: "epx-icon-color-tianjiabaobiao",
+                "aria-hidden": "true"
+              }, null, -1),
+              createElementVNode("span", null, "添加报表", -1)
+            ])]),
+            createElementVNode("button", {
+              class: "mobile-empty__action mobile-empty__add-component",
+              type: "button",
+              onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("add-component"))
+            }, [..._cache[26] || (_cache[26] = [
+              createElementVNode("i", {
+                class: "epx-icon-color-tianjiazujian",
+                "aria-hidden": "true"
+              }, null, -1),
+              createElementVNode("span", null, "添加组件", -1)
+            ])])
+          ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createElementVNode("p", _hoisted_11, toDisplayString($data.layout.length ? "组件已全部隐藏" : "移动端布局为空"), 1),
+            !$data.layout.length && !$props.standalone ? (openBlock(), createBlock(_component_el_button, {
+              key: 0,
+              type: "primary",
+              size: "small",
+              icon: "el-icon-magic-stick",
+              onClick: $options.generateFromPc
+            }, {
+              default: withCtx(() => [..._cache[27] || (_cache[27] = [
+                createTextVNode("按 PC 布局生成", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true)
+          ], 64))
+        ])) : createCommentVNode("", true)
+      ], 38),
+      $options.hiddenItems.length ? (openBlock(), createElementBlock("div", _hoisted_12, [
+        createElementVNode("div", _hoisted_13, [
+          _cache[28] || (_cache[28] = createElementVNode("i", { class: "el-icon-folder-opened" }, null, -1)),
+          createTextVNode("已隐藏组件（" + toDisplayString($options.hiddenItems.length) + "）", 1)
+        ]),
+        createElementVNode("div", _hoisted_14, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.hiddenItems, (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.id,
+              class: "mobile-hidden-tray__item",
+              onClick: ($event) => $options.setHidden(item, false)
+            }, [
+              createElementVNode("span", _hoisted_16, toDisplayString(item.title || item.contentType || item.i), 1),
+              _cache[29] || (_cache[29] = createElementVNode("i", {
+                class: "mobile-hidden-tray__restore el-icon-refresh-left",
+                title: "恢复显示"
+              }, null, -1))
+            ], 8, _hoisted_15);
+          }), 128))
+        ])
+      ])) : createCommentVNode("", true),
+      !$props.standalone && $options.pcContainers.length ? (openBlock(), createElementBlock("div", _hoisted_17, [
+        createElementVNode("div", _hoisted_18, [
+          _cache[30] || (_cache[30] = createElementVNode("i", { class: "el-icon-s-grid" }, null, -1)),
+          createTextVNode("容器策略（" + toDisplayString($options.pcContainers.length) + "）", 1),
+          _cache[31] || (_cache[31] = createElementVNode("span", { class: "mobile-container-tray__tip" }, "改后点「按PC布局生成」生效", -1))
+        ]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.pcContainers, (c) => {
+          return openBlock(), createElementBlock("div", {
+            key: c.id,
+            class: "mobile-container-tray__row"
+          }, [
+            createElementVNode("span", _hoisted_19, toDisplayString(c.title || c.contentType), 1),
+            createElementVNode("span", _hoisted_20, toDisplayString(c.mobileExpand === false ? "保留整块" : "拆开堆叠"), 1),
+            createVNode(_component_el_switch, {
+              "model-value": c.mobileExpand === false,
+              size: "small",
+              onChange: (v) => $options.setContainerKeep(c, v)
+            }, null, 8, ["model-value", "onChange"])
+          ]);
+        }), 128))
+      ])) : createCommentVNode("", true)
+    ]),
+    $props.standalone ? (openBlock(), createElementBlock("aside", _hoisted_21, [
+      _cache[34] || (_cache[34] = createElementVNode("div", { class: "mobile-config-header mobile-properties__header" }, [
+        createElementVNode("strong", null, "组件配置")
+      ], -1)),
+      $data.selectComponent ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        renderSlot(_ctx.$slots, "component-config", {}, void 0, true),
+        createElementVNode("div", _hoisted_22, [
+          $data.selectComponent.contentType === "dashboard-div" ? (openBlock(), createElementBlock("div", _hoisted_23, [
+            createVNode(_component_el_button, {
+              size: "small",
+              onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("add-into", $data.selectComponent))
+            }, {
+              default: withCtx(() => [..._cache[32] || (_cache[32] = [
+                createTextVNode("向容器添加组件", -1)
+              ])]),
+              _: 1
+            })
+          ])) : createCommentVNode("", true),
+          $data.selectComponent.contentType === "dashboard-tabs" ? (openBlock(), createElementBlock("div", _hoisted_24, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($data.selectComponent.items || [], (tab) => {
+              return openBlock(), createElementBlock("div", {
+                key: tab.id,
+                class: "mobile-config__actions"
+              }, [
+                createElementVNode("span", null, toDisplayString(tab.name), 1),
+                createVNode(_component_el_button, {
+                  size: "small",
+                  onClick: ($event) => _ctx.$emit("add-into", tab)
+                }, {
+                  default: withCtx(() => [..._cache[33] || (_cache[33] = [
+                    createTextVNode("添加组件", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true),
+          ((_a = $data.selectComponent.items) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_25, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList([...$options.indexItems([$data.selectComponent]).values()].filter((child) => child.contentType && child.id !== $data.selectComponent.id), (child) => {
+              return openBlock(), createBlock(_component_el_button, {
+                key: child.id,
+                size: "small",
+                onClick: ($event) => $options.openConfig(child)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString($options.componentLabel(child)), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ])
+      ], 64)) : (openBlock(), createElementBlock("div", _hoisted_26, "选择组件，配置属性、样式和布局。"))
+    ])) : (openBlock(), createBlock(_component_el_drawer, {
+      key: 2,
+      title: "移动端外观",
+      class: "mobile-appearance-drawer",
+      "append-to-body": "",
+      direction: "rtl",
+      size: "min(400px, 44vw)",
+      modal: false,
+      "modal-penetrable": "",
+      "lock-scroll": false,
+      "close-on-click-modal": false,
+      modelValue: $options.showConfig,
+      "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $options.showConfig = $event)
+    }, {
+      header: withCtx(() => [..._cache[35] || (_cache[35] = [
+        createElementVNode("div", { class: "mobile-config-header" }, [
+          createElementVNode("strong", null, "移动端外观"),
+          createElementVNode("p", null, "在左侧滚动、点击组件即可切换设置")
+        ], -1)
+      ])]),
+      default: withCtx(() => [
+        $data.selectComponent ? (openBlock(), createElementBlock("div", _hoisted_27, [
+          createElementVNode("div", _hoisted_28, [
+            createTextVNode(toDisplayString($options.componentLabel($data.selectComponent)) + " ", 1),
+            createElementVNode("span", _hoisted_29, toDisplayString($options.componentTypeLabel), 1)
+          ]),
+          _cache[48] || (_cache[48] = createElementVNode("p", { class: "mobile-config__hint" }, "仅影响手机端；未设置的属性继承 PC，数据与权限共用。", -1)),
+          _cache[49] || (_cache[49] = createElementVNode("div", { class: "mobile-config__group-title" }, "布局与显示", -1)),
+          createElementVNode("div", _hoisted_30, [
+            _cache[36] || (_cache[36] = createElementVNode("span", null, "移动端显示", -1)),
+            createVNode(_component_el_switch, {
+              "model-value": !$data.selectComponent.mobileHidden,
+              onChange: _cache[7] || (_cache[7] = (v) => $options.setHidden($data.selectComponent, !v))
+            }, null, 8, ["model-value"])
+          ]),
+          !$data.selectComponent.mobileHidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("div", _hoisted_31, [
+              _cache[40] || (_cache[40] = createElementVNode("span", null, "列宽", -1)),
+              createVNode(_component_el_radio_group, {
+                "model-value": $options.spanLevel($data.selectComponent),
+                size: "small",
+                onChange: _cache[8] || (_cache[8] = (v) => $options.setSpan($data.selectComponent, v))
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_radio_button, { label: "full" }, {
+                    default: withCtx(() => [..._cache[37] || (_cache[37] = [
+                      createTextVNode("整行", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_radio_button, { label: "half" }, {
+                    default: withCtx(() => [..._cache[38] || (_cache[38] = [
+                      createTextVNode("半宽", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_radio_button, { label: "third" }, {
+                    default: withCtx(() => [..._cache[39] || (_cache[39] = [
+                      createTextVNode("三分之一", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model-value"])
+            ]),
+            createElementVNode("div", _hoisted_32, [
+              _cache[41] || (_cache[41] = createElementVNode("span", null, "高度（行）", -1)),
+              createVNode(_component_el_input_number, {
+                "model-value": $data.selectComponent.h,
+                min: 2,
+                max: 200,
+                size: "small",
+                "controls-position": "right",
+                onChange: _cache[9] || (_cache[9] = (v) => $options.setMHeight($data.selectComponent, v))
+              }, null, 8, ["model-value"])
+            ]),
+            createElementVNode("div", _hoisted_33, [
+              _cache[42] || (_cache[42] = createElementVNode("span", null, "位置", -1)),
+              createVNode(_component_el_button_group, null, {
+                default: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    icon: "el-icon-upload2",
+                    title: "置顶",
+                    onClick: _cache[10] || (_cache[10] = ($event) => $options.reorder("top"))
+                  }),
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    icon: "el-icon-top",
+                    title: "上移",
+                    onClick: _cache[11] || (_cache[11] = ($event) => $options.reorder("up"))
+                  }),
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    icon: "el-icon-bottom",
+                    title: "下移",
+                    onClick: _cache[12] || (_cache[12] = ($event) => $options.reorder("down"))
+                  }),
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    icon: "el-icon-download",
+                    title: "置底",
+                    onClick: _cache[13] || (_cache[13] = ($event) => $options.reorder("bottom"))
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            $options.appearanceTargets.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _cache[44] || (_cache[44] = createElementVNode("div", { class: "mobile-config__group-title" }, "移动端图表外观", -1)),
+              $options.appearanceTargets.length > 1 || $options.appearanceTarget !== $data.selectComponent ? (openBlock(), createBlock(_component_el_select, {
+                key: 0,
+                "model-value": $options.appearanceTarget.id,
+                size: "small",
+                onChange: _cache[14] || (_cache[14] = (v) => $data.appearanceTargetId = v)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.appearanceTargets, (target) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: target.id,
+                      label: $options.componentLabel(target),
+                      value: target.id
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["model-value"])) : createCommentVNode("", true),
+              $options.appearanceTarget !== $data.selectComponent ? (openBlock(), createElementBlock("p", _hoisted_34, toDisplayString($options.appearanceTypeLabel), 1)) : createCommentVNode("", true),
+              !$options.appearanceFields.length ? (openBlock(), createElementBlock("p", _hoisted_35, toDisplayString($options.appearanceChartType ? "当前类型可通过下方卡片样式调整外观。" : "正在读取图表类型…"), 1)) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($options.appearanceGroups, (group) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: group.label
+                }, [
+                  createElementVNode("div", _hoisted_36, toDisplayString(group.label), 1),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(group.fields, (field) => {
+                    var _a2, _b;
+                    return openBlock(), createElementBlock("div", {
+                      key: field.key,
+                      class: "mobile-appearance",
+                      "data-appearance": field.key
+                    }, [
+                      createElementVNode("div", _hoisted_38, [
+                        createElementVNode("span", null, toDisplayString(field.label), 1),
+                        createElementVNode("span", {
+                          class: normalizeClass(["mobile-appearance__status", { "is-independent": $options.hasAppearance(field.key) }])
+                        }, toDisplayString($options.hasAppearance(field.key) ? "移动端独立" : $props.standalone ? "默认样式" : "继承 PC"), 3),
+                        $options.hasAppearance(field.key) ? (openBlock(), createBlock(_component_el_button, {
+                          key: 0,
+                          size: "small",
+                          link: "",
+                          onClick: ($event) => $options.setAppearance(field.key, void 0)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString($props.standalone ? "恢复默认" : "恢复继承"), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])) : createCommentVNode("", true)
+                      ]),
+                      field.options ? (openBlock(), createBlock(_component_el_select, {
+                        key: 0,
+                        "model-value": (_a2 = $options.appearanceTarget.mobileAppearance) == null ? void 0 : _a2[field.key],
+                        size: "small",
+                        clearable: "",
+                        placeholder: $props.standalone ? "默认样式" : "继承 PC",
+                        onChange: (v) => $options.setAppearance(field.key, v)
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(field.options, (option) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: String(option.value),
+                              label: option.label,
+                              value: option.value
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["model-value", "placeholder", "onChange"])) : (openBlock(), createBlock(_component_el_input_number, {
+                        key: 1,
+                        "model-value": (_b = $options.appearanceTarget.mobileAppearance) == null ? void 0 : _b[field.key],
+                        min: field.min,
+                        max: field.max,
+                        size: "small",
+                        "controls-position": "right",
+                        placeholder: $props.standalone ? "默认样式" : "继承 PC",
+                        onChange: (v) => $options.setAppearance(field.key, v)
+                      }, null, 8, ["model-value", "min", "max", "placeholder", "onChange"]))
+                    ], 8, _hoisted_37);
+                  }), 128))
+                ], 64);
+              }), 128)),
+              $options.appearanceFields.length ? (openBlock(), createBlock(_component_el_button, {
+                key: 3,
+                size: "small",
+                onClick: $options.restoreAppearance
+              }, {
+                default: withCtx(() => [..._cache[43] || (_cache[43] = [
+                  createTextVNode("图表全部恢复继承", -1)
+                ])]),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true)
+            ], 64)) : createCommentVNode("", true),
+            (openBlock(), createElementBlock("details", {
+              key: $data.selectComponent.id,
+              class: "mobile-card-style",
+              open: !$options.appearanceFields.length
+            }, [
+              createElementVNode("summary", null, [
+                _cache[45] || (_cache[45] = createTextVNode("卡片样式 ", -1)),
+                createElementVNode("span", _hoisted_40, toDisplayString($props.standalone ? "未设置的属性使用默认样式" : "未设置的属性继承 PC"), 1)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.selectComponent.style || {}, (value, key) => {
+                return openBlock(), createElementBlock("div", {
+                  key,
+                  class: "mobile-appearance__heading"
+                }, [
+                  createElementVNode("span", null, toDisplayString($options.styleLabel(key)) + "：" + toDisplayString(value), 1),
+                  _cache[47] || (_cache[47] = createElementVNode("span", { class: "mobile-appearance__status is-independent" }, "移动端独立", -1)),
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    link: "",
+                    onClick: ($event) => $options.restoreStyle(key)
+                  }, {
+                    default: withCtx(() => [..._cache[46] || (_cache[46] = [
+                      createTextVNode("恢复继承", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]);
+              }), 128)),
+              (openBlock(), createBlock(_component_epx_component_style_config, {
+                key: "mstyle-" + $data.selectComponent.id,
+                value: $data.selectComponent.style || {},
+                onChange: _cache[15] || (_cache[15] = (v) => $options.onStyleChange($data.selectComponent, v))
+              }, null, 8, ["value"]))
+            ], 8, _hoisted_39))
+          ], 64)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["modelValue"])),
+    createVNode(_component_el_dialog, {
+      modelValue: $data.confirmRegenerate,
+      "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => $data.confirmRegenerate = $event),
+      width: "340px",
+      "append-to-body": "",
+      "show-close": false,
+      "close-on-click-modal": false,
+      class: "dialog--noheader"
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_41, [
+          _cache[52] || (_cache[52] = createElementVNode("i", { class: "el-icon-warning-outline mobile-confirm__icon" }, null, -1)),
+          _cache[53] || (_cache[53] = createElementVNode("p", { class: "mobile-confirm__text" }, "将按 PC 布局重新生成手机端位置和尺寸，覆盖当前移动端布局。保留移动端图表外观、卡片样式和隐藏设置，是否继续？", -1)),
+          createElementVNode("div", _hoisted_42, [
+            createVNode(_component_el_button, {
+              size: "small",
+              onClick: _cache[17] || (_cache[17] = ($event) => $data.confirmRegenerate = false)
+            }, {
+              default: withCtx(() => [..._cache[50] || (_cache[50] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_button, {
+              size: "small",
+              type: "primary",
+              onClick: $options.regenerateFromConfirm
+            }, {
+              default: withCtx(() => [..._cache[51] || (_cache[51] = [
+                createTextVNode("生成", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 2);
+}
+const DashboardMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ab9c83f8"]]);
+export {
+  DashboardMobile as default
+};