@atomicservice/ascf-base 1.0.14 → 1.0.16

package/dist/templates/ascfDemos/page/API/pages/showToast/modal/modal.hxml

@@ -0,0 +1,4 @@
+<as-cell>
+  <button class="btn-ui" bindtap="showModalWithTitle">带标题的模态对话框</button>
+  <button class="btn-ui" bindtap="showModalWithoutTitle">无标题的模态对话框</button>
+</as-cell>

package/dist/templates/ascfDemos/page/API/pages/showToast/modal/modal.js

@@ -0,0 +1,38 @@
+Page({
+  showModalWithTitle() {
+    has.showModal({
+      title: '弹窗标题',
+      content: '弹窗应简明展示当前状态、关键信息及解决步骤，内容请尽量不超过三行文字。',
+      confirmText: '确认',
+      showCancel: false,
+      confirmColor: '#0A59F7',
+      success(e) {
+        console.log('showModalWithTitle success', e)
+      },
+      fail() {
+        console.log('showModalWithTitle fail')
+      },
+      complete() {
+        console.log('showModalWithTitle complete')
+      },
+    })
+  },
+
+  showModalWithoutTitle() {
+    has.showModal({
+      content: '弹窗应简明展示当前状态、关键信息及解决步骤，内容请尽量不超过三行文字。',
+      confirmText: '确认',
+      confirmColor: '#0A59F7',
+      cancelText: '取消',
+      success(e) {
+        console.log('showModalWithoutTitle success', e)
+      },
+      fail() {
+        console.log('showModalWithoutTitle fail')
+      },
+      complete() {
+        console.log('showModalWithoutTitle complete')
+      },
+    })
+  },
+})

package/dist/templates/ascfDemos/page/API/pages/showToast/modal/modal.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "显示模态对话框"
+}

package/dist/templates/ascfDemos/page/API/pages/showToast/toast/toast.css

@@ -0,0 +1,3 @@
+.btn-ui {
+    justify-content: center;
+}

package/dist/templates/ascfDemos/page/API/pages/showToast/toast/toast.hxml

@@ -0,0 +1,3 @@
+<as-cell>
+  <button class="btn-ui" bindtap="showToast">弹出默认提示框</button>
+</as-cell>

package/dist/templates/ascfDemos/page/API/pages/showToast/toast/toast.js

@@ -0,0 +1,16 @@
+Page({
+  showToast() {
+    has.showToast({
+      title: '默认提示框',
+      success() {
+        console.log('showToast success')
+      },
+      fail() {
+        console.log('showToast fail')
+      },
+      complete() {
+        console.log('showToast complete')
+      },
+    })
+  },
+})

package/dist/templates/ascfDemos/page/API/pages/showToast/toast/toast.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "显示消息提示框"
+}

package/dist/templates/ascfDemos/page/API/pages/storage/storage.css

