@ray-js/t-agent-ui-ray 0.2.4-beta-2 → 0.2.4-beta-4

package/dist/LazyScrollView/lazy-item-context.sjs

@@ -20,11 +20,12 @@ export class LazyItemContext {
     this.height = rect.height;
     this.eventName = `${this.prefix}${scrollViewId}/${itemId}`;
 
-    ownerInstance.eventChannel.on(this.eventName, (event) => {
+    ownerInstance.eventChannel.on(this.eventName, event => {
       switch (event.type) {
         case 'refreshSize':
-          this._refreshSize(ownerInstance, instance, false);
-          ownerInstance.eventChannel.emit(`${this.eventName}/${event.id}`, this.height);
+          this._refreshSize(ownerInstance, instance, false).then(() => {
+            ownerInstance.eventChannel.emit(`${this.eventName}/${event.id}`, this.height);
+          });
           break;
       }
     });
@@ -36,16 +37,26 @@ export class LazyItemContext {
   }
 
   refreshSize(ownerInstance) {
-    return new Promise((resolve) => {
-      const id = Math.random()
-      ownerInstance.eventChannel.once(`${this.eventName}/${id}`, resolve)
+    return new Promise(resolve => {
+      const id = Math.random();
+      ownerInstance.eventChannel.once(`${this.eventName}/${id}`, resolve);
       ownerInstance.eventChannel.emit(this.eventName, { type: 'refreshSize', id });
-    })
+    });
+  }
+
+  _measureAndSetHeight(instance) {
+    const rect = instance.getBoundingClientRect();
+    this.height = rect.height;
+    if (this.ready) {
+      instance.setStyle({
+        minHeight: `${rect.height}px`,
+      });
+    }
   }
 
   _refreshSize(ownerInstance, instance, byUpdate = false) {
     if (this.show === false) {
-      return;
+      return Promise.resolve();
     }
 
     if (byUpdate && this.ready && this.show === true) {
@@ -55,24 +66,28 @@ export class LazyItemContext {
       });
     }
 
-    const rect = instance.getBoundingClientRect();
-    this.height = rect.height;
-    if (this.ready) {
-      instance.setStyle({
-        minHeight: `${rect.height}px`,
+    if (byUpdate) {
+      return new Promise(resolve => {
+        requestAnimationFrame(() => {
+          this._measureAndSetHeight(instance);
+          resolve();
+        });
       });
     }
+
+    this._measureAndSetHeight(instance);
+    return Promise.resolve();
   }
 
   onUpdate(ownerInstance, instance) {
-    this._refreshSize(ownerInstance, instance, true);
-
-    if (this.ready) {
-      this.emitToScroll(ownerInstance,{
-        type: 'itemUpdate',
-        itemContext: this,
-      });
-    }
+    this._refreshSize(ownerInstance, instance, true).then(() => {
+      if (this.ready) {
+        this.emitToScroll(ownerInstance, {
+          type: 'itemUpdate',
+          itemContext: this,
+        });
+      }
+    });
   }
 
   onReady(ownerInstance, instance) {

package/dist/tiles/OperateCardTile/Expand.less

@@ -17,7 +17,6 @@
     &-list {
       display: flex;
       flex-direction: column;
-      gap: 24rpx;
     }
 
     &-item {
@@ -27,6 +26,10 @@
       background-color: var(--app-B1);
       border-radius: 12rpx;
 
+      & + & {
+        margin-top: 24rpx;
+      }
+
       &:active {
         opacity: 0.8;
       }
@@ -66,7 +69,6 @@
     &-list {
       display: flex;
       flex-direction: column;
-      gap: 24rpx;
     }
 
     &-item {
@@ -76,6 +78,10 @@
       background-color: var(--app-B1);
       border-radius: 12rpx;
 
+      & + & {
+        margin-top: 24rpx;
+      }
+
       &:active {
         opacity: 0.8;
       }
@@ -104,7 +110,6 @@
     &-list {
       display: flex;
       flex-direction: column;
-      gap: 24rpx;
     }
 
     &-item {
@@ -114,6 +119,10 @@
       background-color: var(--app-B1);
       border-radius: 12rpx;
 
+      & + & {
+        margin-top: 24rpx;
+      }
+
       &:active {
         opacity: 0.8;
       }

package/dist/tiles/OperateCardTile/index.js

@@ -71,6 +71,7 @@ const handleDesc = (detail, t) => {
     items: desc.join(t('t-agent.operate-card-tile.description.separator'))
   });
 };
+const globalExpandStateCache = new Map();
 export default function OperateCardTile(props) {
   const {
     tile,
@@ -83,7 +84,15 @@ export default function OperateCardTile(props) {
     changeInfo = []
   } = tile.data || {};
   const t = useTranslate();
-  const [showDetail, setShowDetail] = useState(false);
+  const stateKey = "OperateCardTile.showDetail.".concat(tile.id);
+  const [showDetail, setShowDetailState] = useState(() => {
+    var _globalExpandStateCac;
+    return (_globalExpandStateCac = globalExpandStateCache.get(stateKey)) !== null && _globalExpandStateCac !== void 0 ? _globalExpandStateCac : false;
+  });
+  const setShowDetail = value => {
+    globalExpandStateCache.set(stateKey, value);
+    setShowDetailState(value);
+  };
   const tapDevice = e => {
     const deviceId = e.currentTarget.dataset.id;
     ty.openPanel({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.2.4-beta-2",
+  "version": "0.2.4-beta-4",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -40,5 +40,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "3566263a43775a512420e832d5d9bef68ff82ded"
+  "gitHead": "651120ff704ee5ff8430e4a3a5a741e1f913958a"
 }