agilebuilder-ui 1.1.22 → 1.1.23

package/src/utils/iframe-communicator.js

@@ -1,234 +0,0 @@
-import store from '../store';
-
-(function(global) {
-  // 防止重复初始化
-  if (global.$ambAppIframe?.__initialized) {
-    console.warn('$ambAppIframe communicator already initialized');
-    return;
-  }
-
-  class GlobalCommunicator {
-    constructor() {
-      this.__initialized = true;
-      this.enabled = true;
-      this.store = null;
-      this.trustedOrigins = new Set([window.location.origin]);
-      this.iframeRegistry = new WeakMap(); // iframe窗口到origin的映射
-      this.pendingIframes = new WeakMap(); // 等待加载完成的iframe
-      this.parentWindow = window !== window.top ? window.top : null;
-      
-      this.init();
-    }
-
-    init() {
-      // 设置消息监听
-      window.addEventListener('message', this.handleMessage.bind(this));
-      
-      // 如果是iframe，主动向父级注册
-      if (this.parentWindow) {
-        this.registerToParent();
-      }
-    }
-
-    // 绑定Vuex store
-    bindStore(store) {
-      if (this.store) {
-        console.warn('Store already bound');
-        return;
-      }
-      
-      this.store = store;
-      this.unsubscribe = store.subscribe((mutation) => {
-        if (this.enabled && mutation.type.startsWith('system/')) {
-          this.broadcastState();
-        }
-      });
-    }
-
-    // 向父级注册
-    registerToParent() {
-      const attemptRegister = (attempt = 0) => {
-        this.parentWindow.postMessage({
-          type: 'CHILD_REGISTER',
-          source: window.location.origin
-        }, '*');
-        
-        if (attempt < 2) {
-          setTimeout(() => attemptRegister(attempt + 1), 500 * (attempt + 1));
-        }
-      };
-      
-      attemptRegister();
-    }
-
-    // 处理收到的消息
-    handleMessage(event) {
-      if (!this.enabled || !event.data || !event.data.type) return;
-      
-      const { type, payload, source } = event.data;
-      const origin = event.origin;
-
-      // 自动处理信任源
-      if (type === 'CHILD_REGISTER' || type === 'IFRAME_READY') {
-        this.addTrustedOrigin(origin);
-      }
-
-      if (!this.isTrustedOrigin(origin)) return;
-
-      switch(type) {
-        case 'CHILD_REGISTER':
-          this.registerIframe(event.source, origin);
-          break;
-        case 'IFRAME_READY':
-          this.handleIframeReady(event.source, origin);
-          break;
-        case 'STATE_UPDATE':
-          this.handleStateUpdate(payload);
-          break;
-        case 'STATE_REQUEST':
-          this.sendStateTo(event.source, origin);
-          break;
-      }
-    }
-
-    // 处理iframe准备就绪
-    handleIframeReady(iframeWindow, origin) {
-      if (this.pendingIframes.has(iframeWindow)) {
-        const { resolve } = this.pendingIframes.get(iframeWindow);
-        this.registerIframe(iframeWindow, origin);
-        resolve(iframeWindow);
-        this.pendingIframes.delete(iframeWindow);
-      }
-    }
-
-    // 注册iframe
-    registerIframe(iframeWindow, origin) {
-      this.iframeRegistry.set(iframeWindow, origin);
-      this.sendStateTo(iframeWindow, origin);
-    }
-
-    // 发送状态到指定窗口
-    sendStateTo(targetWindow, targetOrigin) {
-      if (!this.enabled || !this.store) return;
-      
-      try {
-        targetWindow.postMessage({
-          type: 'STATE_UPDATE',
-          payload: this.store.state.system,
-          source: window.location.origin
-        }, targetOrigin);
-      } catch (e) {
-        console.error('Failed to send state:', e);
-        this.cleanupConnection(targetWindow);
-      }
-    }
-
-    // 广播状态到所有已注册的iframe和父窗口
-    broadcastState() {
-      // 发送给子iframe
-      this.iframeRegistry.forEach((origin, iframeWindow) => {
-        this.sendStateTo(iframeWindow, origin);
-      });
-      
-      // 发送给父窗口
-      if (this.parentWindow) {
-        this.sendStateTo(this.parentWindow, this.getParentOrigin());
-      }
-    }
-
-    // 创建受管理的iframe
-    createManagedIframe(url, container) {
-      return new Promise((resolve, reject) => {
-        const iframe = document.createElement('iframe');
-        iframe.src = url;
-        container.appendChild(iframe);
-
-        const origin = new URL(url).origin;
-        this.addTrustedOrigin(origin);
-
-        // 设置加载完成监听
-        iframe.onload = () => {
-          try {
-            // 存储为待处理iframe，等待IFRAME_READY消息
-            this.pendingIframes.set(iframe.contentWindow, { resolve, reject });
-            
-            // 设置超时拒绝
-            setTimeout(() => {
-              if (this.pendingIframes.has(iframe.contentWindow)) {
-                this.pendingIframes.delete(iframe.contentWindow);
-                reject(new Error('Iframe ready timeout'));
-              }
-            }, 5000);
-          } catch (e) {
-            reject(e);
-          }
-        };
-
-        iframe.onerror = () => {
-          reject(new Error('Iframe failed to load'));
-        };
-      });
-    }
-
-    // 添加信任源
-    addTrustedOrigin(origin) {
-      if (!this.trustedOrigins.has(origin)) {
-        this.trustedOrigins.add(origin);
-      }
-    }
-
-    // 验证源是否可信
-    isTrustedOrigin(origin) {
-      return this.trustedOrigins.has(origin);
-    }
-
-    // 获取父窗口origin
-    getParentOrigin() {
-      return Array.from(this.trustedOrigins).find(o => o !== window.location.origin) || '*';
-    }
-
-    // 清理连接
-    cleanupConnection(targetWindow) {
-      this.iframeRegistry.delete(targetWindow);
-      this.pendingIframes.delete(targetWindow);
-    }
-
-    // 销毁实例
-    destroy() {
-      window.removeEventListener('message', this.handleMessage);
-      if (this.unsubscribe) this.unsubscribe();
-      this.enabled = false;
-    }
-  }
-
-  // 挂载到全局对象
-  global.$ambAppIframe = global.$ambAppIframe || new GlobalCommunicator();
-
-  // 添加快捷方法
-  global.$ambAppIframe.enable = function() {
-    this.enabled = true;
-  };
-
-  global.$ambAppIframe.disable = function() {
-    this.enabled = false;
-  };
-
-})(window);
-
-
-if (window.$ambAppIframe) window.$ambAppIframe.bindStore(store);
-
-if (window !== window.top) {
-  try {
-    window.parent.postMessage({
-      type: 'IFRAME_READY',
-      source: window.location.origin
-    }, '*');
-  } catch (error) {
-    console.error(error)
-  }
-}
-
-// export {
-//   store as systemStore
-// }