@@ -0,0 +1,22 @@
+.view-ui {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.text-ui {
+  flex: 0 0 50px;
+  justify-content: center;
+  align-items: center;
+}
+
+.input-ui {
+  flex: 1;
+  height: 35px;
+  width: auto;
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
+  padding-left: 12px;
+  padding-right: 12px;
+}

package/dist/templates/ascfDemos/page/API/pages/storage/storage.hxml

@@ -0,0 +1,15 @@
+<as-cell>
+  <view class="view-ui">
+    <text class="text-ui">key</text>
+    <input id="input1" type="text" class="input-ui" bindinput="bindKeyInput" />
+  </view>
+  <view class="view-ui">
+    <text class="text-ui">value</text>
+    <input id="input2" type="text" class="input-ui" bindinput="bindKeyInput" />
+  </view>
+  <button bindtap="setStorageSync">存储数据</button>
+  <button bindtap="getStorageSync">读取数据</button>
+  <button bindtap="getStorageInfoSync">获取缓存信息</button>
+  <button bindtap="removeStorageSync">删除数据</button>
+  <button bindtap="clearStorageSync">清空本地缓存数据</button>
+</as-cell>

package/dist/templates/ascfDemos/page/API/pages/storage/storage.js

@@ -0,0 +1,140 @@
+Page({
+  data: {
+    inputKey: '',
+    inputValue: '',
+  },
+
+  bindKeyInput(e) {
+    const inputKey = e.currentTarget.id;
+    const inputValue = e.detail.value;
+    if (inputKey === 'input1') {
+      this.setData({
+        inputKey: e.detail.value,
+      });
+    } else if (inputKey === 'input2') {
+      this.setData({
+        inputValue: e.detail.value,
+      });
+    }
+  },
+
+  setStorageSync() {
+    const key = this.data.inputKey;
+    const value = this.data.inputValue;
+    if (key.length === 0) {
+      has.showModal({
+        title: '存储数据失败',
+        content: 'key不能为空',
+        confirmColor: '#0A59F7',
+        showCancel: false
+      })
+    } else {
+      has.setStorageSync(key, value)
+      has.showModal({
+        content: '存储数据成功',
+        confirmColor: '#0A59F7',
+        showCancel: false
+      })
+    }
+  },
+
+  getStorageSync() {
+    const key = this.data.inputKey;
+    if (key.length === 0) {
+      has.showModal({
+        title: '读取数据失败',
+        content: 'key不能为空',
+        confirmColor: '#0A59F7',
+        showCancel: false
+      })
+    } else {
+      const storageData = has.getStorageSync(key);
+      if (storageData === null) {
+        has.showModal({
+          title: '读取数据失败',
+          content: '找不到key对应的数据',
+          confirmColor: '#0A59F7',
+          showCancel: false
+        })
+      } else {
+        has.showModal({
+          title: '读取数据成功',
+          content: "value = '" + storageData + "'",
+          confirmColor: '#0A59F7',
+          showCancel: false
+        })
+      }
+    }
+  },
+
+  getStorageInfoSync() {
+    try {
+      const storageInfo = has.getStorageInfoSync();
+      has.showModal({
+        title: '获取缓存信息成功',
+        content: '本地缓存的key值: ' + JSON.stringify(storageInfo.keys) + '\t\n' +
+          '当前已申请缓存大小(kb): ' + JSON.stringify(storageInfo.currentSize) + '\t\n' + '最大允许缓存大小(kb): ' + JSON.stringify(storageInfo.limitSize),
+        confirmColor: '#0A59F7',
+        showCancel: false
+      })
+    }
+    catch (e) {
+      has.showModal({
+        title: '获取缓存信息失败',
+        content: JSON.stringify(e),
+        confirmColor: '#0A59F7',
+        showCancel: false
+      })
+    }
+  },
+
+  removeStorageSync() {
+    const key = this.data.inputKey;
+    if (key.length === 0) {
+      has.showModal({
+        title: '删除数据失败',
+        content: 'key不能为空',
+        confirmColor: '#0A59F7',
+        showCancel: false
+      })
+    } else {
+      const storageData = has.getStorageSync(key);
+      if (storageData === null) {
+        has.showModal({
+          title: '删除数据失败',
+          content: '找不到key对应的数据',
+          confirmColor: '#0A59F7',
+          showCancel: false
+        })
+      } else {
+        has.removeStorageSync(key)
+        has.showModal({
+          title: '删除数据成功',
+          content: "删除key=" + key + "对应数据",
+          confirmColor: '#0A59F7',
+          showCancel: false
+        })
+      }
+    }
+  },
+
+
+  clearStorageSync() {
+    try {
+      has.clearStorageSync();
+      has.showModal({
+        title: '清空本地缓存数据成功',
+        confirmColor: '#0A59F7',
+        showCancel: false
+      })
+
+    } catch (e) {
+      has.showModal({
+        title: '清空本地缓存数据失败',
+        content: JSON.stringify(e),
+        confirmColor: '#0A59F7',
+        showCancel: false
+      })
+    }
+  },
+})

package/dist/templates/ascfDemos/page/API/pages/storage/storage.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "本地缓存"
+}

