@atomicservice/ascf-base 1.0.14 → 1.0.16

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

@@ -0,0 +1,143 @@
+function inArray(arr, key, val) {
+  for (let i = 0; i < arr.length; i++) {
+    if (arr[i][key] === val) {
+      return i;
+    }
+  }
+  return -1;
+}
+
+Page({
+  data: {
+    devices: [],
+    available: false,
+  },
+  onLoad() {
+    const that = this;
+    has.authorize({
+      scope: 'scope.bluetooth',
+      success: () => {
+        has.onBluetoothAdapterStateChange(res => {
+          console.log('adapterState changed, now is', res);
+          that.setData({
+            available: res.available,
+          });
+          if (res.available) {
+            that.openBluetoothAdapter();
+          } else {
+            that.stopBluetoothDevicesDiscovery();
+          }
+        });
+      },
+    });
+    this.openBluetoothAdapter();
+  },
+  onUnload() {
+    has.offBluetoothAdapterStateChange();
+    this.stopBluetoothDevicesDiscovery();
+  },
+  getBluetoothAdapterState() {
+    const that = this;
+    has.authorize({
+      scope: 'scope.bluetooth',
+      success: () => {
+        has.getBluetoothAdapterState({
+          success: (res) => {
+            that.setData({
+              available: res.available,
+            });
+            console.log('getBluetoothAdapterState success', res);
+          },
+          fail: (res) => {
+            console.log('getBluetoothAdapterState fail', res);
+          },
+        });
+      },
+    });
+  },
+  openBluetoothAdapter() {
+    const that = this;
+    has.authorize({
+      scope: 'scope.bluetooth',
+      success: () => {
+        has.openBluetoothAdapter({
+          success: (res) => {
+            console.log('openBluetoothAdapter success', res);
+            that.startBluetoothDevicesDiscovery();
+            that.getBluetoothAdapterState();
+          },
+          fail: (res) => {
+            console.log('openBluetoothAdapter fail', res);
+          },
+        });
+      },
+    });
+  },
+  startBluetoothDevicesDiscovery() {
+    if (this._discoveryStarted) {
+      return;
+    }
+    this._discoveryStarted = true;
+    const that = this;
+    has.startBluetoothDevicesDiscovery({
+      success: (res) => {
+        console.log('startBluetoothDevicesDiscovery success', res);
+        that.onBluetoothDeviceFound();
+      },
+      fail: (res) => {
+        console.log('startBluetoothDevicesDiscovery fail', res);
+      },
+    });
+  },
+  onBluetoothDeviceFound() {
+    has.onBluetoothDeviceFound((res) => {
+      console.log('onBluetoothDeviceFound', res.devices);
+      console.log('onBluetoothDeviceFoundlen', res.devices.length);
+      res.devices.forEach((device) => {
+        if (!device.name || !device.localName) {
+          return;
+        }
+        const data = {};
+        const foundDevices = this.data.devices;
+        const idx = inArray(foundDevices, 'deviceId', device.deviceId);
+        if (idx !== -1) {
+          data[`devices[${idx}]`] = device;
+        } else {
+          data[`devices[${foundDevices.length}]`] = device;
+        }
+        console.log(data);
+        this.setData(data);
+      });
+    });
+  },
+  stopBluetoothDevicesDiscovery() {
+    const that = this;
+    has.stopBluetoothDevicesDiscovery({
+      success: (res) => {
+        console.log('stopBluetoothDevicesDiscovery success', res);
+      },
+      fail: (res) => {
+        console.log('stopBluetoothDevicesDiscovery fail', res);
+      },
+      complete: () => {
+        that._discoveryStarted = false;
+      },
+    });
+  },
+  createBLEConnection(e) {
+    let deviceId = e.currentTarget.dataset.deviceid;
+    console.log('createBLEConnection deviceId', deviceId);
+    has.createBLEConnection({
+      deviceId,
+      success(res) {
+        has.showToast({
+          title: '创建链接成功,仅支持BLE设备',
+        });
+        console.log('createBLEConnection success', res);
+      },
+      fail(res) {
+        console.log('createBLEConnection fail', res);
+      },
+    });
+  }
+});

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

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

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

