@atomicservice/ascf-base 1.0.14 → 1.0.16

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

@@ -0,0 +1,84 @@
+Page({
+  data: {
+    enabled: false,
+    direction: 0,
+    resData: ''
+  },
+  onReady() {
+    const that = this
+    has.onCompassChange(res => {
+      that.setData({
+        direction: res.direction,
+        resData: JSON.stringify(res),
+        enabled: true
+      })
+    })
+  },
+  startCompass() {
+    if (this.data.enabled) {
+      return
+    }
+    const that = this
+    has.startCompass({
+      success(res) {
+        console.log("startCompass success: ", JSON.stringify(res))
+        that.setData({
+          enabled: true
+        })
+        has.showModal({
+          title: '开启成功',
+          content: '开启监听事件后可监听数据变化',
+        })
+      },
+      fail(res) {
+        console.log("startCompass fail: ", JSON.stringify(res))
+        has.showModal({
+          title: '开启失败',
+          content: JSON.stringify(res),
+        })
+      },
+      complete(res) {
+        console.log("startCompass complete: ", JSON.stringify(res))
+      }
+    })
+  },
+  stopCompass() {
+    if (!this.data.enabled) {
+      return
+    }
+    const that = this
+    has.stopCompass({
+      success() {
+        that.setData({
+          enabled: false
+        })
+      },
+      fail(res) {
+        console.log("stopCompass fail: ", JSON.stringify(res))
+        has.showModal({
+          title: '停止失败',
+          content: JSON.stringify(res),
+        })
+      },
+      complete(res) {
+        console.log("stopCompass complete: ", JSON.stringify(res))
+      }
+    })
+  },
+  onCompassChange() {
+    const that = this
+    has.onCompassChange(res => {
+      that.setData({
+        direction: res.direction,
+        resData: JSON.stringify(res),
+        enabled: true
+      })
+    })
+  },
+  offCompassChange() {
+    has.offCompassChange()
+    this.setData({
+      enabled: false
+    })
+  }
+})

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

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

package/dist/templates/ascfDemos/page/API/pages/contact/add-contact/add-contact.css

@@ -0,0 +1 @@
+@import '../../../../common/lib/asui.css';

package/dist/templates/ascfDemos/page/API/pages/contact/add-contact/add-contact.hxml

@@ -0,0 +1,53 @@
+<view class="container">
+  <view class="page-body">
+    <view class="page-section">
+      <form bindsubmit="openLocation">
+        <view class="asui-cells asui-cells_after-title">
+          <view class="asui-cell asui-cell_input">
+            <view class="asui-cell__hd">
+              <view class="asui-label">姓名</view>
+            </view>
+            <view class="asui-cell__bd">
+              <input class="asui-input" bindinput="bindFirstName" type="text" />
+            </view>
+          </view>
+          <view class="asui-cell asui-cell_input">
+            <view class="asui-cell__hd">
+              <view class="asui-label">手机号</view>
+            </view>
+            <view class="asui-cell__bd">
+              <input class="asui-input" bindinput="bindMobilePhoneNumber" type="text" />
+            </view>
+          </view>
+          <view class="asui-cell asui-cell_input">
+            <view class="asui-cell__hd">
+              <view class="asui-label">备注</view>
+            </view>
+            <view class="asui-cell__bd">
+              <input class="asui-input" type="text" bindinput="bindRemark" />
+            </view>
+          </view>
+          <view class="asui-cell asui-cell_input">
+            <view class="asui-cell__hd">
+              <view class="asui-label">工作电话</view>
+            </view>
+            <view class="asui-cell__bd">
+              <input class="asui-input" type="text" bindinput="bindWorkPhoneNumber" />
+            </view>
+          </view>
+          <view class="asui-cell asui-cell_input">
+            <view class="asui-cell__hd">
+              <view class="asui-label">电子邮箱</view>
+            </view>
+            <view class="asui-cell__bd">
+              <input class="asui-input" type="text" bindinput="bindEmail" />
+            </view>
+          </view>
+        </view>
+        <view class="btn-area">
+          <button type="primary" bindtap="submit" disabled="{{value.firstName == ''}}">添加联系人</button>
+        </view>
+      </form>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfDemos/page/API/pages/contact/add-contact/add-contact.js