package/dist/templates/ascfDemos/page/API/pages/upload-file/upload-file.css

@@ -0,0 +1,10 @@
+.image {
+  width: 100%;
+  height: 360rpx;
+}
+
+.image-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/dist/templates/ascfDemos/page/API/pages/upload-file/upload-file.hxml

@@ -0,0 +1,13 @@
+<as-cell title="点击上传图片">
+  <view class="image-box">
+    <block has:if="{{imageSrc}}">
+      <image src="{{imageSrc}}" class="image" mode="aspectFit"></image>
+    </block>
+    <block has:else>
+      <view class="image-plus image-plus-nb" bindtap="chooseImage">
+        <view class="image-plus-horizontal"></view>
+        <view class="image-plus-vertical"></view>
+      </view>
+    </block>
+  </view>
+</as-cell>

package/dist/templates/ascfDemos/page/API/pages/upload-file/upload-file.js

@@ -0,0 +1,41 @@
+const uploadFileUrl = require('../../../../config/global.config').uploadFileUrl;
+
+Page({
+  chooseImage() {
+    const self = this;
+
+    has.chooseImage({ count: 1, sizeType: ['compressed'], sourceType: ['album'],
+      success(res) {
+        console.log('chooseImage success, temp path is', res.tempFilePaths[0])
+        const imageSrc = res.tempFilePaths[0]
+        const uploadTask = has.uploadFile({
+          // 此地址为测试用资源，请开发者根据自身需求进行替换。
+          url: uploadFileUrl,
+          filePath: imageSrc,
+          name: 'file',
+          success(res) {
+            console.log('uploadImage success, res is:', res);
+            has.showToast({
+              title: '上传成功',
+              icon: 'success',
+              duration: 1000
+            })
+            const data = JSON.parse(res.data);
+            self.setData({
+              imageSrc: data.url
+            });
+          },
+          fail(res) {
+            console.log('uploadImage fail, errMsg is', res)
+          },
+          complete() {
+            console.log('uploadImage complete')
+          }
+        })
+      },
+      fail(res) {
+        console.log('chooseImage fail, err is', res)
+      }
+    })
+  }
+})

package/dist/templates/ascfDemos/page/API/pages/upload-file/upload-file.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "上传"
+}

package/dist/templates/ascfDemos/page/API/pages/vibrate/vibrate.css

@@ -0,0 +1,7 @@
+.btn_item {
+  margin-bottom: 12px;
+  width: 100%;
+}
+.btn_area {
+  width: 100%;
+}

package/dist/templates/ascfDemos/page/API/pages/vibrate/vibrate.hxml

@@ -0,0 +1,8 @@
+<view class="container_x">
+  <view class="btn_area">
+    <button class="btn_item" bind:tap="vibrateShort" data-type="heavy">点击发起短振动（强）</button>
+    <button class="btn_item" bind:tap="vibrateShort" data-type="medium">点击发起短振动（中）</button>
+    <button class="btn_item" bind:tap="vibrateShort" data-type="light">点击发起短振动（弱）</button>
+    <button type="primary" class="btn_item" bind:tap="vibrateLong">点击发起长振动</button>
+  </view>
+</view>

package/dist/templates/ascfDemos/page/API/pages/vibrate/vibrate.js

@@ -0,0 +1,11 @@
+Page({
+  vibrateShort(e) {
+    let type = e.currentTarget.dataset.type;
+    has.vibrateShort({
+      type,
+    });
+  },
+  vibrateLong() {
+    has.vibrateLong();
+  },
+});

package/dist/templates/ascfDemos/page/API/pages/vibrate/vibrate.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "振动"
+}

package/dist/templates/ascfDemos/page/API/pages/video/index.css

