@atomicservice/ascf-base 1.0.14 → 1.0.16

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

@@ -0,0 +1,29 @@
+<import src="../../../common/head.hxml"/>
+<import src="../../../common/foot.hxml"/>
+
+<view class="container">
+  <template is="head" data="{{title: '陀螺仪'}}"/>
+
+  <view class="page-body">
+    <view class="page-body-xyz">
+      <view>x: {{x}}</view>
+      <view>y: {{y}}</view>
+      <view>z: {{z}}</view>
+    </view>
+    <view class="page-section page-section_center">
+      <view class="page-body-controls">
+        <button bindtap="changeInterval">改变执行频率:{{setInterval}}</button>
+        <button bindtap="startGyroscope" disabled="{{enabled}}">开始监听</button>
+        <button bindtap="stopGyroscope" disabled="{{!enabled}}">停止监听</button>
+        <button bindtap="onGyroscopeChange" disabled="{{onenabled}}">监听事件</button>
+        <button bindtap="offGyroscopeChange" disabled="{{!onenabled}}">取消监听事件</button>
+      </view>
+    </view>
+    <view class="contentclass">执行频率说明:</view>
+    <view class="contentclass child">game:适用于更新游戏的回调频率，在 20ms/次 左右</view>
+    <view class="contentclass child">ui:适用于更新 UI 的回调频率，在 60ms/次 左右</view>
+    <view class="contentclass child">normal:普通的回调频率，在 200ms/次 左右</view>
+  </view>
+
+  <template is="foot"/>
+</view>

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

@@ -0,0 +1,111 @@
+Page({
+  data: {
+    alpha: 0,
+    beta: 0,
+    gamma: 0,
+    enabled: false,
+    onenabled: false,
+    setInterval: 'normal',  //执行频率
+    idx: 1
+  },
+  changeInterval() {
+    if (this.data.idx % 3 === 1) {
+      this.setData({
+        setInterval: 'game',
+        idx: 2
+      })
+      has.showModal({
+        title: '当前回调频率为game',
+        content: '重现点击开始监听后生效',
+      })
+    } else if (this.data.idx % 3 === 2) {
+      this.setData({
+        setInterval: 'ui',
+        idx: 3
+      })
+      has.showModal({
+        title: '当前回调频率为ui',
+        content: '重现点击开始监听后生效',
+      })
+    } else {
+      this.setData({
+        setInterval: 'normal',
+        idx: 1
+      })
+      has.showModal({
+        title: '当前回调频率为normal',
+        content: '重现点击开始监听后生效',
+      })
+    }
+  },
+  startGyroscope() {
+    if (this.data.enabled) {
+      return
+    }
+    const that = this
+    has.startGyroscope({
+      // @ts-ignore
+      interval: this.data.setInterval,
+      success() {
+        that.setData({
+          enabled: true
+        })
+        has.showModal({
+          title: '开启成功',
+          content: '开启监听事件后可监听数据变化',
+        })
+      },
+      fail(res) {
+        has.showModal({
+          title: '开启失败',
+          content: JSON.stringify(res),
+        })
+      },
+      complete() {
+        console.log("开启完成")
+      }
+    })
+  },
+  stopGyroscope() {
+    if (!this.data.enabled) {
+      return
+    }
+    const that = this
+    has.stopGyroscope({
+      success() {
+        that.setData({
+          enabled: false
+        })
+      },
+      fail(res) {
+        has.showModal({
+          title: '停止失败',
+          content: JSON.stringify(res),
+        })
+      },
+      complete() {
+        console.log("停止完成")
+      }
+    })
+  },
+
+  onGyroscopeChange() {
+    const that = this
+    has.onGyroscopeChange(res => {
+      that.setData({
+        x: res.x,
+        y: res.y,
+        z: res.z
+      })
+    })
+    this.setData({
+      onenabled: true
+    })
+  },
+  offGyroscopeChange() {
+    has.offGyroscopeChange()
+    this.setData({
+      onenabled: false
+    })
+  }
+})

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

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "陀螺仪"
+}

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