@@ -0,0 +1,59 @@
+Page({
+  data: {
+    value: {
+      firstName: '',
+      mobilePhoneNumber: '',
+      remark: '',
+      workPhoneNumber: '',
+      email: '',
+    },
+  },
+  bindFirstName: function (e) {
+    this.setData({
+      ['value.firstName']: e.detail.value,
+    });
+  },
+  bindMobilePhoneNumber: function (e) {
+    this.setData({
+      ['value.mobilePhoneNumber']: e.detail.value,
+    });
+  },
+  bindRemark: function (e) {
+    this.setData({
+      ['value.remark']: e.detail.value,
+    });
+  },
+  bindWorkPhoneNumber: function (e) {
+    this.setData({
+      ['value.workPhoneNumber']: e.detail.value,
+    });
+  },
+  bindEmail: function (e) {
+    this.setData({
+      ['value.email']: e.detail.value,
+    });
+  },
+  submit() {
+    const that = this;
+    has.authorize({
+      scope: 'scope.addPhoneContact',
+      success: () => {
+        has.addPhoneContact({
+          ...that.data.value,
+          success(e) {
+            has.showToast({
+              title: '添加成功',
+            });
+            console.log('addPhoneContact success. ', e);
+          },
+          fail(e) {
+            console.log('addPhoneContact fail. ', e);
+          },
+        });
+      },
+      fail(e) {
+        console.log('authorize fail', e);
+      },
+    });
+  },
+});

package/dist/templates/ascfDemos/page/API/pages/contact/add-contact/add-contact.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "新增联系人"
+}

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

@@ -0,0 +1,29 @@
+@import '../../../common/lib/asui.css';
+
+input {
+  width: 100%;
+}
+
+.picture-wrap {
+  display: flex;
+  justify-content: center;
+}
+
+.user {
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  margin-bottom: 24px;
+  margin-top: 24px;
+  background: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.6);
+  font-size: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.picture {
+  width: 80px;
+  height: 80px;
+}

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

@@ -0,0 +1,34 @@
+<view class="container">
+  <view class="page-body">
+    <view class="page-section">
+      <view class="picture-wrap">
+        <view class="user">
+          <image has:if="{{Avatar == -1}}" class="picture" src="/page/API/image/user.png" />
+          <text has:else>{{Avatar}}</text>
+        </view>
+      </view>
+      <view class="asui-cells asui-cells_after-title">
+        <view class="asui-cell asui-cell_input">
+          <view class="asui-cell__hd">
+            <view class="asui-label">姓名</view>
+          </view>
+          <view class="asui-cell__bd">
+            <input class="asui-input" disabled="true" value="{{name}}" />
+          </view>
+        </view>
+        <view class="asui-cell asui-cell_input">
+          <view class="asui-cell__hd">
+            <view class="asui-label">手机号</view>
+          </view>
+          <view class="asui-cell__bd">
+            <input class="asui-input" disabled="true" value="{{phoneNumber}}" />
+          </view>
+        </view>
+      </view>
+      <view class="btn-area">
+        <button bindtap="choose">从联系人中选择</button>
+        <button type="primary" bindtap="addPhoneContact">新增联系人</button>
+      </view>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,47 @@
+let patternStr = new RegExp('[\u4E00-\u9FA5]+');
+let patternLetters = /^[A-Za-z]+$/;
+Page({
+  data: {
+    Avatar: -1,
+    name: '',
+    phoneNumber: '',
+  },
+  getCharacter(str) {
+    let index = 0;
+    for (let i = 0; i < str.length; i++) {
+      if (patternStr.test(str[i])) {
+        index = i;
+      }
+    }
+    return str[index];
+  },
+  getAvatar(str) {
+    if (patternStr.test(str)) {
+      return this.getCharacter(str);
+    } else {
+      if (patternLetters.test(str)) {
+        return str[0];
+      } else {
+        return -1;
+      }
+    }
+  },
+  addPhoneContact() {
+    has.navigateTo({
+      url: '/page/API/pages/contact/add-contact/add-contact',
+    });
+  },
+  choose() {
+    const that = this;
+    has.chooseContact({
+      success(res) {
+        that.setData({
+          name: res.displayName,
+          phoneNumber: res.phoneNumber,
+          Avatar:that.getAvatar(res.displayName)
+        });
+        console.log('chooseContact success', res);
+      },
+    });
+  },
+});

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

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "联系人"
+}

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