@@ -0,0 +1,20 @@
+@import "../../../common/lib/asui.css";
+
+.page-body-info {
+  display: flex;
+  margin-top: 40rpx;
+  padding: 0;
+  height: 360rpx;
+  border-top: 1rpx solid #D9D9D9;
+  border-bottom: 1rpx solid #D9D9D9;
+  align-items: center;
+  justify-content: center;
+}
+.btnclass{
+  margin-left: 20px
+}
+.hc{
+  height: 200px;
+  width:200px;
+}
+

package/dist/templates/ascfDemos/page/API/pages/video/index.hxml

@@ -0,0 +1,14 @@
+<import src="../../../common/head.hxml"/>
+<import src="../../../common/foot.hxml"/>
+
+<view class="container">
+  <template is="head" data="{{title: 'video'}}"/>
+  <view class="page-body">
+    <view class="page-section">
+      <view class="btn-area">
+        <button bindtap="ToOnlyVideo" type="primary" size="mini" class="btnclass">单video页面验证</button>
+        <button bindtap="ToMoreVideo" type="primary" size="mini" class="btnclass">多video页面验证</button>
+      </view>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfDemos/page/API/pages/video/index.js

@@ -0,0 +1,38 @@
+const { mate50ProTvc } =  require('../../../../config/global.config')
+Page({
+  onReady: function (res) {
+    this.videoContext = has.createVideoContext('nativeVideo')
+  },
+  data: {
+    src: mate50ProTvc
+  },
+
+  ToOnlyVideo() {
+    has.navigateTo({
+      url:'./onlyVideo/video',
+      success(res) {
+        console.log("navigateTo success: ", res)
+      },
+      fail(res) {
+        console.log("navigateTo fail: ", res)
+      },
+      complete(res) {
+        console.log("navigateTo complete: ", res)
+      }
+    })
+  },
+  ToMoreVideo() {
+    has.navigateTo({
+      url:'./moreVideo/video',
+      success(res) {
+        console.log("navigateTo success: ", res)
+      },
+      fail(res) {
+        console.log("navigateTo fail: ", res)
+      },
+      complete(res) {
+        console.log("navigateTo complete: ", res)
+      }
+    })
+  }
+})

package/dist/templates/ascfDemos/page/API/pages/video/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "拍摄/选择视频"
+}

package/dist/templates/ascfDemos/page/API/pages/video/video.css

@@ -0,0 +1,17 @@
+@import '../../../common/lib/asui.css';
+
+.con_video {
+  padding: 50rpx 33rpx 0;
+}
+.nativeVideo {
+  width: 100%;
+}
+.item {
+  margin-top: 24px;
+}
+.key {
+  line-height: 1;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.9);
+  margin-right: 8px;
+}

package/dist/templates/ascfDemos/page/API/pages/video/video.hxml

@@ -0,0 +1,7 @@
+<view class="con_video">
+  <video controls="true" id="nativeVideo_same" src="{{src}}" class="nativeVideo" />
+  <view class="item">
+    <text class="key">播放/暂停</text>
+    <switch checked="{{ isPlay }}" bindchange="statusChange" />
+  </view>
+</view>

package/dist/templates/ascfDemos/page/API/pages/video/video.js

@@ -0,0 +1,23 @@
+Page({
+  data: {
+    src: '/video/tempVideo.mp4',
+    isPlay: false,
+    /** @type {any} */
+    videoContext: '',
+  },
+  onReady: function (res) {
+    this.data.videoContext = has.createVideoContext('nativeVideo_same');
+  },
+  statusChange() {
+    let isPlay = this.data.isPlay;
+    isPlay = !isPlay;
+    if (isPlay) {
+      this.data.videoContext.play();
+    } else {
+      this.data.videoContext.pause();
+    }
+    this.setData({
+      isPlay,
+    });
+  },
+});

package/dist/templates/ascfDemos/page/API/pages/video/video.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "视频"
+}

package/dist/templates/ascfDemos/page/API/pages/webSocket/webSocket.css