@@ -0,0 +1,6 @@
+<view class="container_x">
+  <view class="vertical_center">
+    <button type="primary" bindtap="addPhoneCalendar">添加一次性提醒日程</button>
+    <button type="primary" bindtap="addPhoneRepeatCalendar">添加每月重复日程</button>
+  </view>
+</view>

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

@@ -0,0 +1,37 @@
+Page({
+  addPhoneCalendar() {
+    const unixTimestamp = Math.floor(Date.now() / 1000) + 5;
+    has.authorize({
+      scope: 'scope.addPhoneCalendar',
+      success: () => {
+        has.addPhoneCalendar({
+          title: 'ASCF示例添加日程',
+          startTime: unixTimestamp,
+          success: () => {
+            has.showToast({
+              title: '添加成功',
+            });
+          },
+        });
+      },
+    });
+  },
+  addPhoneRepeatCalendar() {
+    const unixTimestamp = Math.floor(Date.now() / 1000) + 5;
+    has.authorize({
+      scope: 'scope.addPhoneCalendar',
+      success: () => {
+        has.addPhoneRepeatCalendar({
+          title: 'ASCF示例添加重复日程',
+          startTime: unixTimestamp,
+          success: () => {
+            has.showToast({
+              title: '添加成功',
+            });
+            console.log('####success回调');
+          },
+        });
+      },
+    });
+  },
+});

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

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

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

@@ -0,0 +1,40 @@
+@import "../../../common/lib/asui.css";
+
+camera {
+  height: 500rpx;
+}
+
+.preview-tips {
+  margin: 20rpx 0;  
+}
+
+.photo, .video {
+  margin-top: 50rpx;
+  width: 100%;
+}
+
+.btn-area {
+  margin-top: 0;
+}
+
+.first-btn {
+  margin-top: 30rpx;
+}
+
+form {
+  margin-top: 30rpx;
+}
+
+.asui-cell__bd {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 20rpx 0;
+  min-height: 60rpx;
+}
+.styleclass{
+  flex-direction:row;
+}
+.btnclasss{
+  margin-left: 30rpx;
+}

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