@@ -0,0 +1,40 @@
+page{
+  line-height: 1;
+}
+.imageclass {
+  width: 100%;
+  margin-bottom:50rpx;
+}
+.con_image {
+  padding: 50rpx 33rpx 110rpx;
+}
+.preview {
+  margin-top: 25rpx;
+  margin-bottom: 50rpx;
+}
+.item {
+  margin-bottom: 25rpx;
+  line-height: 1;
+  width: 100%;
+  display: flex;
+}
+.key {
+  white-space: nowrap;
+  margin-right: 8px;
+  font-size: 34rpx;
+  color: rgba(0, 0, 0, 0.6);
+  height: 32rpx;
+}
+.value {
+  height: 34rpx;
+  width: 544rpx;
+  overflow-x: auto;
+  font-size: 32rpx;
+  color: rgba(0, 0, 0, 0.9);
+}
+::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+  color: transparent;
+}

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

@@ -0,0 +1,17 @@
+<view class="con_image">
+  <image class="imageclass" src="{{imageSrc}}" mode="widthFix" />
+  <button bindtap="saveImageToPhotosAlbum" type="primary">保存图片</button>
+  <button bindtap="chooseImage" type="primary" class="preview">预览图片</button>
+  <view class="item">
+    <view class="key">文件地址:</view>
+    <view class="value">{{imageInfo.path}}</view>
+  </view>
+  <view class="item">
+    <view class="key">高度:</view>
+    <view class="value">{{imageInfo.height}}</view>
+  </view>
+  <view class="item">
+    <view class="key">宽度:</view>
+    <view class="value">{{imageInfo.width}}</view>
+  </view>
+</view>

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

@@ -0,0 +1,82 @@
+const { downloadExampleUrl } =  require('../../../../config/global.config')
+Page({
+  data: {
+    imageSrc: downloadExampleUrl,
+    imageInfo: {},
+  },
+  chooseImage() {
+    const that = this;
+    has.chooseImage({
+      count: 1,
+      success(res) {
+        that.getImageInfo(res.tempFilePaths[0]);
+        that.previewImage(res.tempFilePaths);
+        console.log('chooseImage success compressed', res);
+      },
+      fail(res) {
+        console.log('chooseImage fail', res);
+      },
+      complete(res) {
+        console.log('chooseImage fail');
+      },
+    });
+  },
+  previewImage(urls) {
+    has.previewImage({
+      urls,
+    });
+  },
+  saveImageToPhotosAlbum() {
+    let that = this;
+    has.getImageInfo({
+      src: that.data.imageSrc,
+      success(res) {
+        console.log('getImageInfo success, res is', res);
+        that.toSave(res.path);
+      },
+      fail(err) {
+        console.log('getImageInfo fail', err);
+      },
+    });
+  },
+  toSave(url) {
+    has.saveImageToPhotosAlbum({
+      filePath: url,
+      success(res) {
+        console.log('saveImageToPhotosAlbum success', res);
+        has.showToast({
+          title: '保存图片成功',
+          icon: 'none',
+        });
+      },
+      fail(res) {
+        console.log('saveImageToPhotosAlbum fail', res);
+        has.showToast({
+          title: '保存图片失败',
+          icon: 'none',
+        });
+      },
+      complete(res) {
+        console.log('saveImageToPhotosAlbum complete');
+      },
+    });
+  },
+  getImageInfo(url) {
+    const that = this;
+    has.getImageInfo({
+      src: url,
+      success(res) {
+        console.log('getImageInfo success', JSON.stringify(res));
+        that.setData({
+          imageInfo: res,
+        });
+      },
+      fail(res) {
+        console.log('getImageInfo fail', res);
+      },
+      complete(res) {
+        console.log('getImageInfo complete');
+      },
+    });
+  },
+});

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

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

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

@@ -0,0 +1,10 @@
+<view>这是一个数字初始值是1，现在是:{{value1}}</view>
+<view>setInterval回调函数里的参数1：{{param1}}参数2：{{param2}}</view>
+<button type="primary" bindtap="setInterval1">setInterval让上面这个值每1000ms加一</button>
+<button type="primary" bindtap="clearInterval">clearInterval取消这个定时器</button>
+
+
+<view>这是一个数字初始值是100，现在是:{{value2}}</view>
+<view>setTimeout回调函数里的参数1：{{param11}}参数2：{{param22}}</view>
+<button type="primary" bindtap="setTimeout">setTimeout让上面这个值3000ms后加一</button>
+<button type="primary" bindtap="clearTimeout">clearTimeout取消这个定时器</button>

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

