weapps-plugin-jingtong-verify 1.3.9 → 1.4.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "weapps-plugin-jingtong-verify",
   "pluginName": "weapps-plugin-jingtong-verify",
   "pluginType": "mp",
-  "version": "1.3.9",
+  "version": "1.4.1",
   "description": "",
   "main": "sdk.js",
   "author": "tongyirenzheng",

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-badge/index.js

@@ -0,0 +1,47 @@
+// pages/g-badge/index.js
+const badgePosition = 'none';
+Component({
+    externalClasses: ['component-class'],
+    properties: {
+        count: {
+            type: [Number, String],
+            observer(newVal) {
+                this.isShowOverflowCount(newVal);
+            }
+        },
+        dot: {
+            type: Boolean,
+            value: false
+        },
+        overflowCount: {
+            type: Number,
+            value: 99
+        },
+        position: {
+            type: String,
+            value: badgePosition
+        }
+    },
+    data: {
+        showOverflowCount: false
+    },
+    methods: {
+        /**
+         * 如果是整型的话，判断是否达到最大值
+         *
+         * @param {(number | string)} value
+         */
+        isShowOverflowCount(value) {
+            if (typeof value === 'number' && value >= this.properties.overflowCount) {
+                this.setData({
+                    showOverflowCount: true
+                });
+            }
+            else {
+                this.setData({
+                    showOverflowCount: false
+                });
+            }
+        }
+    }
+});

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-badge/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-badge/index.wxml

@@ -0,0 +1,13 @@
+<!--pages/g-badge/index.wxml-->
+<view class="badge component-class badge--{{ dot?'dot':'normal' }} badge__position--{{ position }}">
+  <view wx:if="{{ dot }}">
+  </view>
+  <view wx:else>
+    <view wx:if="{{ showOverflowCount }}">
+      {{ overflowCount }}+
+    </view>
+    <view wx:else>
+      {{ count }}
+    </view>
+  </view>
+</view>

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-badge/index.wxss

@@ -0,0 +1 @@
+@import '../static/style/components/g-badge';

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-cell/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// pages/g-cell/index.js
+const navigatorBehavior = require("../behaviors/navigator");
+const iconBehavior = require("../behaviors/icon");
+Component({
+    behaviors: [navigatorBehavior, iconBehavior],
+    externalClasses: ['component-class', 'prepend-class'],
+    options: {
+        multipleSlots: true
+    },
+    properties: {
+        label: String,
+        desc: String,
+        access: Boolean,
+        disabled: {
+            type: Boolean,
+            value: false
+        }
+    },
+    data: {},
+    methods: {
+        handleTap(e) {
+            if (!this.properties.disabled) {
+                this.navigator();
+                this.triggerEvent('tap', e.detail);
+            }
+        }
+    }
+});

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-cell/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "g-badge": "../g-badge/index",
+    "g-icon": "../g-icon/index"
+  }
+}

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-cell/index.wxml

@@ -0,0 +1,42 @@
+<!-- pages/g-cell/index.wxml -->
+<view class="cell component-class" aria-role="{{access || to ? 'button' : ''}}"
+  catch:tap="handleTap"
+  hover-class="{{ !disabled && (to || access) ? 'cell--active' : 'none' }}"
+  aria-label="{{label + (desc ? ' ' + desc : '') + (disabled ? '已禁用' : '')}}"
+>
+  <view class="cell__wrap">
+    <view class="cell__content {{ disabled?'cell--disabled':'' }}">
+      <view class="cell__content__header">
+        <view class="cell__content__prepend prepend-class">
+          <slot name="prepend"></slot>
+        </view>
+        <view class="cell__content__icon" wx:if="{{iconType}}">
+          <g-icon type="{{iconType}}" size="{{iconSize}}" color="{{iconColor}}"/>
+        </view>
+        <view class="cell__content__wrap">
+          <!-- 固定格式的 cell -->
+           <view class="cell__content__label" aria-label="{{label}}">
+            {{ label }}
+          </view>
+          <view wx:if="{{ desc }}" aria-label="{{desc}}" class="cell__desc {{label ? '' : 'cell__desc--nolabel'}}">
+            <text>{{ desc }}</text>
+          </view>
+
+          <!-- 自由编写的 slot -->
+          <view>
+            <slot/>
+            <slot name="content" />
+          </view>
+        </view>
+      </view>
+      <view class="cell__content__footer {{ access || to ? '' : 'cell--no-access' }}">
+        <view class="cell__content__append {{ access || to ? '' : 'cell--no-access' }}">
+          <slot name="append"></slot>
+        </view>
+      </view>
+    </view>
+
+    <!-- 主要内容 -->
+    <view wx:if="{{ access || to }}" class="cell__access"></view>
+  </view>
+</view>

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-cell/index.wxss

@@ -0,0 +1 @@
+@import '../static/style/components/g-cell';

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-date-picker-en/index.js

@@ -23,6 +23,10 @@ Component({
       }
     },
     label: String,