@@ -0,0 +1,21 @@
+.container_directions {
+  padding: 24px 16px 0;
+}
+.coordinate_key {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.6);
+  margin-right: 8px;
+}
+.coordinate_value {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.9);
+}
+.coordinate_item {
+  display: flex;
+  margin-bottom: 12px;
+  line-height: 1;
+}
+.coordinate_switch {
+  display: flex;
+  margin-top: 24px;
+}

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

@@ -0,0 +1,20 @@
+<view class="container_directions">
+  <view class="coordinate_item">
+    <view class="coordinate_key">偏航角:</view>
+    <view class="coordinate_value">{{alpha}}<text has:if="{{alpha != ''}}">°</text></view>
+  </view>
+  <view class="coordinate_item">
+    <view class="coordinate_key">俯仰角:</view>
+    <view class="coordinate_value">{{beta}}<text has:if="{{beta != ''}}">°</text></view>
+  </view>
+  <view class="coordinate_item">
+    <view class="coordinate_key">横滚角:</view>
+    <view class="coordinate_value">{{gamma}}<text has:if="{{gamma != ''}}">°</text></view>
+  </view>
+  <view class="coordinate_switch">
+    <view class="coordinate_key">监听设备方向</view>
+    <view class="coordinate_value">
+      <switch checked="{{ isListening }}" bindchange="ListeningStatusChange" />
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,35 @@
+Page({
+  data: {
+    isListening: false,
+    alpha: 0,
+    beta: 0,
+    gamma: 0,
+  },
+  onLoad(options) {
+    has.startDeviceMotionListening({ interval: 'ui' });
+  },
+  onUnload() {
+    has.stopDeviceMotionListening();
+  },
+  ListeningStatusChange(e) {
+    let isListening = !this.data.isListening;
+    this.setData({
+      isListening,
+    });
+    let that = this;
+    if (isListening) {
+      has.onDeviceMotionChange(res => {
+        that.setData({
+          alpha: res.alpha,
+          beta: res.beta,
+          gamma: res.gamma,
+        });
+      });
+    } else {
+      has.offDeviceMotionChange();
+      has.showToast({
+        title: '停止监听',
+      });
+    }
+  },
+});

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

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "监听设备方向"
+}

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

@@ -0,0 +1,3 @@
+<view class="container_x">
+  <button type="primary" class="vertical_center" bindtap="stopPullDownRefresh">点击停止刷新</button>
+</view>

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

@@ -0,0 +1,16 @@
+Page({
+  onPullDownRefresh() {
+    has.showToast({
+      title: '刷新持续4s',
+      duration: 1500
+    })
+    console.log('onPullDownRefresh', new Date());
+  },
+  stopPullDownRefresh() {
+    has.stopPullDownRefresh({
+      complete(res) {
+        console.log(res, new Date());
+      },
+    });
+  },
+});

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

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "下拉刷新",
+  "enablePullDownRefresh": true,
+  "backgroundColor": "#F1F3F5"
+}

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

@@ -0,0 +1,6 @@
+
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}

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

@@ -0,0 +1,4 @@
+<as-cell class="container">
+  <image src="{{src}}" />
+  <button bindtap="downloadImage">保存图片</button> 
+</as-cell>

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

@@ -0,0 +1,42 @@
+const downloadExampleUrl = require('../../../../config/global.config').downloadExampleUrl;
+
+Page({
+  data: {
+    src: downloadExampleUrl
+  },
+  saveImage(filePath) {
+    has.saveImageToPhotosAlbum({
+      filePath,
+      success(res) {
+        console.log('saveImageToPhotosAlbum success')
+      },
+      fail(res) {
+        console.log('saveImageToPhotosAlbum fail')
+      },
+      complete(res) {
+        console.log('saveImageToPhotosAlbum complete')
+      }
+    });
+  },
+  downloadImage() {
+    const self = this;
+    has.downloadFile({
+      // 此地址为测试用资源，请开发者根据自身需求进行替换。
+      url: downloadExampleUrl,
+      success(res) {
+        has.showToast({
+          title: '下载成功'
+        });
+        console.log('downloadFile success, res is:', res);
+        self.saveImage(res.tempFilePath);
+      },
+      fail(err) {
+        has.showToast({
+          title: '下载失败'
+        });
+        console.log('downloadFile fail, err is:', err);
+      }
+    })
+  },
+
+})

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

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "下载文件"
+}

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