@@ -0,0 +1,54 @@
+const sourceType = [['camera'], ['album'], ['camera', 'album']]
+const sizeType = [['compressed'], ['original'], ['compressed', 'original']]
+const downloadExampleUrl = require('../../../../config/global.config').downloadExampleUrl
+
+Page({
+    data: {
+        value1:1,
+        value2:100,
+        param1:'',
+        param2:'',
+        param11:'',
+        param22:'',
+        intervalId:0,
+        timeOutId:0,
+    },
+    setInterval1(){
+
+        let intervalId=setInterval((p1,p2) => {
+            console.log('setInterval success');
+            this.setData({
+                value1:this.data.value1+1,
+                param1:p1,
+                param2:p2,
+            })
+        }, 1000, 'param1', 'param2');
+        console.log('hc1'+intervalId)
+        this.setData({
+            intervalId:intervalId
+        })
+    },
+    clearInterval(){
+        console.log('hc2'+this.data.intervalId)
+        clearInterval(this.data.intervalId);
+    },
+
+
+    setTimeout(){
+
+        let timeOutId=setTimeout((p1,p2) => {
+            console.log('setTimeout success');
+            this.setData({
+                value2:this.data.value2+1,
+                param11:p1,
+                param22:p2,
+            })
+        }, 3000, 'param1', 'param2');
+        this.setData({
+            timeOutId:timeOutId
+        })
+    },
+    clearTimeout(){
+        clearTimeout(this.data.timeOutId);
+    }
+})

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

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "定时器"
+}

package/dist/templates/ascfDemos/page/API/pages/make-phone-call/make-phone-call.css

@@ -0,0 +1,17 @@
+.page_title {
+  width: calc(100% - 32px);
+  position: absolute;
+  top: calc(50% - 100rpx);
+  transform: translate(-50%, -50%);
+  left: 50%;
+  padding: 0 16px;
+}
+.page_input {
+  width: auto;
+  height: 46px;
+  background: rgba(0, 0, 0, 0.05);
+  padding-left: 12px;
+  border-radius: 8px;
+  font-size: 16px;
+  margin-bottom: 24px;
+}

package/dist/templates/ascfDemos/page/API/pages/make-phone-call/make-phone-call.hxml

@@ -0,0 +1,6 @@
+<view class="container_x">
+  <view class="page_title">
+    <input class="page_input" type="number" placeholder="请输入电话号码" bindinput="numberChange" />
+  </view>
+  <button type="primary" class="vertical_center" bind:tap="phoneCall" disabled="{{number == 0}}">点击拨打电话</button>
+</view>

package/dist/templates/ascfDemos/page/API/pages/make-phone-call/make-phone-call.js

@@ -0,0 +1,15 @@
+Page({
+  data: {
+    number: '',
+  },
+  numberChange(e) {
+    this.setData({
+      number: e.detail.value,
+    });
+  },
+  phoneCall() {
+    has.makePhoneCall({
+      phoneNumber: this.data.number,
+    });
+  },
+});

package/dist/templates/ascfDemos/page/API/pages/make-phone-call/make-phone-call.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "拨打电话"
+}

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

@@ -0,0 +1,6 @@
+button {
+  background-color: #ff0000;
+  color: white;
+  padding: 20rpx;
+  border-radius: 5rpx;
+}

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

@@ -0,0 +1,10 @@
+<import src="../../../common/head.hxml"/>
+<import src="../../../common/foot.hxml"/>
+
+<view class="container">
+     <view class="page-body">
+        <button type="primary" bindtap="setNavigationBarTitle">设置标题</button>
+        <button type="primary" bindtap="setNavigationBarColor">设置颜色</button>
+        <button type="primary" bindtap="navigateToNextPage">跳转下一页</button>
+      </view>
+</view>

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

