hy-app 0.2.1 → 0.2.4

package/components/index.ts

@@ -1,4 +1,4 @@
-import YkTabbar from "./yk-tabbar/yk-tabbar.vue";
+import HyTabBr from "./hy-tabBar/hy-tabBar.vue";
 import Dialog from "./dialog";
 /* #ifdef H5 */
 import DialogService from "./message";
@@ -63,7 +63,7 @@ import HyUpload from "./hy-upload/hy-upload.vue";
 import HyWarn from "./hy-warn/hy-warn.vue";
 
 const install = (Vue: any) => {
-  Vue.component("yk-tabbar", YkTabbar);
+  Vue.component("hy-tabBar", HyTabBr);
 
   Vue.component("HyAddressPicker", HyAddressPicker);
   Vue.component("HyAvatar", HyAvatar);

package/composables/index.ts

@@ -1 +1,2 @@
 export * from "./useShare";
+export * from "./useTouch";

package/composables/useTouch.ts

@@ -0,0 +1,48 @@
+import { ref } from "vue";
+
+export function useTouch() {
+  const direction = ref<string>("");
+  const deltaX = ref<number>(0);
+  const deltaY = ref<number>(0);
+  const offsetX = ref<number>(0);
+  const offsetY = ref<number>(0);
+  const startX = ref<number>(0);
+  const startY = ref<number>(0);
+
+  function touchStart(event: any) {
+    const touch = event.touches[0];
+    direction.value = "";
+    deltaX.value = 0;
+    deltaY.value = 0;
+    offsetX.value = 0;
+    offsetY.value = 0;
+    startX.value = touch.clientX;
+    startY.value = touch.clientY;
+  }
+
+  function touchMove(event: any) {
+    const touch = event.touches[0];
+    deltaX.value = touch.clientX - startX.value;
+    deltaY.value = touch.clientY - startY.value;
+    offsetX.value = Math.abs(deltaX.value);
+    offsetY.value = Math.abs(deltaY.value);
+    direction.value =
+      offsetX.value > offsetY.value
+        ? "horizontal"
+        : offsetX.value < offsetY.value
+          ? "vertical"
+          : "";
+  }
+
+  return {
+    touchStart,
+    touchMove,
+    direction,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    startX,
+    startY,
+  };
+}

package/index.ts

@@ -1,7 +1,7 @@
 export * from "./common";
 export * from "./utils";
 export * from "./store";
-export * from "./components";
+// export * from "./components";
 export * from "./global";
 export * from "./typing";
 export * from "./api";

package/libs/css/mixin.scss

@@ -1,6 +1,9 @@
 @use "../../theme.scss";
-$namespace: hy;
-$modifier-separator: '--';
+$namespace: 'hy' !default;
+$common-separator: '-' !default;
+$element-separator: '__' !default;
+$modifier-separator: '--' !default;
+$state-prefix: 'is-' !default;
 
 @mixin b($block) {
   $B: $namespace + '-' + $block !global;
@@ -28,6 +31,53 @@ $modifier-separator: '--';
   }
 }
 
