@smart100/spu-web-plugin 0.0.30 → 0.0.31

package/dist/spu-web-plugin.mjs

@@ -708,7 +708,7 @@ function _toPropertyKey$1(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-var version = "0.0.30";
+var version = "0.0.31";
 
 /** Detect free variable `global` from Node.js. */
 var freeGlobal$2 = typeof global == 'object' && global && global.Object === Object && global;
@@ -12106,6 +12106,7 @@ var WxworksuiteBaseOpendata = /*#__PURE__*/function (_LitElement) {
     _this.type = ''; // userName | departmentName
     _this.mode = 'close'; // open | close
     _this._isCanUseWxworkSuite = true;
+    _this._topWWOpenData = null;
     return _this;
   }
   _createClass(WxworksuiteBaseOpendata, [{
@@ -12129,10 +12130,15 @@ var WxworksuiteBaseOpendata = /*#__PURE__*/function (_LitElement) {
                 _this2._isCanUseWxworkSuite = true;
                 if (_this2.wwopendataRef) {
                   if (topWWOpenData) {
+                    _this2._topWWOpenData = topWWOpenData;
                     topWWOpenData.bind(_this2.wwopendataRef);
                     // topWWOpenData.on('update', (event: any) => {
                     //   const openid = event.detail.element.getAttribute('openid')
                     //   console.log('渲染数据发生变更', event, openid)
+                    //   if (this.type === 'departmentName') {
+                    //     console.log('渲染数据发生变更', event)
+                    //     console.log('渲染数据发生变更', openid)
+                    //   }
                     // })
                     topWWOpenData.on('error', function (event) {
                       // console.error('获取数据失败', event)
@@ -12154,7 +12160,19 @@ var WxworksuiteBaseOpendata = /*#__PURE__*/function (_LitElement) {
         return _connectedCallback.apply(this, arguments);
       }
       return connectedCallback;
-    }() // private test (e: Event) {
+    }()
+  }, {
+    key: "updated",
+    value: function updated(changedProperties) {
+      // 页面在浏览器，在 iOS，Mac，Android 上面的企业微信都表现正常，但是在 windows 企业微信下，会偶发不能渲染通讯录控件内容
+      // 解答：由于 企业微信的 windows 客户端浏览器内核不支持 customElements，每次更新了 open-data 元素后，需要用 bind 或者 bindAll 接口对目标元素进行一次更新，这样才能保证 open-data 元素实时渲染正确的数据。遇到上面的情况，请检查一下页面代码，看看有没有可能出现时序问题：先执行了 bind，然后才渲染出对应的 open-data 元素
+      if (changedProperties.has('openid')) {
+        if (this.wwopendataRef && this._isCanUseWxworkSuite && this._topWWOpenData) {
+          this._topWWOpenData.bind(this.wwopendataRef);
+        }
+      }
+    }
+    // private test (e: Event) {
     //   // console.log(this.shadowRoot)
     //   // console.log(this.renderRoot)
     //   // console.log(this.shadowRoot?.querySelector('#aaaa'))
@@ -12213,7 +12231,7 @@ var WxworksuiteBaseOpendata = /*#__PURE__*/function (_LitElement) {
 }(s$1);
 _class$7 = WxworksuiteBaseOpendata;
 _class$7.componentName = 'wxworksuite-base-opendata';
-_class$7.styles = i$4(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n    :host {}\n  "])));
+_class$7.styles = i$4(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral([""])));
 __decorate([n$1({
   type: String
 })], WxworksuiteBaseOpendata.prototype, "openid", void 0);
@@ -12224,6 +12242,7 @@ __decorate([n$1({
   type: String
 })], WxworksuiteBaseOpendata.prototype, "mode", void 0);
 __decorate([r$1()], WxworksuiteBaseOpendata.prototype, "_isCanUseWxworkSuite", void 0);
+__decorate([r$1()], WxworksuiteBaseOpendata.prototype, "_topWWOpenData", void 0);
 
 /**
  * @license

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart100/spu-web-plugin",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "",
   "scripts": {
     "dev": "npm run build:types && rollup -c -w",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
-    "@smart100/wxworksuite-plugin": "^0.0.9",
+    "@smart100/wxworksuite-plugin": "^0.0.10",
     "axios": "^1.6.0",
     "co": "^4.6.0",
     "dayjs": "^1.11.10",

package/src/utils.ts

@@ -31,7 +31,7 @@ const setTitle = (pagetitle?: string) => {
 
   // 父级spu容器 且 是web或者h5引擎
   if (window.top !== window) {
-    const topWin = window.top
+    const topWin: any = window.top
     topWin.document.title = pagetitle
 
     // 如果是在h5引擎内 且 h5引擎也作为spu被放置在app内
@@ -42,6 +42,10 @@ const setTitle = (pagetitle?: string) => {
   window?.Native?.setNavigationBarTitle && window.Native.setNavigationBarTitle(pagetitle)
 }
 
+
+// const inWhichSPU = () => {
+// }
+
 export {
   isIOS,
   getUniqueid,