mixdashboards 1.0.71 → 1.0.73

package/dist/photo-BV6rkbWO.js

@@ -0,0 +1,811 @@
+var ne = Object.defineProperty, se = Object.defineProperties;
+var le = Object.getOwnPropertyDescriptors;
+var G = Object.getOwnPropertySymbols;
+var de = Object.prototype.hasOwnProperty, ce = Object.prototype.propertyIsEnumerable;
+var Z = (e, t, o) => t in e ? ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, b = (e, t) => {
+  for (var o in t || (t = {}))
+    de.call(t, o) && Z(e, o, t[o]);
+  if (G)
+    for (var o of G(t))
+      ce.call(t, o) && Z(e, o, t[o]);
+  return e;
+}, E = (e, t) => se(e, le(t));
+var s = (e, t, o) => new Promise((n, a) => {
+  var d = (m) => {
+    try {
+      i(o.next(m));
+    } catch (v) {
+      a(v);
+    }
+  }, u = (m) => {
+    try {
+      i(o.throw(m));
+    } catch (v) {
+      a(v);
+    }
+  }, i = (m) => m.done ? n(m.value) : Promise.resolve(m.value).then(d, u);
+  i((o = o.apply(e, t)).next());
+});
+import { ElButton as ue } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/button/style/css";
+import { inject as he, ref as R, defineComponent as _e, computed as O, onMounted as pe, onBeforeUnmount as me, openBlock as L, createElementBlock as M, normalizeStyle as x, unref as A, createElementVNode as g, normalizeClass as fe, toDisplayString as T, createVNode as ye, withCtx as ve, createTextVNode as ge, createCommentVNode as $, renderSlot as we } from "vue";
+import { u as be } from "./vue-i18n-5Nahpzrm.js";
+import { B as Re } from "./BaseComponent-CBagahPU.js";
+import { a as y, u as Le, r as Me, _ as Se } from "./index-DwPJu6XM.js";
+import { e as Ne, b as j } from "./materialFileUrl-CubtnHeq.js";
+import { ElMessage as H } from "element-plus";
+import { A as Ce, D as Ee } from "./ele-bmp-icon-Pdolk1J5.js";
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+const Ae = /* @__PURE__ */ Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+process.env.NODE_ENV;
+function Be(e) {
+  return he(Ae);
+}
+const I = (e) => {
+  const t = typeof e == "string" ? Number(e) : e;
+  return t === 0 || t === 200;
+}, Ue = (e, t) => {
+  if (e && String(e).trim()) {
+    const o = String(e).trim();
+    if (o.startsWith("http://") || o.startsWith("https://"))
+      try {
+        return new URL(o).pathname || "";
+      } catch (n) {
+        return o;
+      }
+    return o.startsWith("/") ? o : `/${o}`;
+  }
+  return t ? `/yunfiles/material/file/${t}` : "";
+}, De = {
+  /**
+   * 上传文件到存储服务（旧流程，非素材接口使用）
+   * @param file 文件对象
+   * @returns 返回文件访问URL
+   */
+  uploadFile(e) {
+    return s(this, null, function* () {
+      var n;
+      const t = new FormData();
+      t.append("file", e);
+      const o = yield y.upload(t, !0);
+      if (I(o.code) && ((n = o.result) != null && n.url))
+        return o.result.url;
+      throw new Error(o.msg || "文件上传失败");
+    });
+  },
+  /**
+   * 上传原图（Base64）到存储，获取 material_path；同时可带缩略图 Base64
+   * @param materialDataBase64 原图 Base64（可为 data:image/png;base64,xxx 或纯 base64）
+   * @param materialType 素材类型，如 png、jpeg
+   * @returns 返回 material_path、uid 等，用于后续 create_dashboard_material
+   */
+  uploadMaterialGetPath(e, t) {
+    return s(this, null, function* () {
+      var d, u;
+      const n = {
+        material_data: e.includes(",") ? e.split(",")[1] : e,
+        material_type: t || "png"
+      }, a = yield y.post("upload_material", n, !0);
+      if (I(a.code) && a.result) {
+        const i = a.result, m = Ue(i.material_path || i.relative_path || "", i.file_id);
+        if (m)
+          return E(b({}, i), {
+            material_path: m,
+            material_size: (u = (d = i.material_size) != null ? d : i.file_size) != null ? u : 0,
+            material_type: i.material_type || i.mime_type || t || "png",
+            name: i.name || i.file_name || ""
+          });
+      }
+      throw new Error(a.info || a.msg || "上传原图获取路径失败");
+    });
+  },
+  /**
+   * 创建素材（将 upload_material 返回的 material_path 与 thumbnail base64 一并提交）
+   * @param params 创建参数，其中 material_path 来自 upload_material，thumbnail 为 Base64 字符串
+   * @returns 返回创建的素材 { uid }，供 add_data_to_menu 等使用
+   */
+  createMaterial(e) {
+    return s(this, null, function* () {
+      var o;
+      const t = yield y.post("create_dashboard_material", e, !0);
+      if (I(t.code) && ((o = t.result) != null && o.uid))
+        return t.result;
+      throw new Error(t.info || t.msg || "创建素材失败");
+    });
+  },
+  /**
+   * 上传素材（临时流程：仅调用 upload_material）
+   * @param file 用户选择的文件
+   * @param options 可选：name、is_system（当前仅保留入参兼容，接口不使用）
+   * @returns 返回上传后的素材 UID
+   */
+  uploadAndCreateMaterial(o) {
+    return s(this, arguments, function* (e, t = {}) {
+      var u;
+      const n = ((u = e.name.split(".").pop()) == null ? void 0 : u.toLowerCase()) || "png", a = yield this._fileToBase64(e), d = yield this.uploadMaterialGetPath(a, n);
+      if (d.uid)
+        return { uid: d.uid };
+      throw new Error("upload_material 未返回 uid");
+    });
+  },
+  /** 将 File 转为 Base64 data URL */
+  _fileToBase64(e) {
+    return new Promise((t, o) => {
+      const n = new FileReader();
+      n.onload = () => t(n.result), n.onerror = () => o(new Error("文件读取失败")), n.readAsDataURL(e);
+    });
+  },
+  /**
+   * 获取素材列表（不按用户过滤）
+   * @param params 查询参数
+   */
+  getMaterialList() {
+    return s(this, arguments, function* (e = {}) {
+      const t = b({
+        page_index: e.page_index || 1,
+        page_size: e.page_size || 20,
+        order_by: e.order_by || "created",
+        order_type: e.order_type || "desc"
+      }, e);
+      return yield y.post("get_dashboard_material_list", t);
+    });
+  },
+  /**
+   * 获取我的素材列表（按当前用户过滤）
+   * 注意：user_id 由后端从 Token 解析，无需传递
+   * @param params 查询参数
+   */
+  getMyMaterialList() {
+    return s(this, arguments, function* (e = {}) {
+      const t = b({
+        page_index: e.page_index || 1,
+        page_size: e.page_size || 20,
+        order_by: e.order_by || "created",
+        order_type: e.order_type || "desc"
+      }, e);
+      return yield y.post("get_my_dashboard_material_list", t);
+    });
+  },
+  /**
+   * 获取素材详情
+   * 注意：uid 从请求参数中读取
+   * @param uid 素材UID
+   */
+  getMaterialItem(e) {
+    return s(this, null, function* () {
+      return yield y.post("get_dashboard_material_item", { uid: e });
+    });
+  },
+  /**
+   * 更新素材
+   * 注意：仅白名单内字段允许更新
+   * @param params 更新参数
+   */
+  updateMaterial(e) {
+    return s(this, null, function* () {
+      return yield y.post("update_dashboard_material", e, !0);
+    });
+  },
+  /**
+   * 删除素材
+   * 注意：uid 从请求参数中读取
+   * 注意：若素材存在关联记录，将拒绝删除
+   * @param uid 素材UID
+   */
+  deleteMaterial(e) {
+    return s(this, null, function* () {
+      return yield y.post("delete_dashboard_material", { uid: e }, !0);
+    });
+  },
+  /**
+   * 根据素材路径删除素材（先按 material_path 查询我的素材，再按 uid 调用 delete_dashboard_material）
+   * 用于替代已废弃的 delete_image，上传新图前清理旧素材
+   * @param path 素材路径（即 URL 去掉 FILE_URL 前缀后的部分，可有可无前导 /）
+   */
+  deleteMaterialByPath(e) {
+    return s(this, null, function* () {
+      var o;
+      if (!e || !String(e).trim()) return;
+      const t = String(e).replace(/^\//, "");
+      try {
+        const n = yield this.getMyMaterialList({
+          page_index: 1,
+          page_size: 10,
+          where_and: JSON.stringify([["material_path", "=", t]])
+        }), a = (o = n == null ? void 0 : n.result) == null ? void 0 : o.data;
+        Array.isArray(a) && a.length > 0 && a[0].uid && (yield this.deleteMaterial(a[0].uid));
+      } catch (n) {
+      }
+    });
+  }
+}, K = {
+  _buildWhereAnd(e) {
+    return JSON.stringify(e.filter(([, , t]) => t != null));
+  },
+  _isEmptyId(e) {
+    return e == null || String(e).trim() === "";
+  },
+  _isComponentLevel(e) {
+    return !this._isEmptyId(e.component_id);
+  },
+  _isLayerLevel(e) {
+    return this._isEmptyId(e.component_id) && !this._isEmptyId(e.layer_id);
+  },
+  _isSheetLevel(e) {
+    return this._isEmptyId(e.component_id) && this._isEmptyId(e.layer_id) && !this._isEmptyId(e.sheet_id);
+  },
+  _isDashboardLevel(e) {
+    return this._isEmptyId(e.component_id) && this._isEmptyId(e.layer_id) && this._isEmptyId(e.sheet_id);
+  },
+  _listRelations(e) {
+    return s(this, null, function* () {
+      var o;
+      const t = yield this.getMaterialRelationList({
+        page_index: 1,
+        page_size: 999,
+        where_and: e
+      });
+      return ((o = t == null ? void 0 : t.result) == null ? void 0 : o.data) || [];
+    });
+  },
+  _deleteByUid(e, t) {
+    return s(this, null, function* () {
+      t && (yield this.deleteMaterialRelation({
+        dashboard_record_uid: e,
+        uid: t
+      }));
+    });
+  },
+  _deleteByRelation(e) {
+    return s(this, null, function* () {
+      e != null && e.dashboard_record_uid && (yield this.deleteMaterialRelation({
+        dashboard_record_uid: e.dashboard_record_uid,
+        dashboard_id: e.dashboard_id,
+        sheet_id: e.sheet_id,
+        layer_id: e.layer_id,
+        component_id: e.component_id,
+        uid: e.uid
+      }));
+    });
+  },
+  _deleteRelationList(e, t) {
+    return s(this, null, function* () {
+      for (const o of t)
+        yield this._deleteByUid(e, o.uid);
+    });
+  },
+  /**
+   * 新增素材关联
+   * 
+   * 特殊逻辑：如果 dashboard_record_uid + dashboard_id + sheet_id + layer_id + component_id 
+   * 五个条件完全相同的记录已存在，则执行更新而非新建
+   * 
+   * @param params 创建参数
+   * @returns 返回创建的关联 UID
+   */
+  createMaterialRelation(e) {
+    return s(this, null, function* () {
+      return yield y.post("create_dashboard_materials_relation", e, !0);
+    });
+  },
+  /**
+   * 删除素材关联
+   * 
+   * 通过 Body 传递条件进行批量删除
+   * dashboard_record_uid 为必填，其余条件可选，用于缩小删除范围
+   * 
+   * @param params 删除参数
+   */
+  deleteMaterialRelation(e) {
+    return s(this, null, function* () {
+      return yield y.post("delete_dashboard_materials_relation", e, !0);
+    });
+  },
+  /**
+   * 查询素材关联列表
+   * 
+   * 注意：虽然命名为 "get_my_..."，但实际路由到通用 GetList，不会自动按 user_id 过滤
+   * 如需按用户过滤，请通过 where_and 条件手动指定
+   * 
+   * @param params 查询参数
+   */
+  getMaterialRelationList() {
+    return s(this, arguments, function* (e = {}) {
+      const t = b({
+        page_index: e.page_index || 1,
+        page_size: e.page_size || 20,
+        order_by: e.order_by || "created",
+        order_type: e.order_type || "desc"
+      }, e);
+      return !e.order_by && !e.order_type && e.order ? t.order = e.order : delete t.order, yield y.post("get_my_dashboard_materials_relation_list", t);
+    });
+  },
+  /**
+   * 查询指定显示板的素材关联列表
+   * 
+   * @param dashboardRecordUid 显示板设计记录 UID
+   * @param params 其他查询参数
+   */
+  getMaterialRelationsByDashboard(o) {
+    return s(this, arguments, function* (e, t = {}) {
+      const n = JSON.stringify([["dashboard_record_uid", "=", e]]);
+      return yield this.getMaterialRelationList(E(b({}, t), {
+        where_and: n
+      }));
+    });
+  },
+  /**
+   * 查询指定组件的素材关联
+   * 
+   * @param dashboardRecordUid 显示板设计记录 UID
+   * @param componentId 组件 ID
+   * @param params 其他查询参数
+   */
+  getMaterialRelationByComponent(n, a) {
+    return s(this, arguments, function* (e, t, o = {}) {
+      const d = JSON.stringify([
+        ["dashboard_record_uid", "=", e],
+        ["component_id", "=", t]
+      ]);
+      return yield this.getMaterialRelationList(E(b({}, o), {
+        where_and: d
+      }));
+    });
+  },
+  /**
+   * 查询某素材的所有关联关系
+   */
+  getRelationsByMaterial(e) {
+    return s(this, null, function* () {
+      var n;
+      if (!e) return [];
+      const t = JSON.stringify([["material_uid", "=", e]]), o = yield this.getMaterialRelationList({
+        page_index: 1,
+        page_size: 999,
+        where_and: t
+      });
+      return ((n = o == null ? void 0 : o.result) == null ? void 0 : n.data) || [];
+    });
+  },
+  /**
+   * 统计素材使用概览（关联条数 + 关联显示板数）
+   */
+  getMaterialUsageSummary(e) {
+    return s(this, null, function* () {
+      const t = yield this.getRelationsByMaterial(e), o = /* @__PURE__ */ new Set();
+      return t.forEach((n) => {
+        const a = String(n.dashboard_record_uid || "").trim();
+        a && o.add(a);
+      }), {
+        relationCount: t.length,
+        dashboardCount: o.size,
+        relations: t
+      };
+    });
+  },
+  /**
+   * 删除某素材的所有关联（仅删关系，不删素材实体）
+   */
+  deleteAllRelationsByMaterial(e) {
+    return s(this, null, function* () {
+      const t = yield this.getRelationsByMaterial(e);
+      for (const o of t)
+        !(o != null && o.uid) || !(o != null && o.dashboard_record_uid) || (yield this.deleteMaterialRelation({
+          dashboard_record_uid: o.dashboard_record_uid,
+          uid: o.uid
+        }));
+      return t.length;
+    });
+  },
+  /**
+   * 删除指定显示板的所有素材关联
+   * 
+   * @param dashboardRecordUid 显示板设计记录 UID
+   */
+  deleteAllRelationsByDashboard(e) {
+    return s(this, null, function* () {
+      return yield this.deleteRelationsByDashboardHierarchy(e);
+    });
+  },
+  /**
+   * 删除指定组件的素材关联
+   * 
+   * @param dashboardRecordUid 显示板设计记录 UID
+   * @param componentId 组件 ID
+   */
+  deleteRelationByComponent(e, t) {
+    return s(this, null, function* () {
+      return yield this.deleteMaterialRelation({
+        dashboard_record_uid: e,
+        component_id: t
+      });
+    });
+  },
+  /**
+   * 删除组件级关系（精确：dashboard + sheet + layer + component）
+   */
+  deleteComponentRelations(e, t, o, n) {
+    return s(this, null, function* () {
+      if (!e || !t || !o || !n) return;
+      const a = this._buildWhereAnd([
+        ["dashboard_record_uid", "=", e],
+        ["sheet_id", "=", t],
+        ["layer_id", "=", o],
+        ["component_id", "=", n]
+      ]), d = yield this._listRelations(a);
+      for (const u of d)
+        yield this._deleteByRelation(u);
+    });
+  },
+  /**
+   * 删除图层级自身关系（不删组件关系）
+   */
+  deleteLayerLevelRelations(e, t, o) {
+    return s(this, null, function* () {
+      if (!e || !t || !o) return;
+      const n = this._buildWhereAnd([
+        ["dashboard_record_uid", "=", e],
+        ["sheet_id", "=", t],
+        ["layer_id", "=", o]
+      ]), d = (yield this._listRelations(n)).filter((u) => this._isLayerLevel(u));
+      for (const u of d)
+        yield this._deleteByRelation(u);
+    });
+  },
+  /**
+   * 删除 sheet 级自身关系（不删 layer/component）
+   */
+  deleteSheetLevelRelations(e, t) {
+    return s(this, null, function* () {
+      if (!e || !t) return;
+      const o = this._buildWhereAnd([
+        ["dashboard_record_uid", "=", e],
+        ["sheet_id", "=", t]
+      ]), a = (yield this._listRelations(o)).filter((d) => this._isSheetLevel(d));
+      for (const d of a)
+        yield this._deleteByRelation(d);
+    });
+  },
+  /**
+   * 删除 dashboard 级自身关系（不删 sheet/layer/component）
+   */
+  deleteDashboardLevelRelations(e) {
+    return s(this, null, function* () {
+      if (!e) return;
+      const t = this._buildWhereAnd([
+        ["dashboard_record_uid", "=", e]
+      ]), n = (yield this._listRelations(t)).filter((a) => this._isDashboardLevel(a));
+      for (const a of n)
+        yield this._deleteByRelation(a);
+    });
+  },
+  /**
+   * 级联删除图层：组件关系 -> 图层自身关系
+   */
+  deleteRelationsByLayerHierarchy(e, t, o) {
+    return s(this, null, function* () {
+      if (!e || !t || !o) return;
+      const n = this._buildWhereAnd([
+        ["dashboard_record_uid", "=", e],
+        ["sheet_id", "=", t],
+        ["layer_id", "=", o]
+      ]), a = yield this._listRelations(n), d = a.filter((i) => this._isComponentLevel(i)), u = a.filter((i) => this._isLayerLevel(i));
+      for (const i of d)
+        yield this._deleteByRelation(i);
+      for (const i of u)
+        yield this._deleteByRelation(i);
+    });
+  },
+  /**
+   * 级联删除 sheet：组件关系 -> 图层关系 -> sheet 自身关系
+   */
+  deleteRelationsBySheetHierarchy(e, t) {
+    return s(this, null, function* () {
+      if (!e || !t) return;
+      const o = this._buildWhereAnd([
+        ["dashboard_record_uid", "=", e],
+        ["sheet_id", "=", t]
+      ]), n = yield this._listRelations(o), a = n.filter((i) => this._isComponentLevel(i)), d = n.filter((i) => this._isLayerLevel(i)), u = n.filter((i) => this._isSheetLevel(i));
+      for (const i of a)
+        yield this._deleteByRelation(i);
+      for (const i of d)
+        yield this._deleteByRelation(i);
+      for (const i of u)
+        yield this._deleteByRelation(i);
+    });
+  },
+  /**
+   * 级联删除 dashboard：组件关系 -> 图层关系 -> sheet 关系 -> dashboard 关系
+   */
+  deleteRelationsByDashboardHierarchy(e) {
+    return s(this, null, function* () {
+      if (!e) return;
+      const t = this._buildWhereAnd([
+        ["dashboard_record_uid", "=", e]
+      ]), o = yield this._listRelations(t), n = o.filter((i) => this._isComponentLevel(i)), a = o.filter((i) => this._isLayerLevel(i)), d = o.filter((i) => this._isSheetLevel(i)), u = o.filter((i) => this._isDashboardLevel(i));
+      for (const i of n)
+        yield this._deleteByRelation(i);
+      for (const i of a)
+        yield this._deleteByRelation(i);
+      for (const i of d)
+        yield this._deleteByRelation(i);
+      for (const i of u)
+        yield this._deleteByRelation(i);
+    });
+  }
+}, Pe = R(!1), Oe = R("all");
+function xe(e = "all") {
+  return Oe.value = e, Pe.value = !0, new Promise((t) => {
+  });
+}
+const Ie = { class: "mix-body" }, ke = { class: "upload-content" }, ze = {
+  viewBox: "0 0 24 24",
+  width: "48",
+  height: "48",
+  fill: "currentColor",
+  style: { opacity: "0.5" }
+}, Fe = { class: "upload-text" }, Ve = {
+  key: 0,
+  class: "upload-actions"
+}, We = {
+  key: 1,
+  class: "viewer-container"
+}, Te = {
+  key: 0,
+  class: "file-info"
+}, $e = { class: "file-name" }, je = ["title"], He = ["src", "alt"], Je = {
+  DEFAULT_ICON: Ee,
+  ACTIVE_ICON: Ce,
+  NAME_CN: "图片查看器",
+  NAME_EN: "Photo Viewer",
+  ORDER: 2,
+  PLATFORM: ["pc", "screen", "mobile"]
+}, qe = {
+  imageDisplayMode: {
+    value: "center",
+    type: "select",
+    options: [
+      { label: "component.photo.center", value: "center" },
+      { label: "component.photo.tile", value: "tile" },
+      { label: "component.photo.stretch", value: "stretch" }
+    ],
+    label: "component.options.imageDisplayMode"
+  },
+  fileUrl: { value: "", type: "string", label: "component.options.fileUrl", placeholder: "请上传素材" },
+  fileName: { value: "", type: "string", label: "component.options.fileName", placeholder: "请上传素材" },
+  materialUid: { value: "", type: "string", label: "component.options.materialUid", placeholder: "素材UID" }
+}, Ge = [], Ze = [], Ke = [], Qe = null, Xe = { DEFAULT: Je, OPTIONS: qe, DATA: Ge, PARAMS: Ze, SOURCE: Ke, COMMON: Qe }, Ye = /* @__PURE__ */ _e(E(b({}, Xe), {
+  __name: "photo",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(e) {
+    const { t } = be(), o = Le(), n = Be(), a = e;
+    class d extends Re {
+      extractStyles() {
+        return {
+          imageDisplayMode: this.getOptionValue("imageDisplayMode", "center"),
+          radiusSize: this.getOptionValue("radiusSize", 0)
+        };
+      }
+      init() {
+        this.Style.value = this.extractStyles(), this.applyTheme(), X();
+      }
+    }
+    const u = new d(a, "photo");
+    u.setupLifecycle();
+    const i = u.getStyle(), m = R(null), v = R(""), _ = R(""), S = R(""), k = R(!1), z = R(!1), Q = (r) => j(r), X = () => s(null, null, function* () {
+      var l, c, h;
+      const { conf: r } = a;
+      (c = (l = r == null ? void 0 : r.options) == null ? void 0 : l.fileUrl) != null && c.value && (v.value = Q(r.options.fileUrl.value), yield V(), S.value = ((h = r.options.fileName) == null ? void 0 : h.value) || "");
+    }), F = (r) => {
+      r && r.startsWith("blob:") && URL.revokeObjectURL(r);
+    }, V = () => s(null, null, function* () {
+      if (v.value)
+        try {
+          const r = Me();
+          if (!r) {
+            _.value = "";
+            return;
+          }
+          const l = Ne(v.value), c = yield fetch(l, {
+            mode: "cors",
+            credentials: "include",
+            headers: { Authorization: `Bearer ${r}` }
+          });
+          if (!c.ok) throw new Error(`load image failed: ${c.status}`);
+          const h = yield c.blob(), f = URL.createObjectURL(h);
+          F(_.value), _.value = f;
+        } catch (r) {
+          console.error("[Photo] 拉取图片失败:", r), F(_.value), _.value = "";
+        }
+    }), Y = O(() => ({
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      overflow: "hidden"
+    })), ee = O(() => {
+      var l;
+      const r = (l = i == null ? void 0 : i.value) == null ? void 0 : l.imageDisplayMode;
+      return r === "tile" ? { display: "none" } : r === "stretch" ? { width: "100%", height: "100%", objectFit: "fill" } : { width: "100%", height: "100%", objectFit: "contain" };
+    }), te = O(() => {
+      var r;
+      return ((r = i == null ? void 0 : i.value) == null ? void 0 : r.imageDisplayMode) !== "tile" || !_.value ? {} : {
+        width: "100%",
+        height: "100%",
+        backgroundImage: `url(${_.value})`,
+        backgroundRepeat: "repeat",
+        backgroundPosition: "center center"
+      };
+    }), W = O(() => {
+      const r = n.params.id;
+      return r ? String(r) : "";
+    }), J = (r) => {
+      var c;
+      const l = ((c = o.pageData) == null ? void 0 : c.sheets) || [];
+      for (const h of l) {
+        const f = h.id, N = h.caption || h.name || h.id, B = h.layers || [];
+        for (const w of B) {
+          const U = w.id, D = w.caption || w.name || w.id, P = w.components || [];
+          for (const p of P)
+            if ((p == null ? void 0 : p.id) === r) {
+              const C = p.caption || p.name || p.id;
+              return { sheetId: f, layerId: U, sheetName: N, layerName: D, componentName: C };
+            }
+        }
+      }
+      return { sheetId: "", layerId: "", sheetName: "", layerName: "", componentName: "" };
+    }, oe = (r) => s(null, null, function* () {
+      var f;
+      if (!W.value) return;
+      const l = a.uid || ((f = a.conf) == null ? void 0 : f.id);
+      if (!l || !r) return;
+      const { sheetId: c, layerId: h } = J(l);
+      try {
+        yield K.deleteComponentRelations(
+          W.value,
+          c,
+          h,
+          l
+        ), yield K.createMaterialRelation({
+          dashboard_record_uid: W.value,
+          material_uid: r,
+          sheet_id: c || void 0,
+          layer_id: h || void 0,
+          component_id: l
+        });
+      } catch (N) {
+        console.warn("[Photo] 同步素材关联失败:", N);
+      }
+    }), q = () => s(null, null, function* () {
+      try {
+        const r = yield xe("image");
+        if (r) {
+          if (console.log("[Photo] 选中的素材:", r), console.log("[Photo] material_path:", r.material_path), console.log("[Photo] thumbnail:", r.thumbnail), console.log("[Photo] file_id:", r.file_id), !r.material_path) {
+            H.warning("该素材缺少 material_path，无法获取原图"), console.warn("[Photo] 素材缺少 material_path");
+            return;
+          }
+          const l = String(r.material_path).trim(), c = j(l);
+          console.log("[Photo] 原图URL:", c), v.value = c, yield V(), S.value = r.name, a.conf && a.conf.options && (a.conf.options.fileUrl || (a.conf.options.fileUrl = { value: "", type: "string", label: "" }), a.conf.options.fileName || (a.conf.options.fileName = { value: "", type: "string", label: "" }), a.conf.options.materialUid || (a.conf.options.materialUid = { value: "", type: "string", label: "" }), a.conf.options.fileUrl.value = l, a.conf.options.fileName.value = r.name, a.conf.options.materialUid.value = r.uid, console.log("[Photo] 配置已保存:", {
+            fileUrl: a.conf.options.fileUrl.value,
+            fileName: a.conf.options.fileName.value,
+            materialUid: a.conf.options.materialUid.value
+          })), console.log("[Photo] uploadedFileUrl.value:", _.value), H.success(t("component.photo.materialSelected") || "素材选择成功"), yield oe(r.uid);
+        } else
+          console.log("[Photo] 用户取消选择");
+      } catch (r) {
+        console.error("[Photo] 素材选择失败:", r), H.error("素材选择失败");
+      }
+    }), ae = () => {
+      F(_.value), _.value = "", v.value = "", S.value = "", a.mode !== "preview" && q();
+    }, ie = () => {
+      k.value = !1, m.value, console.log("图片加载成功");
+    }, re = (r) => {
+      var f, N, B, w, U, D, P;
+      if (console.error("图片加载失败:", r), k.value || z.value) return;
+      const l = a.uid || ((f = a.conf) == null ? void 0 : f.id) || "", c = l ? J(l) : null;
+      c && (c.sheetName || c.layerName || c.componentName) ? `${c.sheetName || "-"}${c.layerName || "-"}${c.componentName || "-"}` : S.value;
+      const h = String(
+        ((w = (B = (N = a.conf) == null ? void 0 : N.options) == null ? void 0 : B.materialUid) == null ? void 0 : w.value) || ((P = (D = (U = a.conf) == null ? void 0 : U.options) == null ? void 0 : D.imageUid) == null ? void 0 : P.value) || ""
+      ).trim();
+      h && (z.value = !0, De.getMaterialItem(h).then((p) => {
+        if (I(p == null ? void 0 : p.code) && (p != null && p.result)) {
+          const C = p.result;
+          C != null && C.material_path && (v.value = j(String(C.material_path).trim()), V());
+          return;
+        }
+        k.value = !0;
+      }).catch(() => {
+      }).finally(() => {
+        z.value = !1;
+      }));
+    };
+    return pe(() => {
+    }), me(() => {
+      _.value && _.value.startsWith("blob:") && URL.revokeObjectURL(_.value);
+    }), (r, l) => {
+      var h, f;
+      const c = ue;
+      return L(), M("div", {
+        class: "mix-component",
+        style: x({ borderRadius: `${A(i).radiusSize}px` })
+      }, [
+        g("div", Ie, [
+          _.value ? (L(), M("div", We, [
+            a.mode !== "preview" ? (L(), M("div", Te, [
+              g("span", $e, T(S.value), 1),
+              g("button", {
+                class: "change-file-btn",
+                onClick: ae,
+                title: A(t)("component.photo.changeFile") || "更换文件"
+              }, [...l[1] || (l[1] = [
+                g("svg", {
+                  viewBox: "0 0 24 24",
+                  width: "16",
+                  height: "16",
+                  fill: "currentColor"
+                }, [
+                  g("path", { d: "M12,6V9L16,5L12,1V4A8,8 0 0,0 4,12C4,13.57 4.46,15.03 5.24,16.26L6.7,14.8C6.25,13.97 6,13 6,12A6,6 0 0,1 12,6M18.76,7.74L17.3,9.2C17.74,10.04 18,11 18,12A6,6 0 0,1 12,18V15L8,19L12,23V20A8,8 0 0,0 20,12C20,10.43 19.54,8.97 18.76,7.74Z" })
+                ], -1)
+              ])], 8, je)
+            ])) : $("", !0),
+            g("div", {
+              class: "image-container",
+              style: x(Y.value)
+            }, [
+              g("img", {
+                ref_key: "imageRef",
+                ref: m,
+                src: _.value,
+                alt: S.value,
+                style: x(ee.value),
+                onLoad: ie,
+                onError: re
+              }, null, 44, He),
+              ((f = (h = A(i)) == null ? void 0 : h.value) == null ? void 0 : f.imageDisplayMode) === "tile" ? (L(), M("div", {
+                key: 0,
+                class: "tiled-background",
+                style: x(te.value)
+              }, null, 4)) : $("", !0)
+            ], 4)
+          ])) : (L(), M("div", {
+            key: 0,
+            class: fe(["upload-area", { "preview-mode": a.mode === "preview" }])
+          }, [
+            g("div", ke, [
+              (L(), M("svg", ze, [...l[0] || (l[0] = [
+                g("path", { d: "M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z" }, null, -1)
+              ])])),
+              g("p", Fe, T(a.mode === "preview" ? "未上传素材" : A(t)("component.photo.selectFromLibrary") || "从素材库选择"), 1),
+              a.mode !== "preview" ? (L(), M("div", Ve, [
+                ye(c, {
+                  type: "primary",
+                  size: "small",
+                  onClick: q
+                }, {
+                  default: ve(() => [
+                    ge(T(A(t)("component.photo.selectFromLibrary") || "从素材库选择"), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : $("", !0)
+            ])
+          ], 2))
+        ]),
+        we(r.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), ut = /* @__PURE__ */ Se(Ye, [["__scopeId", "data-v-57314f5b"]]);
+export {
+  ut as default
+};