package/src/utils/insert_css.js

@@ -1,33 +0,0 @@
-/**
- * 动态引入公共样式库
- */
-if (!window.insertedCssFiles) {
-    // 存储 已经动态加入 样式地址
-    window.insertedCssFiles = new Set();
-}
-
-// if (!window.defaultCssUrl) {
-//     window.defaultCssUrl = 'myapp-default-css/default.css';
-// }
-
-if (!window.insertCssFile) {
-    window.insertCssFile = (cssUrl) => {
-        if (!cssUrl || window.insertedCssFiles.has(cssUrl)) {
-            return;
-        }
-        const link = document.createElement('link');
-        link.rel = 'stylesheet';
-        link.href = cssUrl;
-        link.onload = function () {
-            window.insertedCssFiles.add(cssUrl);
-        };
-        link.onerror = function () {
-            console.error(`无法加载公共 CSS 文件: ${cssUrl}`);
-        };
-        document.head.appendChild(link);
-    }
-}
-
-// if (window.insertCssFile) {
-//     window.insertCssFile(window.defaultCssUrl);
-// }

package/src/utils/resize.js

@@ -1,19 +0,0 @@
-// directives/resize.js
-export const resizeDirective = {
-    mounted(el, binding) {
-      const callback = binding.value
-      const options = binding.arg || {}
-  
-      const observer = new ResizeObserver((entries) => {
-        callback(entries[0])
-      })
-  
-      observer.observe(el, options)
-      el._resizeObserver = observer
-    },
-    beforeUnmount(el) {
-      if (el._resizeObserver) {
-        el._resizeObserver.disconnect()
-      }
-    }
-  }