+    _required: {
+      type: Boolean,
+      value: true
+    },
     actionText: {
       type: String,
       value: 'select'

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-date-picker-en/index.wxml

@@ -1,4 +1,4 @@
-<g-form-item label="{{label}}" disabled="{{disabled}}" status="{{_status}}" statusMessage="{{_statusMessage}}">
+<g-form-item label="{{label}}" disabled="{{disabled}}" status="{{_status}}" statusMessage="{{_statusMessage}}" required="{{ _required }}">
   <view class="picker" bind:tap="open">
     <view class="picker__value {{_isEmpty ? 'picker__value--placeholder': ''}} {{disabled ? 'picker__value--disabled' : ''}}">{{_displayName}}</view>
     <view class="picker__action">{{actionText}}</view>

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-form-item/index.js

@@ -7,6 +7,7 @@ Component({
         showQuestion: Boolean,
         label: String,
         disabled: Boolean,
+        required: Boolean,
         status: {
             type: String,
             observer(_status) {

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-form-item/index.wxml

@@ -3,6 +3,7 @@
   <view class="form-item__wrap {{disabled ? 'form-item__wrap--disabled' : ''}}">
     <view class="flex-row-start form-item__label" wx:if="{{label}}" aria-label="{{label}}">
       <text>{{label}}</text>
+      <text class="star" wx:if="{{ required }}">*</text>
       <image src="../../../images/question.png" mode="widthFix" catch:tap="showTip" class="question-icon" wx:if="{{ showQuestion }}" />
     </view>
     <slot />

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-input/index.js

@@ -28,6 +28,10 @@ Component({
             type: Boolean,
             value: false
         },
+        _required: {
+            type: Boolean,
+            value: true
+        },
         value: {
             type: String,
             value: '',

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-input/index.wxml

@@ -1,5 +1,5 @@
 <!--pages/g-input/index.wxml-->
-<g-form-item label="{{label}}" disabled="{{disabled}}" status="{{_status}}" statusMessage="{{_statusMessage}}" static-item-class="{{icon === 'info'?'static-item':''}}" showQuestion="{{showQuestion}}" bind:showQuestionTip="showQuestionTip">
+<g-form-item label="{{label}}" disabled="{{disabled}}" status="{{_status}}" statusMessage="{{_statusMessage}}" static-item-class="{{icon === 'info'?'static-item':''}}" showQuestion="{{showQuestion}}" required="{{ _required }}" bind:showQuestionTip="showQuestionTip">
   <view class="{{icon === 'info'?'input__containerIcon':'input__container'}}">
     <view class="input__prepend" wx:if="{{prepend}}">
       <slot name="prepend" class="slot"/>

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-picker/index.js

@@ -20,6 +20,10 @@ Component({
             type: String,
             value: '选择'
         },
+        _required: {
+            type: Boolean,
+            value: true
+        },
         range: {
             type: Array,
             value: [],

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-picker/index.wxml

@@ -9,7 +9,7 @@
   bindcolumnchange="triggerColumnchange"
 >
   <view wx:if="{{type === 'formItem'}}">
-    <g-form-item label="{{label}}" disabled="{{disabled}}" status="{{_status}}" statusMessage="{{_statusMessage}}">
+    <g-form-item label="{{label}}" disabled="{{disabled}}" status="{{_status}}" statusMessage="{{_statusMessage}}" required="{{ _required }}">
       <view class="picker">
         <view class="picker__value {{_isEmpty ? 'picker__value--placeholder': ''}} {{disabled ? 'picker__value--disabled' : ''}}">{{_displayName}}</view>
         <view class="picker__action" bind:tap="handleActionTap">{{actionText}}</view>

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-switch/index.js

@@ -0,0 +1,21 @@
+// pages/g-switch/index.js
+Component({
+    properties: {
+        value: Boolean,
+        label: String,
+        desc: String,
+        disabled: Boolean,
+        showTip: Boolean
+    },
+    data: {},
+    methods: {
+        handleChange() {
+            if (!this.properties.disabled) {
+                wx.vibrateShort();
+                this.triggerEvent('change', {
+                    value: !this.properties.value
+                });
+            }
+        }
+    }
+});

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-switch/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "g-form-item": "../g-form-item/index",
+    "g-cell": "../g-cell/index"
+  }
+}

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-switch/index.wxml

@@ -0,0 +1,16 @@
+<!--pages/g-switch/index.wxml-->
+<g-form-item disabled="{{disabled}}" component-class="form-item">
+  <view class="switch">
+    <view class="switch__header__label">{{label}}</view>
+    <view class="switch__widget" aria-role="button" catch:tap="handleChange"
+    aria-label="{{label + (value ? ' 开' : ' 关') + (disabled ? ' 已禁用' : '')}}">
+      <view class="switch__widget__container {{value ? 'switch__widget__container--checked': ''}}">
+        <view wx:if="{{ showTip }}">
+          <view class="switch-desc open-desc" wx:if="{{ value }}">填写</view>
+          <view class="switch-desc close-desc" wx:else>选填</view>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class="switch__header__desc" wx:if="{{desc}}">{{desc}}</view>
+</g-form-item>

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-switch/index.wxss

@@ -0,0 +1 @@
+@import '../static/style/components/g-switch';

package/weapps-plugin-jingtong-verify/components/gsd-ui/static/style/components/g-badge.wxss

@@ -0,0 +1,41 @@
+.badge {
+  background-color: #f13939;
+  box-sizing: border-box;
+  display: inline-block;
+  color: #fff;
+  white-space: nowrap;
+  text-align: center;
+  border: 2rpx solid transparent;
+}
+
+.badge--normal {
+  font-size: 30rpx;
+  line-height: 40rpx;
+  height: 48rpx;
+  min-width: 48rpx;
+  line-height: 48rpx;
+  padding-left: 12rpx;
+  padding-right: 12rpx;
+  border-radius: 24rpx;
+}
+
+.badge--dot {
+  width: 22rpx;
+  height: 22rpx;
+  border-radius: 50%;
+}
+
+.badge__position--left, .badge__position--right {
+  position: absolute;
+  top: 0;
+}
+
+.badge__position--left {
+  left: 0;
+  transform: translate(-50%, -50%);
+}
+
+.badge__position--right {
+  right: 0;
+  transform: translate(50%, -50%);
+}

package/weapps-plugin-jingtong-verify/components/gsd-ui/static/style/components/g-cell.wxss

@@ -0,0 +1,220 @@
+.table {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+}
+
+.colgroup {
+  display: table-column-group;
+}
+
+.col {
+  display: table-column;
+}
+
+.thead {
+  display: table-header-group;
+}
+
+.tbody {
+  display: table-row-group;
+}
+
+.tr {
+  display: table-row;
+}
+
+.th {
+  display: table-cell;
+  text-align: center;
+  word-break: break-all;
+}
+
+.td {
+  display: table-cell;
+  text-align: center;
+  word-break: break-all;
+}
+
+.border--top {
+  position: relative;
+}
+
+.border--top::after {
+  height: 1px;
+  width: 100%;
+  transform: scaleY(0.5);
+  left: 0;
+  right: 0;
+  content: '';
+  position: absolute;
+  background-color: #ebebeb;
+  top: 0;
+}
+
+.border--bottom {
+  position: relative;
+}
+
+.border--bottom::after {
+  height: 1px;
+  width: 100%;
+  transform: scaleY(0.5);
+  left: 0;
+  right: 0;
+  content: '';
+  position: absolute;
+  background-color: #ebebeb;
+  bottom: 0;
+}
+
+.border--left {
+  position: relative;
+}
+
+.border--left::after {
+  width: 100%;
+  width: 1px;
+  transform: scaleX(0.5);
+  top: 0;
+  bottom: 0;
+  content: '';
+  position: absolute;
+  background-color: #ebebeb;
+  left: 0;
+}
+
+.border--left {
+  position: relative;
+}
+
+.border--left::after {
+  width: 100%;
+  width: 1px;
+  transform: scaleX(0.5);
+  top: 0;
+  bottom: 0;
+  content: '';
+  position: absolute;
+  background-color: #ebebeb;
+  right: 0;
+}
+
+.cell__wrap {
+  margin-left: 40rpx;
+  margin-right: 40rpx;
+  padding-top: 36rpx;
+  padding-bottom: 36rpx;
+  position: relative;
+}
+
+.cell__content {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+}
+
+.cell__wrap::after {
+  height: 1px;
+  width: 100%;
+  transform: scaleY(0.5);
+  left: 0;
+  right: 0;
+  content: '';
+  position: absolute;
+  background-color: #ebebeb;
+  bottom: 0;
+}
+
+.cell__content__header {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  flex: 1;
+}
+
+.cell__content__wrap {
+  flex: 1;
+}
+
+.cell__content__prepend {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 48rpx;
+}
+
+.cell__content__label {
+  font-size: 36rpx;
+  line-height: 48rpx;
+}
+
+.cell__content__icon {
+  margin-right: 20rpx;
+}
+
+.cell__desc {
+  font-size: 26rpx;
+  line-height: 36rpx;
+  color: #999;
+  margin-top: 6rpx;
+  padding-right: 40rpx;
+}
+
+.cell__desc--nolabel {
+  margin-top: 0;
+}
+
+.cell__content__footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  position: relative;
+  padding-right: 18rpx;
+}
+
+.cell__content__append {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-right: 30rpx;
+  height: 48rpx;
+}
+
+.cell__access {
+  color: inherit;
+}
+
+.cell__access::after {
+  content: " ";
+  display: inline-block;
+  box-sizing: border-box;
+  height: 18rpx;
+  width: 18rpx;
+  border-width: 4rpx 4rpx 0 0;
+  border-color: #C7C7CC;
+  border-style: solid;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%) matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
+  right: 0;
+  right: 6rpx;
+}
+
+.cell--no-access {
+  padding-right: 0;
+}
+
+.cell--disabled {
+  opacity: 0.3;
+}
+
+.cell--active {
+  background: #c4c4c4;
+}

package/weapps-plugin-jingtong-verify/components/gsd-ui/static/style/components/g-form-item.wxss

@@ -165,3 +165,10 @@
 .form-item__status-message--warn {
   color: #f13939;
 }
+
+.star {
+  color: #f13939;
+  margin-left: 2rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+}