@@ -0,0 +1,27 @@
+<import src="../../../common/head.hxml" />
+<import src="../../../common/foot.hxml" />
+
+<view class="container">
+  <view class="page-body">
+    <view class="page-body-wrapper">
+            <camera flash="off" mode="normal" device-position="{{position}}" frame-size='medium' type={{type}} binderror="error" bindstop="stop" bindinitdone="initdone" bindscancode="scancode">
+      </camera>
+      <view class="styleclass">
+        <button type="primary" bindtap="takePhoto1" size="mini" class="btnclasss">拍照-high</button>
+        <button type="primary" bindtap="takePhoto" size="mini" class="btnclasss">拍照-normal</button>
+        <button type="primary" bindtap="takePhoto2" size="mini" class="btnclasss">拍照-low</button>
+      </view>
+      <view style="word-break:break-all; ">startRecord超过30s结束录像：{{timeoutlog}}</view>
+      <view style="word-break:break-all; ">用户不允许使用摄像头时触发：{{cameraerror}}</view>
+      <view style="word-break:break-all; ">摄像头在非正常终止时触发：{{camerastop}}</view>
+      <view style="word-break:break-all; ">相机初始化完成时触发：{{camerainitdone}}</view>
+      <view class="styleclass">
+        <button type="primary" bindtap="startRecord" size="mini" class="btnclasss">开始录像</button>
+        <button type="primary" bindtap="stopRecord" size="mini" class="btnclasss">结束录像</button>
+      </view>
+      <view class="preview-tips">预览</view>
+      <image has:if="{{src}}" mode="widthFix" class="photo" src="{{src}}"></image>
+      <video has:if="{{videoSrc}}" class="video" src="{{videoSrc}}"></video>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,153 @@
+Page({
+  onReady: function () {
+        this.ctx = has.createCameraContext()
+      },
+
+  data: {
+    src: '',
+    videoSrc: '',
+    position: 'back',
+    mode: 'scanCode',
+    enableflash: 'off',
+    result: {},
+    type: 'photo'
+  },
+  onLoad() {
+    let CameraContext = has.createCameraContext()
+    console.error("onLoad called. begin to create camera context");
+    this.ctx = has.createCameraContext();
+    this.type = 'video'
+  },
+  onShow() {
+    console.error("onShow called. begin to create camera context");
+    this.ctx = has.createCameraContext()
+  },
+  takePhoto() {
+    this.ctx.takePhoto({
+      quality: 'MEDIUM',
+      success: (res) => {
+        this.setData({
+          src: res.tempImagePath
+        })
+      },
+      fail: (res) => {
+        console.log('takePhoto normal fail', res)
+      },
+      complete: (res) => {
+        console.log('takePhoto normal complete')
+      }
+    })
+  },
+  takePhoto1() {
+    this.ctx.takePhoto({
+      quality: 'HIGH',
+      success: (res) => {
+        this.setData({
+          src: res.tempImagePath
+        })
+      },
+      fail: (res) => {
+        console.log('takePhoto high fail', res)
+      },
+      complete: (res) => {
+        console.log('takePhoto high complete')
+      }
+    })
+  },
+  takePhoto2() {
+    this.ctx.takePhoto({
+      quality: 'LOW',
+      success: (res) => {
+        this.setData({
+          src: res.tempImagePath
+        })
+      },
+      fail: (res) => {
+        console.log('takePhoto low fail', res)
+      },
+      complete: (res) => {
+        console.log('takePhoto low complete')
+      }
+    })
+  },
+  startRecord() {
+    const that = this
+    this.ctx.startRecord({
+      timeoutCallback: (res) => {
+        console.log('startRecord 超时', JSON.stringify(res))
+        that.setData({
+          timeoutlog: JSON.stringify(res),
+          videoSrc: res.tempVideoPath
+        })
+      },
+      success: () => {
+        console.log('startRecord success')
+      },
+      fail: (res) => {
+        console.log('startRecord fail', res)
+      },
+      complete: (res) => {
+        console.log('startRecord complete')
+      },
+    })
+  },
+  stopRecord() {
+    this.ctx.stopRecord({
+      success: (res) => {
+        console.log('stopRecord success', JSON.stringify(res))
+        this.setData({
+          src: res.tempThumbPath,
+          videoSrc: res.tempVideoPath
+        })
+      },
+      fail: (res) => {
+        console.log('stopRecord fail', res)
+      },
+      complete: (res) => {
+        console.log('stopRecord complete')
+      },
+    })
+  },
+  togglePosition() {
+    this.setData({
+      position: this.data.position === 'front'
+        ? 'back' : 'front'
+    })
+  },
+  toggleFlash() {
+    const that = this
+    that.setData({
+      enableflash: that.data.enableflash
+    })
+  },
+  toggleFlash1() {
+    const that = this
+    that.setData({
+      enableflash: 'auto'
+    })
+  },
+  error(e) {
+    const that = this
+    that.setData({
+      cameraerror: '用户不允许使用摄像头:' + JSON.stringify(e.detail)
+    })
+    console.log('用户不允许使用摄像头:', e.detail)
+  },
+  stop(e) {
+    const that = this
+    that.setData({
+      camerastop: '摄像头在非正常终止' + JSON.stringify(e.detail)
+    })
+    console.log('摄像头在非正常终止:', e.detail)
+  },
+  initdone(e) {
+    const that = this
+    that.setData({
+      camerainitdone: '相机初始化完成:' + JSON.stringify(e.detail)
+    })
+    console.log('相机初始化完成:', e.detail)
+  },
+  scancode(e) {
+    console.log('扫码识别成功:', e.detail)
+  },
+})

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

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

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

@@ -0,0 +1,27 @@
+.page_con {
+  width: calc(100% - 32px);
+  position: absolute;
+  top: calc(50% - 176rpx);
+  transform: translate(-50%, -50%);
+  left: 50%;
+  padding: 0 16px;
+}
+.page_con .result {
+  width: auto;
+  margin-right: 8px;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.6);
+  margin-bottom: 8px;
+  margin-left: 12px;
+}
+.page_con .value {
+  color: rgba(0, 0, 0, 0.9);
+}
+.page_con .page_input {
+  width: auto;
+  height: 46px;
+  background: rgba(0, 0, 0, 0.05);
+  padding-left: 12px;
+  border-radius: 8px;
+  font-size: 16px;
+}

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

