fix(swipe-cell): enable hidden on the beginning

src/common/wechat.ts

@@ -0,0 +1,9 @@
+export const getObserver = (context, selector: string) => {
+  return new Promise((resolve, reject) => {
+    wx.createIntersectionObserver(context)
+      .relativeToViewport()
+      .observe(selector, (res) => {
+        resolve(res);
+      });
+  });
+};

src/swipe-cell/_example/swipe-cell.ts

@@ -1,31 +1 @@
-Page({
-  data: {
-    right: [
-      {
-        text: '编辑',
-        className: 't-swipe-cell-demo-btn edit-btn',
-      },
-      {
-        text: '删除',
-        className: 't-swipe-cell-demo-btn delete-btn',
-      },
-    ],
-  },
-
-  onActionClick({ detail }) {
-    wx.showToast({ title: `你点击了${detail.text}`, icon: 'none' });
-  },
-
-  onDelete() {
-    wx.showToast({ title: '你点击了删除', icon: 'none' });
-  },
-  onEdit() {
-    wx.showToast({ title: '你点击了编辑', icon: 'none' });
-  },
-  onFavor() {
-    wx.showToast({ title: '你点击了收藏', icon: 'none' });
-  },
-  onChoice() {
-    wx.showToast({ title: '你点击了选择', icon: 'none' });
-  },
-});
+Page({});

src/swipe-cell/swipe-cell.ts

@@ -2,6 +2,7 @@ import { SuperComponent, wxComponent } from '../common/src/index';
 import config from '../common/config';
 import props from './props';
 import { getRect } from '../common/utils';
+import { getObserver } from '../common/wechat';
 
 let ARRAY: WechatMiniprogram.Component.TrivialInstance[] = [];
 
@@ -49,6 +50,12 @@ export default class SwiperCell extends SuperComponent {
   setSwipeWidth() {
     Promise.all([getRect(this, `${ContainerClass}__left`), getRect(this, `${ContainerClass}__right`)]).then(
       ([leftRect, rightRect]) => {
+        if (leftRect.width === 0 && rightRect.width === 0 && !this._hasObserved) {
+          this._hasObserved = true;
+          getObserver(this, `.${name}`).then(() => {
+            this.setSwipeWidth();
+          });
+        }
         this.setData({
           leftWidth: leftRect.width,
           rightWidth: rightRect.width,