mi-float-robot 1.0.0

package/dist/mi-float-robot.js

@@ -0,0 +1,658 @@
+var v = Object.defineProperty, x = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var p = (o, t, e) => t in o ? v(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, l = (o, t) => {
+  for (var e in t || (t = {}))
+    L.call(t, e) && p(o, e, t[e]);
+  if (g)
+    for (var e of g(t))
+      z.call(t, e) && p(o, e, t[e]);
+  return o;
+}, f = (o, t) => x(o, D(t));
+const I = `
+:host {
+  all: initial;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+}
+
+.robot-icon-box {
+  user-select: none;
+  touch-action: none;
+  position: fixed;
+  z-index: 4000;
+  transition: transform 0.3s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  box-sizing: border-box;
+}
+
+.robot-icon-image {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  object-fit: contain;
+}
+
+.robot-drag-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 3999;
+}
+
+.robot-trash-icon {
+  position: fixed;
+  right: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 40px;
+  padding: 10px;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s;
+  z-index: 4000;
+}
+
+.robot-trash-icon.active {
+  transform: translateY(-50%) scale(1.2);
+  background: #ff0000;
+}
+
+.robot-drawer-container {
+  position: fixed;
+  left: 0;
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  background-color: #ffffff;
+  z-index: 4000;
+  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  border-radius: 8px;
+  transition: width 0.3s ease, height 0.3s ease;
+}
+
+.robot-drawer-container.drawer-dragging {
+  transition: none !important;
+}
+
+.drawer-header {
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 40px;
+  padding: 0 10px 0 14px;
+  background: #f5f7fa;
+  border-bottom: 1px solid #e4e7ed;
+  cursor: move;
+  user-select: none;
+  touch-action: none;
+  z-index: 10001;
+}
+
+.drawer-header-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.drawer-controls {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.drawer-control-btn {
+  width: 26px;
+  height: 26px;
+  border: none;
+  background: rgba(255, 255, 255, 0.92);
+  color: #606266;
+  font-size: 16px;
+  line-height: 1;
+  cursor: pointer;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
+  transition: background 0.2s ease, color 0.2s ease;
+}
+
+.drawer-control-btn:hover {
+  background: #e4e7ed;
+}
+
+.drawer-control-btn--close:hover {
+  background: #f56c6c;
+  color: #fff;
+}
+
+.drawer-body {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+}
+
+.robot-iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  display: block;
+}
+
+.robot-drawer-container.drawer-dragging .robot-iframe {
+  pointer-events: none;
+}
+
+.robot-loading-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #ffffff;
+  z-index: 9000;
+}
+
+.robot-loading-spinner {
+  width: 28px;
+  height: 28px;
+  border: 3px solid #dce6f0;
+  border-top-color: #409eff;
+  border-radius: 50%;
+  animation: float-robot-spin 0.8s linear infinite;
+}
+
+@keyframes float-robot-spin {
+  to { transform: rotate(360deg); }
+}
+
+.drawer-resize {
+  position: absolute;
+  z-index: 10000;
+  touch-action: none;
+}
+
+.drawer-resize-w { left: 0; top: 0; bottom: 0; width: 6px; cursor: ew-resize; }
+.drawer-resize-e { right: 0; top: 0; bottom: 0; width: 6px; cursor: ew-resize; }
+.drawer-resize-h { left: 0; right: 0; bottom: 0; height: 6px; cursor: ns-resize; }
+.drawer-resize-sw { left: 0; bottom: 0; width: 16px; height: 16px; cursor: nesw-resize; }
+.drawer-resize-se { right: 0; bottom: 0; width: 16px; height: 16px; cursor: nwse-resize; }
+
+.minimized-chat {
+  position: fixed;
+  right: 24px;
+  bottom: 24px;
+  z-index: 4001;
+  display: inline-flex;
+  align-items: center;
+  height: 40px;
+  padding: 0 14px;
+  border: 1px solid #d9e6ff;
+  border-radius: 20px;
+  background: #ffffff;
+  color: #315b9d;
+  box-shadow: 0 6px 18px rgba(28, 67, 128, 0.2);
+  cursor: pointer;
+  font-size: 14px;
+  font-family: inherit;
+  transition: box-shadow 0.2s ease, transform 0.2s ease;
+}
+
+.minimized-chat:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 22px rgba(28, 67, 128, 0.28);
+}
+
+.minimized-chat:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.25), 0 6px 18px rgba(28, 67, 128, 0.2);
+}
+`, _ = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="14" fill="#409eff"/>
+  <rect x="27" y="10" width="10" height="6" rx="3" fill="#c7ddf5"/>
+  <circle cx="23" cy="30" r="5" fill="#ffffff"/>
+  <circle cx="41" cy="30" r="5" fill="#ffffff"/>
+  <rect x="24" y="42" width="16" height="5" rx="2.5" fill="#ffffff"/>
+</svg>`, u = `data:image/svg+xml,${encodeURIComponent(_)}`;
+class E {
+  /**
+   * 是否显示机器人图标。
+   * @returns {Promise<boolean>|boolean}
+   */
+  async getSwitch() {
+    return !0;
+  }
+  /**
+   * 获取机器人配置；返回 null 表示没有可用配置（不显示）。
+   * @returns {Promise<Object|null>|Object|null}
+   *
+   * 约定返回结构：
+   * {
+   *   showRobot: true,        // 是否显示机器人图标
+   *   avatar: 'https://...',  // 头像完整 URL（可选，缺省用默认头像）
+   *   style: {                // 图标样式（全部可选）
+   *     scale: 1,
+   *     width: 80,
+   *     height: 100,
+   *     opacity: 1,
+   *     border: 'none',
+   *     shadowLevel: 'light', // none | light | medium | strong
+   *     borderRadius: 0,
+   *     borderRadiusUnit: 'px'
+   *   }
+   * }
+   */
+  async getConfig() {
+    return null;
+  }
+}
+class H extends E {
+  constructor(t = {}) {
+    super(), this.switchUrl = t.switchUrl || t.switch_url || "", this.configUrl = t.configUrl || t.config_url || "", this.fetchImpl = t.fetch || ((e) => window.fetch(e, { credentials: "include" }));
+  }
+  async getSwitch() {
+    if (!this.switchUrl) return !0;
+    const t = await this.fetchImpl(this.switchUrl), e = await this._toJson(t);
+    return this._normalizeSwitch(e);
+  }
+  async getConfig() {
+    if (!this.configUrl) return null;
+    const t = await this.fetchImpl(this.configUrl), e = await this._toJson(t);
+    return this._normalizeConfig(e);
+  }
+  async _toJson(t) {
+    return t && typeof t.json == "function" ? t.json() : t;
+  }
+  _normalizeSwitch(t) {
+    if (typeof t == "boolean") return t;
+    if (t && typeof t == "object") {
+      if (typeof t.showRobot == "boolean") return t.showRobot;
+      if (typeof t.enabled == "boolean") return t.enabled;
+      if (t.value != null) {
+        const e = this._parseValue(t.value);
+        if (e && typeof e == "object") {
+          const i = Object.values(e);
+          return i.length > 0 && i.every((r) => Number(r) === 1);
+        }
+        return !!e;
+      }
+    }
+    return !0;
+  }
+  _normalizeConfig(t) {
+    if (!t) return null;
+    let e = t;
+    for (Array.isArray(e) && (e = e[0]); e && typeof e == "object" && !Object.prototype.hasOwnProperty.call(e, "avatar") && !Object.prototype.hasOwnProperty.call(e, "style") && !Object.prototype.hasOwnProperty.call(e, "showRobot"); ) {
+      if (Array.isArray(e.data)) {
+        e = e.data[0];
+        continue;
+      }
+      if (e.data && typeof e.data == "object") {
+        e = e.data;
+        continue;
+      }
+      if (e.result && typeof e.result == "object") {
+        e = e.result;
+        continue;
+      }
+      break;
+    }
+    return !e || typeof e != "object" ? null : e;
+  }
+  _parseValue(t) {
+    if (t == null) return t;
+    const e = String(t);
+    try {
+      return JSON.parse(e.replace(/'/g, '"'));
+    } catch (i) {
+      return t;
+    }
+  }
+}
+const m = 560, b = 400, S = "__FLOAT_ROBOT_CONFIG__";
+function c() {
+  return typeof window != "undefined" && window[S] || {};
+}
+class $ extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" }), this.imgWidth = 80, this.imgHeight = 100, this.imageAspectRatio = 1.25, this.drawerVisible = !1, this.drawerMinimized = !1, this.drawerLeft = null, this.drawerTop = null, this.drawerWidth = null, this.drawerHeight = null, this.drawerDrag = null, this.posX = 0, this.posY = 0, this.isDragging = !1, this.dragPointerId = null, this.startX = 0, this.startY = 0, this.initialX = 0, this.initialY = 0, this.hasDragged = !1, this.hasMoved = !1, this.dragMaskVisible = !1, this.isHidden = !1, this.isOverTrash = !1, this.windowWidth = 0, this.windowHeight = 0, this.originalPosX = 0, this.originalPosY = 0, this.showRobot = !1, this.robotAvatar = "", this.robotStyleConfig = null, this.robotShowEnabled = !0, this._switchEnabled = !0, this._configAvailable = !0, this._adapter = null, this.chatLoading = !1, this.chatLoadingTimer = null, this.resizeTimer = null, this._onIconDrag = (t) => this.onIconDrag(t), this._stopIconDrag = (t) => this.stopIconDrag(t), this._onDrawerDrag = (t) => this.onDrawerDrag(t), this._stopDrawerDrag = () => this.stopDrawerDrag(), this._handleResize = () => this.handleResize(), this._handleStorageChange = (t) => this.handleStorageChange(t), this._handleWindowBlur = () => this.handleWindowBlur(), this._chatReadyHandler = (t) => this.chatReadyHandler(t);
+  }
+  // ==================== 生命周期 ====================
+  connectedCallback() {
+    this.render(), window.addEventListener("message", this._chatReadyHandler), this.initRobot();
+  }
+  disconnectedCallback() {
+    this.removeIconDragListeners(), this.removeDrawerDragListeners(), window.removeEventListener("resize", this._handleResize), window.removeEventListener("storage", this._handleStorageChange), window.removeEventListener("blur", this._handleWindowBlur), window.removeEventListener("message", this._chatReadyHandler), this.chatLoadingTimer && (clearTimeout(this.chatLoadingTimer), this.chatLoadingTimer = null), this.resizeTimer && (clearTimeout(this.resizeTimer), this.resizeTimer = null);
+  }
+  // ==================== 配置解析 ====================
+  getAttr(t) {
+    return this.getAttribute(t) || "";
+  }
+  resolveChatUrl() {
+    const t = c();
+    return this.getAttr("chat-url") || t.chatUrl || "";
+  }
+  resolveAvatar() {
+    const t = c();
+    return this.getAttr("avatar") || t.avatar || u;
+  }
+  resolveAdapter() {
+    const t = c();
+    if (t.adapter) return t.adapter;
+    const e = this.getAttr("switch-url") || t.switchUrl || "", i = this.getAttr("config-url") || t.configUrl || "";
+    return e || i ? new H({ switchUrl: e, configUrl: i, fetch: t.fetch }) : null;
+  }
+  async initRobot() {
+    const t = this.resolveAdapter();
+    if (this._adapter = t, t) {
+      try {
+        this._switchEnabled = !!await t.getSwitch();
+      } catch (i) {
+        console.warn("[mi-float-robot] 获取机器人开关失败", i), this._switchEnabled = !1;
+      }
+      if (!this._switchEnabled) return;
+      try {
+        const i = await t.getConfig();
+        i ? this.applyConfig(i) : this._configAvailable = !1;
+      } catch (i) {
+        console.warn("[mi-float-robot] 获取机器人配置失败", i);
+      }
+    }
+    this.robotAvatar || (this.robotAvatar = this.resolveAvatar(), this.loadImageAspectRatio(this.robotAvatar));
+    let e = null;
+    try {
+      e = JSON.parse(localStorage.getItem("robotPosition"));
+    } catch (i) {
+      e = null;
+    }
+    e ? (this.posX = e.x * window.innerWidth, this.posY = e.y * window.innerHeight, this.isHidden = e.isHidden) : this.setInitialPosition(), this.restoreDrawerPosition(e), this.windowWidth = window.innerWidth, this.windowHeight = window.innerHeight, this.originalPosX = this.posX, this.originalPosY = this.posY, window.addEventListener("resize", this._handleResize), window.addEventListener("storage", this._handleStorageChange), window.addEventListener("blur", this._handleWindowBlur), this.updateRobotVisibility(), this.applyIconStyle();
+  }
+  applyConfig(t) {
+    t && (t.avatar && (this.robotAvatar = t.avatar, this.loadImageAspectRatio(t.avatar)), t.style && (this.robotStyleConfig = t.style), t.showRobot !== void 0 && (this.robotShowEnabled = t.showRobot), t.width && (this.imgWidth = t.width), t.height && (this.imgHeight = t.height), t.scale && (this.robotStyleConfig = f(l({}, this.robotStyleConfig || {}), { scale: t.scale })));
+  }
+  loadImageAspectRatio(t) {
+    const e = new Image();
+    e.onload = () => {
+      e.width > 0 && e.height > 0 && (this.imageAspectRatio = e.height / e.width);
+    }, e.onerror = () => {
+    }, e.src = t;
+  }
+  handleStorageChange(t) {
+    if (t.key === "robotConfigLive")
+      try {
+        const e = JSON.parse(t.newValue);
+        this.applyConfig(e), e.showRobot !== void 0 && (this._configAvailable = !0, this.robotShowEnabled = e.showRobot, this.updateRobotVisibility(), this.applyIconStyle());
+      } catch (e) {
+        console.warn("[mi-float-robot] 解析配置失败", e);
+      }
+  }
+  updateRobotVisibility() {
+    this.showRobot = this._switchEnabled && this._configAvailable && this.robotShowEnabled;
+  }
+  // ==================== 样式计算 ====================
+  currentScale() {
+    return this.robotStyleConfig && this.robotStyleConfig.scale || 1;
+  }
+  baseWidth() {
+    return this.robotStyleConfig && this.robotStyleConfig.width || this.imgWidth;
+  }
+  currentWidth() {
+    return this.baseWidth() * this.currentScale();
+  }
+  currentHeight() {
+    return this.baseWidth() * this.imageAspectRatio * this.currentScale();
+  }
+  applyIconStyle() {
+    const t = this.robotStyleConfig || {}, e = {
+      none: "none",
+      light: "0 2px 8px rgba(0, 0, 0, 0.08)",
+      medium: "0 4px 16px rgba(0, 0, 0, 0.12)",
+      strong: "0 6px 24px rgba(0, 0, 0, 0.18)"
+    }, i = t.width || this.imgWidth, r = t.scale || 1;
+    this.$icon.style.display = this.showRobot ? "flex" : "none", this.$icon.style.left = this.posX + "px", this.$icon.style.top = this.posY + "px", this.$icon.style.width = i + "px", this.$icon.style.height = "auto", this.$icon.style.border = t.border || "none", this.$icon.style.boxShadow = e[t.shadowLevel] || "none", this.$icon.style.opacity = t.opacity != null ? t.opacity : 1, this.$icon.style.transform = (this.isHidden ? "rotate(-90deg) " : "") + "scale(" + r + ")", this.$icon.style.cursor = "move";
+    let s = "0";
+    t.borderRadius !== void 0 && (s = typeof t.borderRadius == "string" ? t.borderRadius : (t.borderRadius || 0) + (t.borderRadiusUnit || "px")), this.$iconImage.style.width = i + "px", this.$iconImage.style.height = "auto", this.$iconImage.style.objectFit = "contain", this.$iconImage.style.borderRadius = s, this.$iconImage.src = this.robotAvatar || u;
+  }
+  defaultDrawerWidth() {
+    return Math.round(window.innerWidth * 0.8);
+  }
+  defaultDrawerHeight() {
+    return window.innerHeight;
+  }
+  applyDrawerStyle() {
+    const t = this.drawerWidth != null ? this.drawerWidth : this.defaultDrawerWidth(), e = this.drawerHeight != null ? this.drawerHeight : this.defaultDrawerHeight(), i = this.drawerLeft != null ? this.drawerLeft : window.innerWidth - t, r = this.drawerTop != null ? this.drawerTop : 0;
+    this.$drawer.style.left = i + "px", this.$drawer.style.top = r + "px", this.$drawer.style.width = t + "px", this.$drawer.style.height = e + "px";
+  }
+  applyDrawerVisibility() {
+    this.$drawer.style.display = this.drawerVisible && !this.drawerMinimized ? "flex" : "none", this.$minimized.style.display = this.drawerVisible && this.drawerMinimized ? "inline-flex" : "none";
+  }
+  // ==================== 抽屉交互 ====================
+  openDrawer() {
+    if (!this.hasMoved) {
+      if (this.isHidden) {
+        this.setInitialPosition(), this.isHidden = !1, this.applyIconStyle();
+        return;
+      }
+      this.drawerVisible || (this.chatLoading = !0, this.$loadingMask.style.display = "flex", this.chatLoadingTimer = setTimeout(() => this.finishChatLoading(), 3e4)), this.drawerVisible = !0, this.drawerMinimized = !1, this.$iframe.src || (this.$iframe.src = this.resolveChatUrl()), this.applyDrawerStyle(), this.applyDrawerVisibility();
+    }
+  }
+  closeDrawer() {
+    this.drawerVisible = !1, this.drawerMinimized = !1, this.applyDrawerVisibility(), this.finishChatLoading();
+  }
+  minimizeDrawer() {
+    this.drawerMinimized = !0, this.applyDrawerVisibility();
+  }
+  restoreDrawer() {
+    this.drawerMinimized = !1, this.drawerVisible = !0, this.applyDrawerVisibility();
+  }
+  finishChatLoading() {
+    this.chatLoading = !1, this.$loadingMask.style.display = "none", this.chatLoadingTimer && (clearTimeout(this.chatLoadingTimer), this.chatLoadingTimer = null);
+  }
+  chatReadyHandler(t) {
+    !t || !t.data || t.data.type !== "SMI_CHAT_READY" || this.$iframe && t.source !== this.$iframe.contentWindow || this.finishChatLoading();
+  }
+  // ==================== 图标拖拽 ====================
+  setInitialPosition() {
+    this.originalPosX = window.innerWidth - window.innerWidth * 0.02 - this.currentWidth(), this.originalPosY = window.innerHeight - window.innerHeight * 0.08 - this.currentHeight(), this.posX = this.originalPosX, this.posY = this.originalPosY;
+  }
+  handleResize() {
+    clearTimeout(this.resizeTimer), this.resizeTimer = setTimeout(() => {
+      if (this.isHidden) {
+        const r = this.$icon.getBoundingClientRect();
+        this.posX = window.innerWidth - Math.max(40, r.width * 0.3), this.posY = (window.innerHeight - r.height) / 2, this.applyIconStyle();
+        return;
+      }
+      const t = window.innerWidth, e = window.innerHeight;
+      if (this.hasDragged) {
+        const r = this.posX / this.windowWidth, s = this.posY / this.windowHeight;
+        this.posX = t * r, this.posY = e * s;
+      } else {
+        const r = t / this.windowWidth, s = e / this.windowHeight;
+        this.posX = this.originalPosX * r, this.posY = this.originalPosY * s;
+      }
+      const i = this.$icon.offsetWidth || this.currentWidth();
+      this.posX = Math.max(0, Math.min(t - i, this.posX)), this.posY = Math.min(e - this.currentHeight(), Math.max(0, this.posY)), this.windowWidth = t, this.windowHeight = e, this.originalPosX = this.posX, this.originalPosY = this.posY, this.applyIconStyle();
+    }, 100);
+  }
+  getEventPoint(t) {
+    return t.touches && t.touches.length ? t.touches[0] : t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t;
+  }
+  getEventPointerId(t) {
+    return t.pointerId !== void 0 ? t.pointerId : "touch";
+  }
+  startIconDrag(t) {
+    if (this.isHidden || this.isDragging) return;
+    const e = this.getEventPoint(t);
+    if (t.preventDefault(), t.pointerId !== void 0 && t.currentTarget && t.currentTarget.setPointerCapture)
+      try {
+        t.currentTarget.setPointerCapture(t.pointerId);
+      } catch (i) {
+      }
+    this.isDragging = !0, this.dragPointerId = this.getEventPointerId(t), this.startX = e.clientX, this.startY = e.clientY, this.initialX = this.posX, this.initialY = this.posY, this.dragMaskVisible = !0, this.$mask.style.display = "block", document.addEventListener("pointermove", this._onIconDrag, { passive: !1 }), document.addEventListener("pointerup", this._stopIconDrag), document.addEventListener("pointercancel", this._stopIconDrag), document.addEventListener("touchmove", this._onIconDrag, { passive: !1 }), document.addEventListener("touchend", this._stopIconDrag), document.addEventListener("touchcancel", this._stopIconDrag);
+  }
+  onIconDrag(t) {
+    if (!this.isDragging || this.getEventPointerId(t) !== this.dragPointerId) return;
+    const e = this.getEventPoint(t);
+    t.preventDefault();
+    const i = e.clientX - this.startX, r = e.clientY - this.startY, s = window.innerWidth - this.currentWidth(), a = window.innerHeight - this.currentHeight();
+    this.posX = Math.min(s, Math.max(0, this.initialX + i)), this.posY = Math.min(a, Math.max(0, this.initialY + r)), (i !== 0 || r !== 0) && (this.hasMoved = !0);
+    const n = this.$trash.getBoundingClientRect();
+    this.isOverTrash = e.clientX >= n.left && e.clientX <= n.right && e.clientY >= n.top && e.clientY <= n.bottom, this.$trash.classList.toggle("active", this.isOverTrash), this.applyIconStyle();
+  }
+  stopIconDrag(t) {
+    if (!this.isDragging || this.getEventPointerId(t) !== this.dragPointerId) return;
+    const e = this.getEventPoint(t);
+    this.isDragging = !1, this.dragPointerId = null, this.hasDragged = !0, this.removeIconDragListeners();
+    const i = this.$trash.getBoundingClientRect();
+    if (e.clientX >= i.left && e.clientX <= i.right && e.clientY >= i.top && e.clientY <= i.bottom) {
+      this.isHidden = !0;
+      const r = this.$icon.getBoundingClientRect();
+      this.posY = (window.innerHeight - r.height) / 2, this.posX = window.innerWidth - Math.max(40, r.width * 0.3);
+    }
+    this.dragMaskVisible = !1, this.isOverTrash = !1, this.$mask.style.display = "none", this.$trash.classList.remove("active"), setTimeout(() => {
+      this.hasMoved = !1;
+    }, 100), this.saveIconPosition(), this.applyIconStyle();
+  }
+  removeIconDragListeners() {
+    document.removeEventListener("pointermove", this._onIconDrag), document.removeEventListener("pointerup", this._stopIconDrag), document.removeEventListener("pointercancel", this._stopIconDrag), document.removeEventListener("touchmove", this._onIconDrag), document.removeEventListener("touchend", this._stopIconDrag), document.removeEventListener("touchcancel", this._stopIconDrag);
+  }
+  saveIconPosition() {
+    try {
+      const t = JSON.parse(localStorage.getItem("robotPosition") || "{}");
+      t.x = this.posX / window.innerWidth, t.y = this.posY / window.innerHeight, t.isHidden = this.isHidden, localStorage.setItem("robotPosition", JSON.stringify(t));
+    } catch (t) {
+      console.warn("[mi-float-robot] 保存图标位置失败", t);
+    }
+  }
+  // ==================== 抽屉拖拽 / 缩放 ====================
+  restoreDrawerPosition(t) {
+    if (!t || !t.drawer) return;
+    const e = t.drawer, i = Math.max(m, Math.min(window.innerWidth, Number(e.width) || this.defaultDrawerWidth())), r = Math.max(b, Math.min(window.innerHeight, Number(e.height) || this.defaultDrawerHeight())), s = Math.max(0, Math.min(window.innerWidth - i, (Number(e.x) || 0) * window.innerWidth)), a = Math.max(0, Math.min(window.innerHeight - r, (Number(e.y) || 0) * window.innerHeight));
+    this.drawerWidth = i, this.drawerHeight = r, this.drawerLeft = s, this.drawerTop = a;
+  }
+  startDrawerDrag(t, e) {
+    if (t.preventDefault(), t.stopPropagation(), t.pointerId !== void 0 && t.currentTarget && t.currentTarget.setPointerCapture)
+      try {
+        t.currentTarget.setPointerCapture(t.pointerId);
+      } catch (n) {
+      }
+    const i = this.drawerWidth != null ? this.drawerWidth : this.defaultDrawerWidth(), r = this.drawerHeight != null ? this.drawerHeight : this.defaultDrawerHeight(), s = this.drawerLeft != null ? this.drawerLeft : window.innerWidth - i, a = this.drawerTop != null ? this.drawerTop : 0;
+    this.drawerDrag = { mode: e, startX: t.clientX, startY: t.clientY, left: s, top: a, width: i, height: r }, this.$drawer.classList.add("drawer-dragging"), document.addEventListener("pointermove", this._onDrawerDrag), document.addEventListener("pointerup", this._stopDrawerDrag), document.addEventListener("pointercancel", this._stopDrawerDrag);
+  }
+  onDrawerDrag(t) {
+    if (!this.drawerDrag) return;
+    t.preventDefault();
+    const e = this.drawerDrag, i = t.clientX - e.startX, r = t.clientY - e.startY, s = m, a = b;
+    if (e.mode === "move") {
+      const n = Math.max(0, Math.min(window.innerWidth - e.width, e.left + i)), h = Math.max(0, Math.min(window.innerHeight - e.height, e.top + r));
+      this.drawerLeft = n, this.drawerTop = h;
+    } else if (e.mode === "resize-w") {
+      const n = e.left + e.width;
+      let h = Math.max(0, e.left + i), d = n - h;
+      d < s && (d = s, h = n - s), this.drawerLeft = h, this.drawerWidth = d;
+    } else if (e.mode === "resize-h")
+      this.drawerHeight = Math.max(a, Math.min(window.innerHeight, e.height + r));
+    else if (e.mode === "resize-e")
+      this.drawerWidth = Math.max(s, Math.min(window.innerWidth - e.left, e.width + i));
+    else if (e.mode === "resize-sw") {
+      const n = e.left + e.width;
+      let h = Math.max(0, e.left + i), d = n - h;
+      d < s && (d = s, h = n - s);
+      const y = Math.max(a, Math.min(window.innerHeight, e.height + r));
+      this.drawerLeft = h, this.drawerWidth = d, this.drawerHeight = y;
+    } else e.mode === "resize-se" && (this.drawerWidth = Math.max(s, Math.min(window.innerWidth - e.left, e.width + i)), this.drawerHeight = Math.max(a, Math.min(window.innerHeight, e.height + r)));
+    this.applyDrawerStyle();
+  }
+  stopDrawerDrag() {
+    this.drawerDrag && (this.drawerDrag = null, this.$drawer.classList.remove("drawer-dragging"), this.removeDrawerDragListeners(), this.saveDrawerPosition());
+  }
+  removeDrawerDragListeners() {
+    document.removeEventListener("pointermove", this._onDrawerDrag), document.removeEventListener("pointerup", this._stopDrawerDrag), document.removeEventListener("pointercancel", this._stopDrawerDrag);
+  }
+  handleWindowBlur() {
+    this.drawerDrag && (this.drawerDrag = null, this.$drawer.classList.remove("drawer-dragging"), this.removeDrawerDragListeners()), this.isDragging && (this.isDragging = !1, this.dragPointerId = null, this.removeIconDragListeners(), this.dragMaskVisible = !1, this.isOverTrash = !1, this.$mask.style.display = "none", this.$trash.classList.remove("active"));
+  }
+  saveDrawerPosition() {
+    const t = this.drawerWidth != null ? this.drawerWidth : this.defaultDrawerWidth(), e = this.drawerHeight != null ? this.drawerHeight : this.defaultDrawerHeight(), i = this.drawerLeft != null ? this.drawerLeft : window.innerWidth - t, r = this.drawerTop != null ? this.drawerTop : 0;
+    try {
+      const s = JSON.parse(localStorage.getItem("robotPosition") || "{}");
+      s.drawer = { x: i / window.innerWidth, y: r / window.innerHeight, width: t, height: e }, localStorage.setItem("robotPosition", JSON.stringify(s));
+    } catch (s) {
+      console.warn("[mi-float-robot] 保存抽屉位置失败", s);
+    }
+  }
+  // ==================== 渲染 ====================
+  render() {
+    const t = document.createElement("style");
+    t.textContent = I, this.shadowRoot.appendChild(t);
+    const e = document.createElement("div");
+    e.innerHTML = `
+      <div class="robot-icon-box" title="智能助手" style="display:none">
+        <img class="robot-icon-image" alt="智能助手" />
+      </div>
+      <div class="robot-drag-mask" style="display:none">
+        <div class="robot-trash-icon">🗑️</div>
+      </div>
+      <div class="robot-drawer-container" style="display:none">
+        <div class="drawer-header">
+          <span class="drawer-header-title">智能问答</span>
+          <div class="drawer-controls">
+            <button type="button" class="drawer-control-btn" title="最小化" aria-label="最小化">—</button>
+            <button type="button" class="drawer-control-btn drawer-control-btn--close" title="关闭" aria-label="关闭">×</button>
+          </div>
+        </div>
+        <div class="drawer-body">
+          <iframe class="robot-iframe" title="智能问答"></iframe>
+          <div class="robot-loading-mask" style="display:none"><span class="robot-loading-spinner"></span></div>
+        </div>
+        <div class="drawer-resize drawer-resize-w"></div>
+        <div class="drawer-resize drawer-resize-e"></div>
+        <div class="drawer-resize drawer-resize-h"></div>
+        <div class="drawer-resize drawer-resize-sw"></div>
+        <div class="drawer-resize drawer-resize-se"></div>
+      </div>
+      <button type="button" class="minimized-chat" title="恢复智能问答" style="display:none">
+        <span>智能问答</span>
+      </button>
+    `, this.shadowRoot.appendChild(e), this.$icon = e.querySelector(".robot-icon-box"), this.$iconImage = e.querySelector(".robot-icon-image"), this.$mask = e.querySelector(".robot-drag-mask"), this.$trash = e.querySelector(".robot-trash-icon"), this.$drawer = e.querySelector(".robot-drawer-container"), this.$drawerHeader = e.querySelector(".drawer-header"), this.$minimizeBtn = e.querySelector('.drawer-control-btn[title="最小化"]'), this.$closeBtn = e.querySelector(".drawer-control-btn--close"), this.$iframe = e.querySelector(".robot-iframe"), this.$loadingMask = e.querySelector(".robot-loading-mask"), this.$minimized = e.querySelector(".minimized-chat"), this.bindEvents();
+  }
+  bindEvents() {
+    this.$icon.addEventListener("pointerdown", (t) => this.startIconDrag(t)), this.$icon.addEventListener("touchstart", (t) => this.startIconDrag(t)), this.$icon.addEventListener("click", () => this.openDrawer()), this.$drawerHeader.addEventListener("pointerdown", (t) => this.startDrawerDrag(t, "move")), this.$minimizeBtn.addEventListener("pointerdown", (t) => t.stopPropagation()), this.$minimizeBtn.addEventListener("click", () => this.minimizeDrawer()), this.$closeBtn.addEventListener("pointerdown", (t) => t.stopPropagation()), this.$closeBtn.addEventListener("click", () => this.closeDrawer()), this.$drawer.querySelector(".drawer-resize-w").addEventListener("pointerdown", (t) => this.startDrawerDrag(t, "resize-w")), this.$drawer.querySelector(".drawer-resize-e").addEventListener("pointerdown", (t) => this.startDrawerDrag(t, "resize-e")), this.$drawer.querySelector(".drawer-resize-h").addEventListener("pointerdown", (t) => this.startDrawerDrag(t, "resize-h")), this.$drawer.querySelector(".drawer-resize-sw").addEventListener("pointerdown", (t) => this.startDrawerDrag(t, "resize-sw")), this.$drawer.querySelector(".drawer-resize-se").addEventListener("pointerdown", (t) => this.startDrawerDrag(t, "resize-se")), this.$minimized.addEventListener("click", () => this.restoreDrawer());
+  }
+}
+const w = "__FLOAT_ROBOT_CONFIG__", W = "x-float-robot";
+function T(o = {}) {
+  if (typeof window == "undefined") return;
+  const t = window[w] || {};
+  window[w] = l(l({}, t), o);
+}
+function P() {
+  return typeof window != "undefined" && window[w] || {};
+}
+function M(o = W) {
+  typeof window != "undefined" && (window.customElements.get(o) || window.customElements.define(o, $));
+}
+M();
+export {
+  H as FetchFloatRobotAdapter,
+  E as FloatRobotAdapter,
+  $ as FloatRobotElement,
+  T as configure,
+  M as defineFloatRobot,
+  P as getConfig
+};
+//# sourceMappingURL=mi-float-robot.js.map