@@ -0,0 +1,33 @@
+.item {
+  display: flex;
+  align-items: center;
+  margin: 24px 0;
+}
+.key {
+  margin-right: 8px;
+}
+.page_title .tit {
+  width: auto;
+  margin-right: 8px;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.6);
+  margin-bottom: 8px;
+  margin-left: 12px;
+}
+.page_title .page_input {
+  width: auto;
+  height: 46px;
+  background: rgba(0, 0, 0, 0.05);
+  padding-left: 12px;
+  border-radius: 8px;
+  font-size: 16px;
+}
+.container_x {
+  display: flex;
+  align-items: center;
+  height: 100vh;
+  padding: 0 16px;
+}
+.vertical_center {
+  width: 100%;
+}

package/dist/templates/ascfDemos/page/API/pages/webSocket/webSocket.hxml

@@ -0,0 +1,17 @@
+<view class="container_x">
+  <view class="vertical_center">
+    <view class="page_title">
+      <view class="tit">输入消息</view>
+      <input type="text" class="page_input" bindinput="messageChange"/>
+    </view>
+    <view class="item">
+      <view class="key">
+        WebSocket状态:
+      </view>
+      <view class="value">
+        <switch checked="{{status}}" bindchange="statusChange"/>
+      </view>
+    </view>
+    <button type="primary" bind:tap="sendMessage" disabled="{{ message == '' || status == false }}">发送消息</button>
+  </view>
+</view>

package/dist/templates/ascfDemos/page/API/pages/webSocket/webSocket.js

@@ -0,0 +1,103 @@
+Page({
+  data: {
+    message: '',
+    status: false,
+  },
+  onUnload() {
+    if (this.data.status) {
+      this.closeSocket();
+    }
+  },
+  messageChange(e) {
+    this.setData({
+      message: e.detail.value,
+    });
+  },
+  statusChange() {
+    if (!this.data.status) {
+      this.connectSocket();
+    } else {
+      this.closeSocket();
+    }
+  },
+  connectSocket() {
+    const that = this;
+    has.onSocketOpen (res => {
+      console.log('WebSocket:连接成功', res);
+      that.setData({
+        status: true,
+      });
+      has.showToast({
+        title: 'WebSocket已连接',
+      });
+    });
+    has.connectSocket({
+      // 此地址为测试用资源，请开发者根据自身需求进行替换。
+      url: 'wss://radui.cn/proxyws',
+      success(e) {
+        console.log('WebSocket:开始连接', e);
+      },
+      fail(e) {
+        that.setData({
+          status: false,
+        });
+        has.showToast({
+          title: 'WebSocket连接失败,请检查网络配置',
+        });
+        console.log('WebSocket:开始连接失败', e);
+      },
+    });
+  },
+  closeSocket() {
+    const that = this;
+    has.onSocketClose( res => {
+      console.log('WebSocket:关闭成功', res);
+      that.setData({
+        status: false,
+      });
+      has.showToast({
+        title: 'WebSocket已关闭',
+      });
+    });
+    has.closeSocket({
+      success(e) {
+        console.log('WebSocket:开始关闭', e);
+      },
+      fail(e) {
+        that.setData({
+          status: true,
+        });
+        has.showToast({
+          title: 'WebSocket关闭失败,请检查网络配置',
+        });
+        console.log('WebSocket:开始关闭失败', e);
+      },
+    });
+  },
+  sendMessage() {
+    const that = this;
+    has.onSocketMessage(res => {
+      if (typeof(res.data) !== "string") return;
+      has.showModal({
+        title: '发送成功',
+        content: res.data,
+        showCancel: false,
+        confirmText: '确认',
+        confirmColor: '#0a59f7',
+      });
+      console.log('WebSocket:发送成功', res.data);
+    });
+    has.sendSocketMessage({
+      data: that.data.message,
+      success(e) {
+        console.log('WebSocket 开始发送', e);
+      },
+      fail(e) {
+        has.showToast({
+          title: '发送失败,请检查网络配置',
+        });
+        console.log('sendSocketMessage fail', e);
+      },
+    });
+  },
+});

package/dist/templates/ascfDemos/page/API/pages/webSocket/webSocket.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "WebSocket"
+}