init

xhs-mini-demos/api-case/navigator/navigate.js

@@ -0,0 +1,118 @@
+Page({
+  onShareAppMessage() {
+    return {
+      title: 'navigatePage',
+      path: 'page/component/pages/navigator/navigate',
+    };
+  },
+
+  data: {
+    apiData: {
+      content: '',
+      success: false,
+      fail: false,
+      complete: false,
+    },
+  },
+
+  resetApiData() {
+    this.setData({
+      apiData: {
+        success: false,
+        fail: false,
+        complete: false,
+        content: '',
+      },
+    });
+  },
+
+  updateApiData(type, content) {
+    const apiData = { ...this.data.apiData };
+    apiData[type] = true;
+    apiData.content = `${content}`;
+    this.setData({ apiData });
+  },
+
+  onLoad(options) {
+    console.log('onLoad:=====query:', options);
+    this.setData({
+      title: options.title,
+    });
+  },
+
+  switchTab() {
+    this.resetApiData();
+    xhs.switchTab({
+      url: '/page/API/index?sdsdsd=123',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  reLaunch() {
+    xhs.reLaunch({
+      url: '/page/component/index?fdgsd=12323',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  navigateBack() {
+    xhs.navigateBack({
+      delta: 2,
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  navigateTo() {
+    xhs.navigateTo({
+      url: 'page/component/pages/navigator/navigate?navi=123',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  redirectTo() {
+    xhs.redirectTo({
+      url: 'page/component/pages/navigator/navigate?navi=123',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+});

xhs-mini-demos/api-case/navigator/navigate.json

@@ -0,0 +1,7 @@
+{
+    "navigationBarTitleText": "跳转页",
+    "usingComponents": {
+        "showbox": "../../common/component/showbox/index",
+        "box": "../../common/component/container/index"
+    }
+}

xhs-mini-demos/api-case/navigator/navigate.xhsml

@@ -0,0 +1,9 @@
+<view class="container">
+  <showbox title="返回">
+    <box>
+      <navigator open-type="navigateBack">
+        <button class="_ui-button" hover-class="_ui-button-hover">navigateBack</button>
+      </navigator>
+    </box>
+  </showbox>
+</view>

xhs-mini-demos/api-case/navigator/navigator.css

@@ -0,0 +1,5 @@
+
+
+._dflex navigator button {
+  margin: 10px 0;
+}

xhs-mini-demos/api-case/navigator/navigator.js

@@ -0,0 +1,172 @@
+const __templateJs = require("./templates.js");
+const __mergePageOptions = require("../../util/mergePageOptions.js");
+Page(__mergePageOptions({
+  data: {
+    apiData: {
+      content: '',
+      success: false,
+      fail: false,
+      complete: false
+    }
+  },
+  resetApiData() {
+    this.setData({
+      apiData: {
+        success: false,
+        fail: false,
+        complete: false,
+        content: ''
+      }
+    });
+  },
+  updateApiData(type, content) {
+    console.log('------', content);
+    const apiData = {
+      ...this.data.apiData
+    };
+    apiData[type] = true;
+    apiData.content = content;
+    this.setData({
+      apiData
+    });
+  },
+  navigateTo() {
+    xhs.navigateTo({
+      url: './navigator',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  navigateToError() {
+    xhs.navigateTo({
+      url: './navigatorerror',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  navigateBack() {
+    xhs.navigateBack({
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  navigateBack1() {
+    xhs.navigateBack({
+      delta: -1,
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  redirectTo() {
+    xhs.redirectTo({
+      url: './navigator',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  redirectToError() {
+    xhs.redirectTo({
+      url: './navigatorxxxx',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  switchTab() {
+    xhs.switchTab({
+      url: '/page/component/index',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  switchTabError() {
+    xhs.switchTab({
+      url: '/page/component/indexerror',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  reLaunch() {
+    xhs.reLaunch({
+      url: '/page/component/index',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  },
+  reLaunchError() {
+    xhs.reLaunch({
+      url: '/page/component/indexerror',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      }
+    });
+  }
+}, __templateJs));

xhs-mini-demos/api-case/navigator/navigator.json

@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "页面导航api",
+  "usingComponents": {
+    "showbox": "../../common/component/showbox/index",
+    "box": "../../common/component/container/index",
+    "api-status": "../../common/component/api-status/index"
+  }
+}

xhs-mini-demos/api-case/navigator/navigator.xhsml

@@ -0,0 +1,27 @@
+<view class="container">
+    <showbox title="通过调用api进行跳转">
+      <box>
+        <view class="_ui-space">
+          <navigator url="./navigate" open-type="navigate">
+            <button class="_ui-button" hover-class="_ui-button-hover">navigate</button>
+          </navigator>
+          <navigator url="./navigate" open-type="redirect">
+            <button class="_ui-button" hover-class="_ui-button-hover">redirect</button>
+          </navigator>
+          <navigator url="/entry/component/component" open-type="switchTab">
+            <button class="_ui-button" hover-class="_ui-button-hover">switchTab</button>
+          </navigator>
+          <navigator url="/entry/component/component" open-type="reLaunch">
+            <button class="_ui-button" hover-class="_ui-button-hover">reLaunch</button>
+          </navigator>
+          <navigator open-type="navigateBack">
+            <button class="_ui-button" hover-class="_ui-button-hover">navigateBack</button>
+          </navigator>
+          <navigator open-type="exit">
+            <button class="_ui-button" hover-class="_ui-button-hover">exit</button>
+          </navigator>
+        </view>
+      </box>
+    </showbox>
+</view>
+<include src="templates.xhsml" />

xhs-mini-demos/api-case/navigator/redirect.js

@@ -0,0 +1,15 @@
+Page({
+  onShareAppMessage() {
+    return {
+      title: 'redirectPage',
+      path: 'page/component/pages/navigator/redirect',
+    };
+  },
+
+  onLoad(options) {
+    console.log('onLoad:=====query:', options);
+    this.setData({
+      title: options.title,
+    });
+  },
+});

xhs-mini-demos/api-case/navigator/redirect.json

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

xhs-mini-demos/api-case/navigator/redirect.xhsml

@@ -0,0 +1,2 @@
+<view class="container">
+</view>

xhs-mini-demos/api-case/navigator/templates.js

@@ -0,0 +1,274 @@
+/** 以下内容为自动生成，请勿手动修改 */
+
+module.exports = {
+  data: {
+    page_data_0: "",
+
+    page_data_1: false,
+
+    page_data_2: false,
+
+    page_data_3: false,
+
+    page_data_4: "",
+
+    page_data_5: "",
+
+    page_data_6: false,
+
+    page_data_7: false,
+
+    page_data_8: false,
+
+    page_data_9: "",
+
+    page_data_10: "",
+
+    page_data_11: false,
+
+    page_data_12: false,
+
+    page_data_13: false,
+
+    page_data_14: "",
+
+    page_data_15: "",
+
+    page_data_16: false,
+
+    page_data_17: false,
+
+    page_data_18: false,
+
+    page_data_19: "",
+
+    page_data_20: "",
+
+    page_data_21: false,
+
+    page_data_22: false,
+
+    page_data_23: false,
+
+    page_data_24: "",
+
+    page_data_25: false,
+
+    page_data_26: false,
+
+    page_data_27: false,
+
+    page_data_28: "",
+  },
+
+  page_fun_1(e) {
+    this.setData("page_data_0", e.detail.value);
+  },
+
+  page_fun_0() {
+    this.setData({
+      page_data_1: false,
+      page_data_2: false,
+      page_data_3: false,
+    });
+
+    xhs.navigateBack({
+      success: (res) => {
+        console.log("success", res);
+        this.setData({
+          page_data_1: true,
+          page_data_4: JSON.stringify(res),
+        });
+      },
+      fail: (res) => {
+        console.log("fail", res);
+        this.setData({
+          page_data_2: true,
+          page_data_4: JSON.stringify(res),
+        });
+      },
+      complete: (res) => {
+        console.log("complete", res);
+        this.setData({
+          page_data_3: true,
+        });
+      },
+      delta: this.data.page_data_0,
+    });
+  },
+
+  page_fun_3(e) {
+    this.setData("page_data_5", e.detail.value);
+  },
+
+  page_fun_2() {
+    this.setData({
+      page_data_6: false,
+      page_data_7: false,
+      page_data_8: false,
+    });
+
+    xhs.navigateTo({
+      success: (res) => {
+        console.log("success", res);
+        this.setData({
+          page_data_6: true,
+          page_data_9: JSON.stringify(res),
+        });
+      },
+      fail: (res) => {
+        console.log("fail", res);
+        this.setData({
+          page_data_7: true,
+          page_data_9: JSON.stringify(res),
+        });
+      },
+      complete: (res) => {
+        console.log("complete", res);
+        this.setData({
+          page_data_8: true,
+        });
+      },
+      url: this.data.page_data_5,
+    });
+  },
+
+  page_fun_5(e) {
+    this.setData("page_data_10", e.detail.value);
+  },
+
+  page_fun_4() {
+    this.setData({
+      page_data_11: false,
+      page_data_12: false,
+      page_data_13: false,
+    });
+
+    xhs.reLaunch({
+      success: (res) => {
+        console.log("success", res);
+        this.setData({
+          page_data_11: true,
+          page_data_14: JSON.stringify(res),
+        });
+      },
+      fail: (res) => {
+        console.log("fail", res);
+        this.setData({
+          page_data_12: true,
+          page_data_14: JSON.stringify(res),
+        });
+      },
+      complete: (res) => {
+        console.log("complete", res);
+        this.setData({
+          page_data_13: true,
+        });
+      },
+      url: this.data.page_data_10,
+    });
+  },
+
+  page_fun_7(e) {
+    this.setData("page_data_15", e.detail.value);
+  },
+
+  page_fun_6() {
+    this.setData({
+      page_data_16: false,
+      page_data_17: false,
+      page_data_18: false,
+    });
+
+    xhs.redirectTo({
+      success: (res) => {
+        console.log("success", res);
+        this.setData({
+          page_data_16: true,
+          page_data_19: JSON.stringify(res),
+        });
+      },
+      fail: (res) => {
+        console.log("fail", res);
+        this.setData({
+          page_data_17: true,
+          page_data_19: JSON.stringify(res),
+        });
+      },
+      complete: (res) => {
+        console.log("complete", res);
+        this.setData({
+          page_data_18: true,
+        });
+      },
+      url: this.data.page_data_15,
+    });
+  },
+
+  page_fun_9(e) {
+    this.setData("page_data_20", e.detail.value);
+  },
+
+  page_fun_8() {
+    this.setData({
+      page_data_21: false,
+      page_data_22: false,
+      page_data_23: false,
+    });
+
+    xhs.switchTab({
+      success: (res) => {
+        console.log("success", res);
+        this.setData({
+          page_data_21: true,
+          page_data_24: JSON.stringify(res),
+        });
+      },
+      fail: (res) => {
+        console.log("fail", res);
+        this.setData({
+          page_data_22: true,
+          page_data_24: JSON.stringify(res),
+        });
+      },
+      complete: (res) => {
+        console.log("complete", res);
+        this.setData({
+          page_data_23: true,
+        });
+      },
+      url: this.data.page_data_20,
+    });
+  },
+
+  page_fun_10() {
+    this.setData({
+      page_data_25: false,
+      page_data_26: false,
+      page_data_27: false,
+    });
+
+    xhs.exitMiniProgram({
+      success: (res) => {
+        console.log("success", res);
+        this.setData({
+          page_data_25: true,
+          page_data_28: JSON.stringify(res),
+        });
+      },
+      fail: (res) => {
+        console.log("fail", res);
+        this.setData({
+          page_data_26: true,
+          page_data_28: JSON.stringify(res),
+        });
+      },
+      complete: (res) => {
+        console.log("complete", res);
+        this.setData({
+          page_data_27: true,
+        });
+      },
+    });
+  },
+};

xhs-mini-demos/api-case/navigator/templates.xhsml

@@ -0,0 +1,149 @@
+<!-- 以下内容为自动生成，请勿手动修改 -->
+
+<view class="container">
+  <showbox title="navigateBack演示">
+    <box>
+      <api-status
+        success="{{page_data_1}}"
+        complete="{{page_data_3}}"
+        fail="{{page_data_2}}"
+        text="{{page_data_4}}"
+      >
+      </api-status>
+      <view class="_ui-space _mt8">
+        <view class="_ui-input">
+          <input placeholder="delta" type="text" bindinput="page_fun_1" />
+        </view>
+
+        <button
+          class="_ui-button"
+          hover-class="_ui-button-hover"
+          bindtap="page_fun_0"
+        >
+          触发
+        </button>
+      </view>
+    </box>
+  </showbox>
+
+  <showbox title="navigateTo演示">
+    <box>
+      <api-status
+        success="{{page_data_6}}"
+        complete="{{page_data_8}}"
+        fail="{{page_data_7}}"
+        text="{{page_data_9}}"
+      >
+      </api-status>
+      <view class="_ui-space _mt8">
+        <view class="_ui-input">
+          <input placeholder="url" type="text" bindinput="page_fun_3" />
+        </view>
+
+        <button
+          class="_ui-button"
+          hover-class="_ui-button-hover"
+          bindtap="page_fun_2"
+        >
+          触发
+        </button>
+      </view>
+    </box>
+  </showbox>
+
+  <showbox title="reLaunch演示">
+    <box>
+      <api-status
+        success="{{page_data_11}}"
+        complete="{{page_data_13}}"
+        fail="{{page_data_12}}"
+        text="{{page_data_14}}"
+      >
+      </api-status>
+      <view class="_ui-space _mt8">
+        <view class="_ui-input">
+          <input placeholder="url" type="text" bindinput="page_fun_5" />
+        </view>
+
+        <button
+          class="_ui-button"
+          hover-class="_ui-button-hover"
+          bindtap="page_fun_4"
+        >
+          触发
+        </button>
+      </view>
+    </box>
+  </showbox>
+
+  <showbox title="redirectTo演示">
+    <box>
+      <api-status
+        success="{{page_data_16}}"
+        complete="{{page_data_18}}"
+        fail="{{page_data_17}}"
+        text="{{page_data_19}}"
+      >
+      </api-status>
+      <view class="_ui-space _mt8">
+        <view class="_ui-input">
+          <input placeholder="url" type="text" bindinput="page_fun_7" />
+        </view>
+
+        <button
+          class="_ui-button"
+          hover-class="_ui-button-hover"
+          bindtap="page_fun_6"
+        >
+          触发
+        </button>
+      </view>
+    </box>
+  </showbox>
+
+  <showbox title="switchTab演示">
+    <box>
+      <api-status
+        success="{{page_data_21}}"
+        complete="{{page_data_23}}"
+        fail="{{page_data_22}}"
+        text="{{page_data_24}}"
+      >
+      </api-status>
+      <view class="_ui-space _mt8">
+        <view class="_ui-input">
+          <input placeholder="url" type="text" bindinput="page_fun_9" />
+        </view>
+
+        <button
+          class="_ui-button"
+          hover-class="_ui-button-hover"
+          bindtap="page_fun_8"
+        >
+          触发
+        </button>
+      </view>
+    </box>
+  </showbox>
+
+  <showbox title="exitMiniProgram演示">
+    <box>
+      <api-status
+        success="{{page_data_25}}"
+        complete="{{page_data_27}}"
+        fail="{{page_data_26}}"
+        text="{{page_data_28}}"
+      >
+      </api-status>
+      <view class="_ui-space _mt8">
+        <button
+          class="_ui-button"
+          hover-class="_ui-button-hover"
+          bindtap="page_fun_10"
+        >
+          触发
+        </button>
+      </view>
+    </box>
+  </showbox>
+</view>