npm - @atomicservice/ascf-base - Versions diffs - 1.0.14 → 1.0.16 - Mend

@atomicservice/ascf-base 1.0.14 → 1.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (501) hide show

package/dist/templates/ascfDemos/page/component/pages/text/text.js ADDED Viewed

@@ -0,0 +1,37 @@
+const lines = [
+  '元服务具备以下特征：',
+  '秒开直达，纯净清爽。',
+  '服务相伴，恰合时宜。',
+  '即用即走，账号相随。',
+  '一体两面，嵌入运行。',
+  '原生智能，全域搜索。',
+  '高效开发，生而可信。'
+];
+Page({
+  data: {
+    text: '',
+    canAdd: true,
+    canRemove: false
+  },
+  count: 0,
+  add() {
+    this.count++;
+    this.setData({
+      text: lines.slice(0, this.count).join('\n'),
+      canAdd: this.count <= 6,
+      canRemove: this.count > 0
+    })
+  },
+  remove() {
+    if (this.count > 0) {
+      this.count--;
+      this.setData({
+        text: lines.slice(0, this.count).join('\n'),
+        canAdd: this.count <= 6,
+        canRemove: this.count > 0
+      })
+    }
+  }
+})

package/dist/templates/ascfDemos/page/component/pages/text/text.json ADDED Viewed

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

package/dist/templates/ascfDemos/page/component/pages/textarea/textarea.css ADDED Viewed

File without changes

package/dist/templates/ascfDemos/page/component/pages/textarea/textarea.hxml ADDED Viewed

@@ -0,0 +1,6 @@
+<as-cell title="输入区域高度固定" subtitle="文本超出最大高度会出现滚动条">
+  <textarea />
+</as-cell>
+<as-cell title="输入区域高度自适应" subtitle="文本超出最大高度会扩展text-area区域">
+  <textarea auto-height="{{true}}" maxlength="100" />
+</as-cell>

package/dist/templates/ascfDemos/page/component/pages/textarea/textarea.js ADDED Viewed

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

package/dist/templates/ascfDemos/page/component/pages/textarea/textarea.json ADDED Viewed

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

package/dist/templates/ascfDemos/page/component/pages/video/video.css ADDED Viewed

@@ -0,0 +1,19 @@
+.video {
+  width: 100%;
+}
+.switch-box {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 24px;
+  margin-left: 16px;
+}
+.switch-label {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.6);
+}
+.switch-ui {
+  margin-right: 10px;
+}

package/dist/templates/ascfDemos/page/component/pages/video/video.hxml ADDED Viewed

@@ -0,0 +1,7 @@
+<as-cell>
+  <video class="video" src="{{videoSrc}}" id="myVideo" object-fit="contain" controls="{{controls}}" loop="{{loop}}" bindplay="onPlay" bindpause="onPause" bindended="onEnded" />
+</as-cell>
+<view class="switch-box">
+  <view class="switch-label">循环播放</view>
+  <switch class="switch-ui" checked="{{loop}}" bindchange="loopSwitchChange" />
+</view>

package/dist/templates/ascfDemos/page/component/pages/video/video.js ADDED Viewed

@@ -0,0 +1,26 @@
+Page({
+  data: {
+    videoSrc: "/video/tempVideo.mp4",
+    posterSrc: "",
+    controls: true,
+    loop: true
+  },
+  onPlay(e) {
+    console.log("video start play.");
+  },
+  onPause(e) {
+    console.log("video pause.");
+  },
+  onEnded(e) {
+    console.log("video end.");
+  },
+  loopSwitchChange(e) {
+    this.setData({
+      loop: !this.data.loop
+    })
+  },
+})

package/dist/templates/ascfDemos/page/component/pages/video/video.json ADDED Viewed

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

package/dist/templates/ascfDemos/page/component/pages/view/view.css ADDED Viewed