@@ -0,0 +1,93 @@
+Page({
+
+  navigateToNextPage: function() {
+    // 跳转到页面B
+    has.navigateTo({
+      url: '/page/API/pages/navigationBarNextPage/navigationBarNextPage'
+    });
+  },
+
+  setNavigationBarTitle() {
+
+    // // 正常情况
+    has.setNavigationBarTitle({
+      title: '当前页面',
+      success: () => {
+        console.log('####setNavigationBarTitle成功')
+      },
+      fail: () => {
+        console.log('####setNavigationBarTitle失败')
+      }
+    });
+
+    // // 不传必填参数title
+    // has.setNavigationBarTitle({
+    //   success: () => {
+    //     console.log('####setNavigationBarTitle成功')
+    //   },
+    //   fail: () => {
+    //     console.log('####setNavigationBarTitle失败')
+    //   }
+    // });
+  },
+
+  setNavigationBarColor() {
+    // 正常情况
+    has.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#ff0000',
+      success: () => {
+        console.log('####setNavigationBarColor成功')
+      },
+      fail: () => {
+        console.log('####setNavigationBarColor失败')
+      }
+    });
+
+    // // frontColor非法值
+    // has.setNavigationBarColor({
+    //   frontColor: '#FFFF00',
+    //   backgroundColor: '#ff0000',
+    //   success: () => {
+    //     console.log('####setNavigationBarColor成功')
+    //   },
+    //   fail: () => {
+    //     console.log('####setNavigationBarColor失败')
+    //   }
+    // });
+
+    // // backgroundColor非法值
+    // has.setNavigationBarColor({
+    //   frontColor: '#000000',
+    //   backgroundColor: '&&*',
+    //   success: () => {
+    //     console.log('####setNavigationBarColor成功')
+    //   },
+    //   fail: () => {
+    //     console.log('####setNavigationBarColor失败')
+    //   }
+    // });
+
+    // // frontColor不传
+    // has.setNavigationBarColor({
+    //   backgroundColor: '#ff0000',
+    //   success: () => {
+    //     console.log('####setNavigationBarColor成功')
+    //   },
+    //   fail: () => {
+    //     console.log('####setNavigationBarColor失败')
+    //   }
+    // });
+
+    // // backgroundColor不传
+    // has.setNavigationBarColor({
+    //   frontColor: '#000000',
+    //   success: () => {
+    //     console.log('####setNavigationBarColor成功')
+    //   },
+    //   fail: () => {
+    //     console.log('####setNavigationBarColor失败')
+    //   }
+    // });
+  }
+})

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

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "navigationBar",
+  "enablePullDownRefresh": true
+}

package/dist/templates/ascfDemos/page/API/pages/navigator/navigate/navigate.hxml

@@ -0,0 +1 @@
+<as-cell title="点击左上角返回回到之前页面"></as-cell>

package/dist/templates/ascfDemos/page/API/pages/navigator/navigate/navigate.js

@@ -0,0 +1,2 @@
+Page({
+})

package/dist/templates/ascfDemos/page/API/pages/navigator/navigate/navigate.json

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

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

@@ -0,0 +1,6 @@
+<as-cell title="以下展示使用接口跳转页面能力">
+  <button bind:tap="navigate">保留当前页面,跳转到新页面</button>
+  <button bind:tap="navigateToSubPackages">保留当前页面,跳转到分包页面</button>
+  <button bind:tap="redirect">关闭当前页面,跳转到新页面</button>
+  <button bind:tap="switchTab">跳转到开放能力Tab页</button>
+</as-cell>

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

@@ -0,0 +1,22 @@
+Page({
+  navigate() {
+    has.navigateTo({
+      url: 'navigate/navigate',
+    });
+  },
+  navigateToSubPackages() {
+    has.navigateTo({
+      url: '/packageA/index/index',
+    })
+  },
+  redirect() {
+    has.redirectTo({
+      url: 'redirect/redirect',
+    });
+  },
+  switchTab() {
+    has.switchTab({
+      url: '/page/open/index',
+    });
+  },
+});

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

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

package/dist/templates/ascfDemos/page/API/pages/navigator/redirect/redirect.hxml

@@ -0,0 +1 @@
+<as-cell title="当前页不能返回上级页面"></as-cell>

package/dist/templates/ascfDemos/page/API/pages/navigator/redirect/redirect.js

@@ -0,0 +1,2 @@
+Page({
+     });

package/dist/templates/ascfDemos/page/API/pages/navigator/redirect/redirect.json

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

package/dist/templates/ascfDemos/page/API/pages/open-location/open-location.css

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

package/dist/templates/ascfDemos/page/API/pages/open-location/open-location.hxml

@@ -0,0 +1,48 @@
+<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="bindLongitudeInput" type="text" value="{{value.longitude}}"
+                name="longitude" />
+            </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="bindLatitudeInput" type="text" value="{{value.latitude}}"
+                name="latitude" />
+            </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="bindNameInput" value="{{value.name}}" name="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" type="text" bindinput="bindAddressInput" value="{{value.address}}"
+                name="address" />
+            </view>
+          </view>
+        </view>
+        <view class="btn-area">
+          <button type="primary" formType="submit">打开地图查看位置</button>
+        </view>
+      </form>
+    </view>
+  </view>
+</view>