@@ -0,0 +1 @@
+/* page/API/pages/env/env.css */

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

@@ -0,0 +1,16 @@
+<import src="../../../common/head.hxml"/>
+<import src="../../../common/foot.hxml"/>
+
+<view class="container">
+  <template is="head" data="{{title: 'env'}}"/>
+
+  <view class="page-body">
+    <view>用户数据文件夹：文件系统中的用户目录路径 (本地路径)</view>
+    <view class="btn-area">
+      <view>用户路径：{{envData}}</view>
+      <button type="default" bindtap="getenv">获取env</button>
+    </view>
+  </view>
+
+  <template is="foot"/>
+</view>

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

@@ -0,0 +1,15 @@
+// page/API/pages/env/env.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    envData:''
+  },
+  getenv(){
+    this.setData({
+      envData: has.env.USER_DATA_PATH
+    })
+  }
+})

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

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

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

@@ -0,0 +1,9 @@
+.con_file {
+  padding: 50rpx 33rpx 0;
+}
+.button_area {
+  margin-top: 50rpx;
+}
+button {
+  margin-bottom: 25rpx;
+}

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

@@ -0,0 +1,8 @@
+<view class="con_file">
+  <textarea maxlength="50" bindinput="valueChange" placeholder="请输入文件内容，最多不超过50字" />
+  <view class="button_area">
+    <button bindtap="writeFile" disabled="{{value === ''}}">添加文件到临时文件列表</button>
+    <button bindtap="readFile">从临时文件列表读取文件</button>
+    <button bindtap="unlink" type="primary">从临时文件列表删除文件</button>
+  </view>
+</view>

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

@@ -0,0 +1,75 @@
+const fileSystemManager = has.getFileSystemManager();
+Page({
+  data: {
+    value: '',
+  },
+  valueChange(e) {
+    this.setData({
+      value: e.detail.value,
+    });
+  },
+  writeFile() {
+    fileSystemManager.writeFile({
+      filePath: 'internal://cache/demo.txt',
+      data: this.data.value,
+      encoding: 'utf-8',
+      success(e) {
+        has.showToast({
+          title: '添加成功',
+          icon: 'none',
+        });
+        console.log('writeFile success', e);
+      },
+      fail(e) {
+        console.log('writeFile fail', e);
+      },
+    });
+  },
+  readFile() {
+    fileSystemManager.readFile({
+      filePath: 'internal://cache/demo.txt',
+      encoding: 'utf-8',
+      position: 0,
+      success(e) {
+        if (typeof(e.data) !== "string") {
+          return;
+        }
+        has.showModal({
+          title: '读取成功',
+          content: e.data,
+          confirmColor: '#0A59F7',
+          showCancel: false,
+          confirmText: '确认',
+        });
+        console.log('readFile success', e);
+      },
+      fail(e) {
+        has.showToast({
+          title: '读取失败，请先添加文件',
+          icon: 'none',
+        });
+        console.log('readFile fail', e);
+      },
+      complete() {},
+    });
+  },
+  unlink() {
+    fileSystemManager.unlink({
+      filePath: 'internal://cache/demo.txt',
+      success(e) {
+        has.showToast({
+          title: '删除成功',
+          icon: 'none',
+        });
+        console.log('unlink success', e);
+      },
+      fail(e) {
+        has.showToast({
+          title: '删除失败，请先添加文件',
+          icon: 'none',
+        });
+        console.log('unlink fail', e);
+      },
+    });
+  },
+});

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

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "文件管理"
+}

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

@@ -0,0 +1,16 @@
+/* page/API/pages/fileManager/fileManager.css */
+@import "../../../common/lib/asui.css";
+.image {
+  width: 100%;
+  height: 360rpx;
+}
+.page-body-info {
+  display: flex;
+  box-sizing: border-box;
+  padding: 30rpx;
+  height: 420rpx;
+  border-top: 1rpx solid #D9D9D9;
+  border-bottom: 1rpx solid #D9D9D9;
+  align-items: center;
+  justify-content: center;
+}