@@ -0,0 +1,89 @@
+.flex-wrp {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+}
+.demo-text-1 {
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  background-color: #1AAD19;
+  color: #FFFFFF;
+  font-size: 36rpx;
+}
+.demo-text-1:before {
+  content: 'A';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.demo-text-2 {
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  background-color: #2782D7;
+  color: #FFFFFF;
+  font-size: 36rpx;
+}
+.demo-text-2:before {
+  content: 'B';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.demo-text-3 {
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  background-color: #FFFFFF;
+  color: #353535;
+  font-size: 36rpx;
+}
+.demo-text-3:before {
+  content: 'C';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.grid-wrp {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+.flex-item {
+  height: 300rpx;
+  font-size: 26rpx;
+  justify-content: center;
+}
+.flex-item-V {
+  margin: 0 auto;
+  width: 300rpx;
+  height: 200rpx;
+}
+.btn_hover1 {
+  opacity: 0.9;
+  background: #faf602;
+}
+.btn_hover2 {
+  opacity: 0.9;
+  background: #fa022b;
+}
+.btn_hover3 {
+  opacity: 0.9;
+  background: #0c0002;
+}

package/dist/templates/ascfDemos/page/component/pages/view/view.hxml ADDED Viewed

@@ -0,0 +1,14 @@
+<as-cell title="flex-direction: row" subtitle="横向布局">
+  <view class="grid-wrp">
+    <view class="flex-item demo-text-1" hover-class="btn_hover1"></view>
+    <view class="flex-item demo-text-2" hover-class="btn_hover2"></view>
+    <view class="flex-item demo-text-3" hover-class="btn_hover3"></view>
+  </view>
+</as-cell>
+<as-cell title="flex-direction: column" subtitle="纵向布局">
+  <view class="flex-wrp">
+    <view class="flex-item-V demo-text-1" hover-class="btn_hover1"></view>
+    <view class="flex-item-V demo-text-2" hover-class="btn_hover2"></view>
+    <view class="flex-item-V demo-text-3" hover-class="btn_hover3"></view>
+  </view>
+</as-cell>

package/dist/templates/ascfDemos/page/component/pages/view/view.js ADDED Viewed

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

package/dist/templates/ascfDemos/page/component/pages/view/view.json ADDED Viewed

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

package/dist/templates/ascfDemos/page/component/pages/web-view/web-view.css ADDED Viewed

File without changes

package/dist/templates/ascfDemos/page/component/pages/web-view/web-view.hxml ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ <!--<此地址为测试用资源，请开发者根据自身需求进行替换。>-->
2	+ <web-view src="https://radui.cn/h5/ascf/web-view.html"></web-view>

package/dist/templates/ascfDemos/page/component/pages/web-view/web-view.js ADDED Viewed

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

package/dist/templates/ascfDemos/page/component/pages/web-view/web-view.json ADDED Viewed

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

package/dist/templates/ascfDemos/page/framework/index.css ADDED Viewed

@@ -0,0 +1,11 @@
+/* 列表的列表 */
+.category-list {
+  display: grid;
+  row-gap: 12px;
+  padding: 12px 16px;
+}
+.card {
+  border-radius: 20px;
+  background-color: white;
+}

package/dist/templates/ascfDemos/page/framework/index.hxml ADDED Viewed

@@ -0,0 +1,7 @@
+<as-container title="{{title}}" logo="{{logo}}" desc="{{desc}}">
+  <view class="category-list">
+    <view class="card" has:for="{{route}}" has:for-item="item">
+      <as-toggle-list category="{{item.category}}" list="{{item.list}}" />
+    </view>
+  </view>
+</as-container>

package/dist/templates/ascfDemos/page/framework/index.js ADDED Viewed

@@ -0,0 +1,10 @@
+import config from '../../config/framework.config';
+Page({
+  data: {
+    title: config.title,
+    logo: config.logo,
+    desc: config.desc,
+    route: config.route
+  }
+})

package/dist/templates/ascfDemos/page/framework/index.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "as-container": "asui/as-container/as-container",
+    "as-toggle-list": "asui/as-toggle-list/as-toggle-list"
+  }
+}

package/dist/templates/ascfDemos/page/open/index.css ADDED Viewed

@@ -0,0 +1,11 @@
+/* 列表的列表 */
+.category-list {
+  display: grid;
+  row-gap: 12px;
+  padding: 12px 16px;
+}
+.card {
+  border-radius: 20px;
+  background-color: white;
+}

package/dist/templates/ascfDemos/page/open/index.hxml ADDED Viewed

@@ -0,0 +1,7 @@
+<as-container title="{{title}}" logo="{{logo}}" desc="{{desc}}">
+  <view class="category-list">
+    <view class="card" has:for="{{route}}" has:for-item="item">
+      <as-toggle-list class="toggle" category="{{item.category}}" list="{{item.list}}" />
+    </view>
+  </view>
+</as-container>

package/dist/templates/ascfDemos/page/open/index.js ADDED Viewed

@@ -0,0 +1,14 @@
+import config from '../../config/open.config';
+Page({
+  onLoad() {
+    const toggle = this.selectComponent('.toggle');
+    toggle?.onCategoryTap();
+  },
+  data: {
+    title: config.title,
+    logo: config.logo,
+    desc: config.desc,
+    route: config.route
+  }
+})

package/dist/templates/ascfDemos/page/open/index.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "as-container": "asui/as-container/as-container",
+    "as-toggle-list": "asui/as-toggle-list/as-toggle-list"
+  }
+}