+@mixin e($element) {
+  $E: $element !global;
+  $selector: &;
+  $currentSelector: '';
+  @each $unit in $element {
+    $currentSelector: #{$currentSelector +
+      '.' +
+      $B +
+      $element-separator +
+      $unit +
+      ','};
+  }
+
+  @if hitAllSpecialNestRule($selector) {
+    @at-root {
+      #{$selector} {
+        #{$currentSelector} {
+          @content;
+        }
+      }
+    }
+  } @else {
+    @at-root {
+      #{$currentSelector} {
+        @content;
+      }
+    }
+  }
+}
+
+/* 状态，生成 is-$state 类名 */
+@mixin is($states...) {
+  @at-root {
+    @each $state in $states {
+      &.#{$state-prefix + $state} {
+        @content;
+      }
+    }
+  }
+}
+/* 添加伪类元素 */
+@mixin pseudo($pseudo) {
+  @at-root #{&}#{':#{$pseudo}'} {
+    @content;
+  }
+}
+
 @mixin themeColor($type, $bg-color: transparent, $border-color: transparent, $color: #FFFFFF) {
   @include m($type) {
     background-color: $bg-color;
@@ -62,17 +112,6 @@ $modifier-separator: '--';
   flex-direction: $direction;
 }
 
-/* 状态，生成 is-$state 类名 */
-@mixin when($states...) {
-  @at-root {
-    @each $state in $states {
-      &.#{$state-prefix + $state} {
-        @content;
-      }
-    }
-  }
-}
-
 /* 几行出现省略号 */
 @mixin line-feed($line: 1) {
   display: -webkit-box;

package/libs/css/vars.css

@@ -5,19 +5,24 @@
   --hy-text-color--2: #67676c;
   --hy-text-color--3: #929295;
   --hy-text-color--4: rgba(0, 0, 0, 0.1);
-  --hy-icon-color: #606266;
+  --hy-icon-color: #999;
+  --hy-text-color--grey: #67676c;
   --hy-text-color--placeholder: rgba(0, 0, 0, 0.25);
   --hy-text-color--disabled: rgba(0, 0, 0, 0.25);
 
   --hy-background: #f8f8f8;
   --hy-background--2: #FFFFFF;
   --hy-background--3: rgb(238, 238, 239);
+  --hy-background--track: #F6F6F6;
   --hy-background--container: #FFFFFF;
   --hy-background--disabled: rgba(0, 0, 0, 0.04);
   --hy-background--empty: #F3F3F3;
-  --hy-background--hover: rgba(0,0,0,0.2);
+  --hy-background--hover: rgba(0,0,0,0.05);
+  --hy-background--active: #FFFFFF;
 
   --hy-border-line: 1rpx solid #c2c2c4;
+  --hy-border-color: #c2c2c4;
+  --hy-border-color--2: #c9cacc;
 }
 
 .hy-theme--dark {
@@ -32,16 +37,21 @@
   --hy-text-color-3: #6a6a71;
   --hy-text-color--4: rgba(255, 255, 255, 0.1);
   --hy-icon-color: #FFFFFF;
+  --hy-text-color--grey: #98989f;
   --hy-text-color--placeholder: rgba(255, 255, 255, 0.25);
   --hy-text-color--disabled: rgba(255, 255, 255, 0.25);
 
   --hy-background: #1b1b1f;
   --hy-background--2: #161616;
   --hy-background--3: #646566;
+  --hy-background--track: #3A3A44;
   --hy-background--container: #242424;
   --hy-background--disabled: rgba(255, 255, 255, 0.08);
   --hy-background--empty: #3A3A44;
   --hy-background--hover: rgba(255,255,255,0.2);
+  --hy-background--active: #000000;
 
   --hy-border-line: 1rpx solid #3c3f44;
+  --hy-border-color: #3c3f44;
+  --hy-border-color--2: #FFFFFF;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hy-app",
-  "version": "0.2.1",
-  "description": "全局主题色配置",
+  "version": "0.2.4",
+  "description": "新增组件：分页、签名面板、水印、验证码输入、侧边菜单栏",
   "main": "./index.ts",
   "private": false,
   "scripts": {},

package/theme.scss

@@ -24,30 +24,30 @@ $hy-info-dark: var(--hy-info--dark, #82848a) !default;
 $hy-info-disabled: var(--hy-info--disabled, #c8c9cc) !default;
 $hy-info-light: var(--hy-info--light, #f4f4f5) !default;
 
+/* 字体颜色 */
+$hy-text-color: var(--hy-text-color, #3c3c43) !default; // 一般用于基础文字
+$hy-text-color--2: var(--hy-text-color--2, #67676c) !default; // 一般用于提示
+$hy-text-color--3: var(--hy-text-color--3, #929295) !default; // 一般用于浅色提示
+$hy-text-color--4: var(--hy-text-color--4, rgba(0, 0, 0, 0.1)) !default; // 一般用于浅色
+$hy-icon-color: var(--hy-icon-color, #606266) !default; // 一般用于icon
+$hy-text-color--grey: var(--hy-text-color--grey, #999) !default; // 辅助灰色，如加载更多的提示信息
+$hy-text-color--placeholder: var(--hy-text-color--placeholder, #808080) !default; // 输入框提示颜色
+$hy-text-color--disabled: var(--hy-text-color--disabled, #c0c0c0) !default; // 禁用文字颜色
+$hy-border-color: var(--hy-border-color, #c0c0c0) !default; // 边框颜色
+$hy-text-color-hover: var(--hy-text-color-hover, #58595b)!default; // 点击状态文字颜色
 
-$hy-dark-bg-disabled: rgba(48, 48, 56, 0.51) !default;
-$hy-dark-color: #ffffff !default;
-$hy-dark-icon: #7C7C7C !default;
-$hy-dark-color2: var(#f2270c) !default;
-$hy-dark-color3: var(rgba(232, 230, 227, 0.8)) !default;
-$hy-dark-color-gray: var(#c0c0c0) !default;
-$hy-dark-text-disabled: #c0c0c0 !default;
-$hy-dark-border-color: var(#3a3a3c) !default;
 
-/* 亮色背景颜色 */
-$hy-light-background: var(--hy-light-background, #F8F8F8) !default;
-$hy-light-background-color: var(--hy-light-background-color, #FFFFFF) !default;
-$hy-light-background-disabled: var(--hy-light-background-disabled, #F5F5F5) !default;
-$hy-light-background-hover: var(--hy-light-background-hover, #f1f1f1) !default; //点击状态颜色
+/* 背景色 */
+$hy-background: var(--hy-background, #f8f8f8) !default; // 背景色
+$hy-background--2: var(--hy-background--2, #ffffff) !default; // 弹窗背景色
+$hy-background--3: var(--hy-background--3, #646566) !default; // 弹窗背景色
+$hy-background--container: var(--hy-background--container, #ffffff) !default; // 容器背景色
+$hy-background--disabled: var(--hy-background--disabled, #F5F5F5); // 禁用背景色
+$hy-background--track: var(--hy-background--track, #F6F6F6) !default;
+$hy-background--empty: var(--hy-background--empty, #F3F3F3) !default; // 搜索背景色
+$hy-background--hover: var(--hy-background--hover, rgba(0,0,0,0.1)) !default; // 点击状态
 $hy-light-background-mask: var(--hy-light-background-mask, rgba(0, 0, 0, 0.5)); //遮罩颜色
-$hy-light-background-image: var(--hy-light-background-image, #F3F3F3) !default; // 图片背景色
-
-/* 文字基本颜色 */
-$hy-light-color: var(--hy-light-color, #333) !default; //基本色
-$hy-text-color-hover: var(--hy-text-color-hover, #58595b)!default;
-
-$hy-tips-color: #909193FF;
-$hy-color-disable-icon:  #c8c9cc;
+$hy-background--active: var(--hy-background--active, #131313); // 选中状态值
 
 /* 文字尺寸 */
 $hy-font-size-sm: 12px;
@@ -68,7 +68,8 @@ $hy-font-size-hint: 26rpx;
 
 /* 边框颜色 */
 $hy-border-color-light: var(--hy-border-color-light, #c8c7cc) !default;
-$hy-border-color: var(--hy-border-color, #c8c7cc66) !default;
+$hy-border-color: var(--hy-border-color, #c2c2c4) !default;
+$hy-border-color--2: var(--hy-border-color--2, #c9cacc) !default;
 
 /* 图片尺寸 */
 $hy-img-size-sm: var(--hy-img-size-sm, 45rpx) !default;
@@ -97,27 +98,4 @@ $hy-border-margin-padding-sm: var(--hy-border-margin-padding-sm, 10rpx) !default
 $hy-border-margin-padding-base: var(--hy-border-margin-padding-base, 20rpx) !default;
 $hy-border-margin-padding-lg: var(--hy-border-margin-padding-lg, 30rpx) !default;
 /* 底部线条 */
-$hy-border-line: var(--hy-border-line, 1rpx solid #dadbde) !default;
-
-
-/* 字体 */
-$hy-text-color: var(--hy-text-color, #3c3c43) !default; // 一般用于文字
-$hy-text-color--2: var(--hy-text-color--2, #67676c) !default; // 一般用于icon
-$hy-text-color--3: var(--hy-text-color--3, #929295) !default; // 一般用于icon
-$hy-text-color--4: var(--hy-text-color--4, #929295) !default; // 一般用于icon
-$hy-icon-color: var(--hy-icon-color, #606266) !default; // 一般用于icon
-$hy-text-color--grey: var(--hy-text-color-3, #999) !default; // 辅助灰色，如加载更多的提示信息
-$hy-text-color--placeholder: var(--hy-text-color--placeholder, #808080) !default; // 输入框提示颜色
-$hy-text-color--disabled: var(--hy-text-color--disabled, #c0c0c0) !default; // 禁用文字颜色
-$hy-border-color: var(--hy-border-color, #c0c0c0) !default;
-
-
-/* 背景色 */
-$hy-background: var(--hy-background, #f8f8f8) !default; // 背景色
-$hy-background--2: var(--hy-background--2, #ffffff) !default; // 弹窗背景色
-$hy-background--3: var(--hy-background--3, #646566) !default; // 弹窗背景色
-$hy-background--container: var(--hy-background--container, #ffffff) !default; // 容器背景色
-$hy-background--disabled: var(--hy-background--disabled, #F5F5F5); // 禁用背景色
-$hy-background--track: var(--hy-background--track, #c6c7cb) !default;
-$hy-background--empty: var(--hy-background--empty, #f6f6f7) !default; // 搜索背景色
-$hy-background--hover: var(--hy-background--hover, #707070) !default; // 点击状态
+$hy-border-line: var(--hy-border-line, 1rpx solid #c2c2c4) !default;

package/typing/modules/common.d.ts

@@ -127,7 +127,7 @@ declare namespace HyApp {
     /**
      * @description 自定义columns的文本键
      * */
-    label: string;
+    name: string;
     /**
      * @description 自定义columns的值键
      * */

package/utils/inspect.ts

@@ -113,3 +113,23 @@ export const isChinese = (zh: string): boolean => {
   const reg = /^[\u4e00-\u9fa5]+$/gi;
   return reg.test(zh);
 };
+
+/**
+ * 是否为base64图片
+ * @param {string} url
+ * @return
+ */
+export function isBase64Image(url: string) {
+  // 使用正则表达式检查URL是否以"data:image"开头，这是Base64图片的常见前缀
+  return /^data:image\/(png|jpg|jpeg|gif|bmp);base64,/.test(url);
+}
+
+/**
+ * 是否图片
+ * @param {string} url
+ * @return
+ */
+export function isImage(url: string) {
+  // 使用正则表达式检查URL是否以"data:image"开头，这是Base64图片的常见前缀
+  return /(\.jpg|\.jpeg|\.png|\.gif|\.bmp|\.webp)$/i.test(url);
+}

package/utils/utils.ts

@@ -364,7 +364,10 @@ const random = (min: number | string, max: number | string): number => {
 const range = (min = 0, max = 0, value = 0) => {
   return Math.max(min, Math.min(max, Number(value)));
 };
-let instance: any;
+
+export type RectResultType<T extends boolean> = T extends true
+  ? UniApp.NodeInfo[]
+  : UniApp.NodeInfo;
 /**
  * 查询节点信息
  * 目前此方法在支付宝小程序中无法获取组件跟接点的尺寸，为支付宝的bug(2020-07-21)
@@ -372,32 +375,59 @@ let instance: any;
  * @param selector 元素类名或id
  * @param all 是否获取多个相同元素数值
  * @param ins 在微信小程序里，因为utils文件里面获取不到instance值所以必须通过ins这个传过来
+ * @param useFields 是否使用 fields 方法获取节点信息
  */
 const getRect = (
   selector: string,
-  all?: boolean,
+  all?: T,
   ins?: any,
-): Promise<UniApp.NodeInfo | UniApp.NodeInfo[]> => {
-  return new Promise((resolve) => {
+  useFields?: boolean,
+): Promise<RectResultType<T>> => {
+  return new Promise<RectResultType<T>>((resolve, reject) => {
+    let query: UniNamespace.SelectorQuery | null = null;
     // TODO: 在微信小程序里，因为utils文件里面获取不到instance值所以必须通过ins这个传过来
-    // #ifdef MP-WEIXIN
-    instance = ins;
-    // #endif
-    // #ifndef APP-NVUE
-    uni
-      .createSelectorQuery()
-      .in(instance)
-      [all ? "selectAll" : "select"](selector)
-      .boundingClientRect((rect) => {
-        if (all && Array.isArray(rect) && rect.length) {
-          resolve(rect as UniApp.NodeInfo[]);
-        }
-        if (!all && rect) {
-          resolve(rect as UniApp.NodeInfo);
-        }
-      })
-      .exec();
-    // #endif
+    if (ins) {
+      query = uni.createSelectorQuery().in(ins);
+    } else {
+      query = uni.createSelectorQuery();
+    }
+    const method = all ? "selectAll" : "select";
+
+    const callback = (rect: UniApp.NodeInfo | UniApp.NodeInfo[]) => {
+      if (all && Array.isArray(rect) && rect.length > 0) {
+        resolve(rect as RectResultType<T>);
+      } else if (!all && rect) {
+        resolve(rect as RectResultType<T>);
+      } else {
+        reject(new Error("No nodes found"));
+      }
+    };
+
+    if (useFields) {
+      query[method](selector)
+        .fields({ size: true, node: true }, callback)
+        .exec();
+    } else {
+      query[method](selector).boundingClientRect(callback).exec();
+    }
+    // // #ifdef MP-WEIXIN
+    // instance = ins;
+    // // #endif
+    // // #ifndef APP-NVUE
+    // uni
+    //   .createSelectorQuery()
+    //   .in(instance)
+    //   [all ? "selectAll" : "select"](selector)
+    //   .boundingClientRect((rect) => {
+    //     if (all && Array.isArray(rect) && rect.length) {
+    //       resolve(rect as UniApp.NodeInfo[]);
+    //     }
+    //     if (!all && rect) {
+    //       resolve(rect as UniApp.NodeInfo);
+    //     }
+    //   })
+    //   .exec();
+    // // #endif
   });
 };
 

package/components/hy-swipe-action/index.wxs

@@ -1,235 +0,0 @@
-/**
- * 此为wxs模块，只支持APP-VUE，微信和QQ小程序以及H5平台
- * wxs内部不支持es6语法，变量只能使用var定义，无法使用解构，箭头函数等特性
- */
-
-
-// 开始触摸
-function touchstart(event, ownerInstance) {
-	// 触发事件的组件的ComponentDescriptor实例
-	var instance = event.instance
-	// wxs内的局部变量快照，此快照是属于整个组件的，在touchstart和touchmove事件中都能获取到相同的结果
-	var state = instance.getState()
-	if (state.disabled) return
-	var touches = event.touches
-	// 如果进行的是多指触控，不允许进行操作
-	if (touches && touches.length > 1) return
-	// 标识当前为滑动中状态
-	state.moving = true
-	// 记录触摸开始点的坐标值
-	state.startX = touches[0].pageX
-	state.startY = touches[0].pageY
-	
-	ownerInstance.callMethod('closeOther')
-}
-
-// 触摸滑动
-function touchmove(event, ownerInstance) {
-	// 触发事件的组件的ComponentDescriptor实例
-	var instance = event.instance
-	// wxs内的局部变量快照
-	var state = instance.getState()
-	if (state.disabled || !state.moving) return
-	var touches = event.touches
-	var pageX = touches[0].pageX
-	var pageY = touches[0].pageY
-	var moveX = pageX - state.startX
-	var moveY = pageY - state.startY
-	var buttonsWidth = state.buttonsWidth
-
-	// 移动的X轴距离大于Y轴距离，也即终点与起点位置连线，与X轴夹角小于45度时，禁止页面滚动
-	if (Math.abs(moveX) > Math.abs(moveY) || Math.abs(moveX) > state.threshold) {
-		event.preventDefault && event.preventDefault()
-		event.stopPropagation && event.stopPropagation()
-	}
-	// 如果移动的X轴距离小于Y轴距离，也即终点位置与起点位置连线，与Y轴夹角小于45度时，认为是页面上下滑动，而不是左右滑动单元格
-	if (Math.abs(moveX) < Math.abs(moveY)) return
-
-	// 限制右滑的距离，不允许内容部分往右偏移，右滑会导致X轴偏移值大于0，以此做判断
-	// 此处不能直接return，因为滑动过程中会缺失某些关键点坐标，会导致错乱，最好的办法就是
-	// 在超出后，设置为0
-	if (state.status === 'open') {
-		// 在开启状态下，向左滑动，需忽略
-		if (moveX < 0) moveX = 0
-		// 想要收起菜单，最大能移动的距离为按钮的总宽度
-		if (moveX > buttonsWidth) moveX = buttonsWidth
-		// 如果是已经打开了的状态，向左滑动时，移动收起菜单
-		moveSwipeAction(-buttonsWidth + moveX, instance, ownerInstance)
-	} else {
-		// 关闭状态下，右滑动需忽略
-		if (moveX > 0) moveX = 0
-		// 滑动的距离不允许超过所有按钮的总宽度，此时只能是左滑，最终设置按钮的总宽度，同时为负数
-		if (Math.abs(moveX) > buttonsWidth) moveX = -buttonsWidth
-		// 只要是在滑过程中，就不断移动单元格内容部分，从而使隐藏的菜单显示出来
-		moveSwipeAction(moveX, instance, ownerInstance)
-	}
-}
-
-// 触摸结束
-function touchend(event, ownerInstance) {
-	// 触发事件的组件的ComponentDescriptor实例
-	var instance = event.instance
-	// wxs内的局部变量快照
-	var state = instance.getState()
-	if (!state.moving || state.disabled) return
-	var touches = event.changedTouches ? event.changedTouches[0] : {}
-	var pageX = touches.pageX
-	var pageY = touches.pageY
-	var moveX = pageX - state.startX
-	if (state.status === 'open') {
-		// 在展开的状态下，继续左滑，无需操作
-		if (moveX < 0) return
-		// 在开启状态下，点击一下内容区域，moveX为0，也即没有进行移动，这时执行收起菜单逻辑
-		if (moveX === 0) {
-			return closeSwipeAction(instance, ownerInstance)
-		}
-		// 在开启状态下，滑动距离小于阈值，则默认为不关闭，同时恢复原来的打开状态
-		if (Math.abs(moveX) < state.threshold) {
-			openSwipeAction(instance, ownerInstance)
-		} else {
-			// 如果滑动距离大于阈值，则执行收起逻辑
-			closeSwipeAction(instance, ownerInstance)
-		}
-	} else {
-		// 在关闭的状态下，右滑，无需操作
-		if (moveX > 0) return
-		// 理由同上
-		if (Math.abs(moveX) < state.threshold) {
-			closeSwipeAction(instance, ownerInstance)
-		} else {
-			openSwipeAction(instance, ownerInstance)
-		}
-	}
-}
-
-// 获取过渡时间
-function getDuration(value) {
-	if (value.toString().indexOf('s') >= 0) return value
-	return value > 30 ? value + 'ms' : value + 's'
-}
-
-// 滑动结束时判断滑动的方向
-function getMoveDirection(instance, ownerInstance) {
-	var state = instance.getState()
-}
-
-// 移动滑动选择器内容区域，同时显示出其隐藏的菜单
-function moveSwipeAction(moveX, instance, ownerInstance) {
-	var state = instance.getState()
-	// 获取所有按钮的实例，需要通过它去设置按钮的位移
-	var buttons = ownerInstance.selectAllComponents('.hy-swipe-action-item__right__button')
-
-	// 设置菜单内容部分的偏移
-	instance.requestAnimationFrame(function() {
-		instance.setStyle({
-			// 设置translateX的值
-			'transition': 'none',
-			transform: 'translateX(' + moveX + 'px)',
-			'-webkit-transform': 'translateX(' + moveX + 'px)'
-		})
-	})
-}
-
-// 一次性展开滑动菜单
-function openSwipeAction(instance, ownerInstance) {
-	var state = instance.getState()
-	// 获取所有按钮的实例，需要通过它去设置按钮的位移
-	var buttons = ownerInstance.selectAllComponents('.hy-swipe-action-item__right__button')
-	// 处理duration单位问题
-	var duration = getDuration(state.duration)
-	// 展开过程中，是向左移动，所以X的偏移应该为负值
-	var buttonsWidth = -state.buttonsWidth
-	instance.requestAnimationFrame(function() {
-		// 设置菜单主体内容
-		instance.setStyle({
-			'transition': 'transform ' + duration,
-			'transform': 'translateX(' + buttonsWidth + 'px)',
-			'-webkit-transform': 'translateX(' + buttonsWidth + 'px)',
-		})
-	})
-	setStatus('open', instance, ownerInstance)
-}
-
-// 标记菜单的当前状态，open-已经打开，close-已经关闭
-function setStatus(status, instance, ownerInstance) {
-	var state = instance.getState()
-	state.status = status
-	ownerInstance.callMethod('setState', status)
-}
-
-// 一次性收起滑动菜单
-function closeSwipeAction(instance, ownerInstance) {
-	var state = instance.getState()
-	// 获取所有按钮的实例，需要通过它去设置按钮的位移
-	var buttons = ownerInstance.selectAllComponents('.hy-swipe-action-item__right__button')
-	var len = buttons.length
-	// 处理duration单位问题
-	var duration = getDuration(state.duration)
-	instance.requestAnimationFrame(function() {
-		// 设置菜单主体内容
-		instance.setStyle({
-			'transition': 'transform ' + duration,
-			'transform': 'translateX(0px)',
-			'-webkit-transform': 'translateX(0px)'
-		})
-		// 设置各个隐藏的按钮为收起的状态
-		for (var i = len - 1; i >= 0; i--) {
-			buttons[i].setStyle({
-				'transition': 'transform ' + duration,
-				'transform': 'translateX(0px)',
-				'-webkit-transform': 'translateX(0px)'
-			})
-		}
-	})
-	setStatus('close', instance, ownerInstance)
-}
-
-// status的状态发生变化
-function statusChange(newValue, oldValue, ownerInstance, instance) {
-	var state = instance.getState()
-	if (state.disabled) return
-	// 打开或关闭单元格
-	if (newValue === 'close' && state.status === 'open') {
-		closeSwipeAction(instance, ownerInstance)
-	} else if(newValue === 'open' && state.status === 'close') {
-		openSwipeAction(instance, ownerInstance)
-	}
-}
-
-// 菜单尺寸发生变化
-function sizeChange(newValue, oldValue, ownerInstance, instance) {
-	// wxs内的局部变量快照
-	var state = instance.getState()
-	// 临时防止nv_disabled报错
-	if (!state || !newValue) {
-		return;
-	}
-	state.disabled = newValue.disabled
-	state.duration = newValue.duration
-	state.show = newValue.show
-	state.threshold = newValue.threshold
-	state.buttons = newValue.buttons
-
-	if (state.buttons) {
-		var len = state.buttons.length
-		var buttonsWidth = 0
-		var buttons = newValue.buttons
-		for (var i = 0; i < len; i++) {
-			buttonsWidth += buttons[i].width
-		}
-	}
-	state.buttonsWidth = buttonsWidth
-
-	// 支持默认打开
-	if (state.show) {
-		openSwipeAction(instance, ownerInstance)
-	}
-}
-
-module.exports = {
-	touchstart: touchstart,
-	touchmove: touchmove,
-	touchend: touchend,
-	sizeChange: sizeChange,
-	statusChange: statusChange
-}