@@ -0,0 +1,7 @@
+<view class="container_x">
+  <view class="page_con">
+    <view class="result">是否可用：<text class="value">{{canIUse}}</text></view>
+    <input type="text" class="page_input" bindinput="valueChange" placeholder="在此输入API或组件,例:image.src" />
+  </view>
+  <button type="primary" class="vertical_center" bindtap="canIuse">判断组件及属性或api是否可用</button>
+</view>

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

@@ -0,0 +1,22 @@
+Page({
+  data: {
+    value: '',
+  },
+
+  valueChange(e) {
+    if (e.detail.value === '') {
+      this.setData({
+        canIUse: '',
+      });
+    }
+    this.setData({
+      value: e.detail.value,
+    });
+  },
+  canIuse() {
+    const that = this;
+    that.setData({
+      canIUse: has.canIUse(this.data.value),
+    });
+  },
+});

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

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "API可用判断"
+}

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

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

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

@@ -0,0 +1,45 @@
+<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 disabled="true" class="asui-input" type="text" value="{{location.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 disabled="true" class="asui-input" type="text" value="{{location.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 disabled="true" class="asui-input" type="text" value="{{location.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 disabled="true" class="asui-input" type="text" value="{{location.address}}" name="address" />
+            </view>
+          </view>
+        </view>
+        <view class="btn-area">
+          <button type="primary" bindtap="chooseLocation">打开地图选取位置</button>
+        </view>
+      </form>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfDemos/page/API/pages/choose-location/choose-location.js

@@ -0,0 +1,26 @@
+Page({
+  data: {
+    hasLocation: false,
+    location: {},
+  },
+  chooseLocation() {
+    let that = this;
+    has.chooseLocation({
+      longitude: 114.52845090013192,
+      latitude: 30.497287768914163,
+      success: function (res) {
+        that.setData({
+          location: res,
+          hasLocation: true,
+        });
+        console.log('chooselocation success res = ' + JSON.stringify(res));
+      },
+      fail: function (res) {
+        console.log('chooselocation fail' + JSON.stringify(res));
+      },
+      complete: function (res) {
+        console.log('chooselocation complete' + JSON.stringify(res));
+      },
+    });
+  },
+});

package/dist/templates/ascfDemos/page/API/pages/choose-location/choose-location.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "选择位置"
+}

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

@@ -0,0 +1,47 @@
+.direction {
+  position: relative;
+  margin-top: 70rpx;
+  display: flex;
+  width: 540rpx;
+  height: 540rpx;
+  align-items: center;
+  justify-content: center;
+}
+.direction-value {
+  position: relative;
+  font-size: 200rpx;
+  color: #353535;
+  line-height: 1;
+  z-index: 1;
+}
+.direction-degree {
+  position: absolute;
+  top: 0;
+  right: -40rpx;
+  font-size: 60rpx;
+}
+.bg-compass{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 540rpx;
+  height: 540rpx;
+  transition: .1s;
+}
+.bg-compass-line{
+  position: absolute;
+  left: 267rpx;
+  top: -10rpx;
+  width: 6rpx;
+  height: 56rpx;
+  background-color: #1AAD19;
+  border-radius: 999rpx;
+  z-index: 1;
+}
+.controls{
+  margin-top: 70rpx;
+}
+.controls button{
+  margin-left: 20rpx;
+  float: left;
+}

package/dist/templates/ascfDemos/page/API/pages/compass/compass.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-section page-section_center">
+      <text class="page-body-text">旋转手机即可获取方位信息</text>
+      <view class="direction">
+        <view class="bg-compass-line"></view>
+        <image class="bg-compass" src="compass.png" style="transform: rotate({{direction}}deg)"></image>
+        <view class="direction-value">
+          <text>{{direction}}</text>
+          <text class="direction-degree">o</text>
+        </view>
+      </view>
+      <view>返回数据：{{resData}}</view>
+      <view class="controls">
+        <button bindtap="startCompass" disabled="{{enabled}}">开始监听</button>
+        <button bindtap="stopCompass" disabled="{{!enabled}}">停止监听</button>
+        <button bindtap="onCompassChange" disabled="{{enabled}}">监听事件</button>
+        <button bindtap="offCompassChange" disabled="{{!enabled}}">取消监听事件</button>
+      </view>
+    </view>
+  </view>
+
+  <template is="foot"/>
+</view>