package/dist/templates/ascfDemos/page/open/pages/authorize/authorize.css ADDED Viewed

File without changes

package/dist/templates/ascfDemos/page/open/pages/authorize/authorize.hxml ADDED Viewed

@@ -0,0 +1,3 @@
+<view class="container_x">
+  <button type="primary" bindtap="authorizeUserLocation" class="vertical_center">获取位置信息</button>
+</view>

package/dist/templates/ascfDemos/page/open/pages/authorize/authorize.js ADDED Viewed

@@ -0,0 +1,18 @@
+Page({
+  authorizeUserLocation: function () {
+    has.authorize({
+      scope: 'scope.userLocation',
+      success() {
+        has.showToast({
+          title: '已获取授权',
+        });
+      },
+      fail(res) {
+        console.log('authorize: fail');
+      },
+      complete() {
+        console.log('authorize: complete');
+      },
+    });
+  },
+});

package/dist/templates/ascfDemos/page/open/pages/authorize/authorize.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "获取授权"
+}

package/dist/templates/ascfDemos/page/open/pages/choose-address/choose-address.css ADDED Viewed

@@ -0,0 +1,12 @@
+@import '../../../common/lib/asui.css';
+form {
+  margin-top: 30rpx;
+}
+.asui-cell__bd {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 20rpx 0;
+  min-height: 60rpx;
+}

package/dist/templates/ascfDemos/page/open/pages/choose-address/choose-address.hxml ADDED Viewed

@@ -0,0 +1,61 @@
+<view class="container">
+  <form>
+    <view class="page-section">
+      <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">
+            {{ addressInfo.userName }}
+          </view>
+        </view>
+        <view class="asui-cell asui-cell_input region">
+          <view class="asui-cell__hd">
+            <view class="asui-label">地区</view>
+          </view>
+          <view class="asui-cell__bd">
+            {{ addressInfo.provinceName }}
+            {{ addressInfo.cityName }}
+            {{ addressInfo.countyName }}
+          </view>
+        </view>
+        <view class="asui-cell asui-cell_input detail">
+          <view class="asui-cell__hd">
+            <view class="asui-label">收货地址</view>
+          </view>
+          <view class="asui-cell__bd">
+            {{ addressInfo.detailInfo }}
+          </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">
+            {{ addressInfo.nationalCode }}
+          </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">
+            {{ addressInfo.telNumber }}
+          </view>
+        </view>
+      </view>
+    </view>
+  </form>
+  <view class="page-body">
+    <view class="btn-area">
+      <button type="primary" bindtap="chooseAddress">获取收货地址</button>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfDemos/page/open/pages/choose-address/choose-address.js ADDED Viewed

@@ -0,0 +1,20 @@
+Page({
+  data: {
+    /** @type {any} */
+    addressInfo: null,
+  },
+  chooseAddress() {
+    let that = this;
+    has.chooseAddress({
+      success: (res) => {
+        console.log('chooseAddress', res);
+        that.setData({
+          addressInfo: res,
+        });
+      },
+      fail(err) {
+        console.log('chooseAddress', err);
+      },
+    });
+  },
+});

package/dist/templates/ascfDemos/page/open/pages/choose-address/choose-address.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "获取收货地址"
+}

package/dist/templates/ascfDemos/page/open/pages/choose-invoice-title/choose-invoice-title.css ADDED Viewed

@@ -0,0 +1,11 @@
+@import "../../../common/lib/asui.css";
+form {
+  margin-top: 30rpx;
+}
+.asui-cell__bd {
+  display: flex;
+  justify-content: flex-start;
+  padding: 20rpx 0;
+  min-height: 60rpx;
+  align-items: center;
+}

package/dist/templates/ascfDemos/page/open/pages/choose-invoice-title/choose-invoice-title.hxml ADDED Viewed

@@ -0,0 +1,77 @@
+<view class="container">
+  <view class="page-body">
+    <form>
+      <view class="page-section">
+        <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">
+              {{ type !== '' ? (type === '0' ? '单位' : '个人') : '' }}
+            </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">
+              {{ title }}
+            </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">
+              {{taxNumber}}
+            </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">
+              {{companyAddress}}
+            </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">
+              {{telephone}}
+            </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">
+              {{bankName}}
+            </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">
+              {{bankAccount}}
+            </view>
+          </view>
+        </view>
+      </view>
+    </form>
+    <view class="btn-area">
+      <button type="primary" bindtap="chooseInvoiceTitle">获取发票抬头</button>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfDemos/page/open/pages/choose-invoice-title/choose-invoice-title.js ADDED Viewed

@@ -0,0 +1,27 @@
+Page({
+  data: {
+    type: 0,
+    title: '',
+    taxNumber: '',
+    bankAccount: '',
+    companyAddress: '',
+    telephone: '',
+    bankName: '',
+  },
+  chooseInvoiceTitle() {
+    has.chooseInvoiceTitle({
+      success: (res) => {
+        this.setData({
+          type: res.type,
+          title: res.title,
+          taxNumber: res.taxNumber,
+          bankAccount: res.bankAccount,
+          companyAddress: res.companyAddress,
+          telephone: res.telephone,
+          bankName: res.bankName,
+        });
+      },
+      fail: (err) => {},
+    });
+  },
+});

package/dist/templates/ascfDemos/page/open/pages/choose-invoice-title/choose-invoice-title.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "获取发票抬头"
+}

package/dist/templates/ascfDemos/page/open/pages/getPhoneNumber/getPhoneNumber.css ADDED Viewed

@@ -0,0 +1,25 @@
+.page_title {
+  width: calc(100% - 32px);
+  position: absolute;
+  top: calc(50% - 176rpx);
+  transform: translate(-50%, -50%);
+  left: 50%;
+  padding: 0 16px;
+}
+.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 .number {
+  width: auto;
+  height: 46px;
+  background: rgba(0, 0, 0, 0.05);
+  padding-left: 12px;
+  border-radius: 8px;
+  font-size: 16px;
+  line-height: 46px;
+}

package/dist/templates/ascfDemos/page/open/pages/getPhoneNumber/getPhoneNumber.hxml ADDED Viewed

@@ -0,0 +1,4 @@
+<view class="container_x">
+  <button type="primary" open-type="getPhoneNumber" class="vertical_center"
+    bindgetphonenumber="getPhoneNumber">点击获取手机号</button>
+</view>

package/dist/templates/ascfDemos/page/open/pages/getPhoneNumber/getPhoneNumber.js ADDED Viewed

@@ -0,0 +1,12 @@
+Page({
+  getPhoneNumber(e) {
+    console.log('getPhoneNumber',e.detail.code); // 动态令牌
+    console.log('getPhoneNumber',e.detail.errMsg); // 回调信息（成功失败都会返回）
+    console.log('getPhoneNumber',e.detail.errCode); // 错误码（失败时返回）
+    if (e.detail.code) {
+      has.showToast({
+        title: '已获取手机号',
+      });
+    }
+  },
+});

package/dist/templates/ascfDemos/page/open/pages/getPhoneNumber/getPhoneNumber.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "获取手机号"
+}

package/dist/templates/ascfDemos/page/open/pages/login/login.css ADDED Viewed

@@ -0,0 +1,13 @@
+.login_tips {
+  position: absolute;
+  top: calc(50% - 100rpx);
+  transform: translate(-50%, -50%);
+  left: 50%;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.6);
+}
+.login_success {
+  text-align: center;
+  font-size: 24px;
+  color: rgba(0, 0, 0, 0.9);
+}