no message
This commit is contained in:
189
components/keyboard/index.js
Normal file
189
components/keyboard/index.js
Normal file
@@ -0,0 +1,189 @@
|
||||
require("../../@babel/runtime/helpers/Arrayincludes");
|
||||
var e = require("../../common/vendor.js"),
|
||||
n = require("../../enums/index.js"),
|
||||
a = require("../../utils/util.js");
|
||||
require("../../constant/index.js"),
|
||||
Array || e.resolveComponent("uni-popup")(),
|
||||
Math;
|
||||
var r = {
|
||||
__name: "index",
|
||||
props: {
|
||||
visible: { type: Boolean, default: !1 },
|
||||
keyboardType: { type: String, default: n.KeyboardEnum.ABC },
|
||||
vin: { type: String, default: "" },
|
||||
vehicleNoList: { type: Array, default: ["", "", "", "", "", "", "", ""] },
|
||||
vehicleNoIndex: { type: Number, default: 0 },
|
||||
canSwitch: { type: Boolean, default: !0 },
|
||||
initCopy: { type: Boolean, default: !0 },
|
||||
},
|
||||
emits: ["close", "change", "type-change"],
|
||||
setup: function (r, o) {
|
||||
var u = o.emit,
|
||||
t = r,
|
||||
i = [
|
||||
[1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
|
||||
["Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P"],
|
||||
["A", "S", "D", "F", "G", "H", "J", "K", "L", "Z"],
|
||||
[
|
||||
n.KeyboardEnum.AREA,
|
||||
"X",
|
||||
"C",
|
||||
"V",
|
||||
"B",
|
||||
"N",
|
||||
"M",
|
||||
n.KeyboardEnum.DELETE,
|
||||
],
|
||||
],
|
||||
d = [
|
||||
["京", "津", "渝", "沪", "冀", "晋", "辽", "吉", "黑", "苏"],
|
||||
["浙", "皖", "闽", "赣", "鲁", "豫", "鄂", "湘", "粤", "琼"],
|
||||
["川", "贵", "云", "陕", "甘", "青", "蒙", "桂", "宁", "新"],
|
||||
[
|
||||
n.KeyboardEnum.ABC,
|
||||
"藏",
|
||||
"使",
|
||||
"警",
|
||||
"学",
|
||||
"港",
|
||||
"澳",
|
||||
n.KeyboardEnum.DELETE,
|
||||
],
|
||||
],
|
||||
c = ["I", "O"],
|
||||
l = e.ref(null),
|
||||
y = e.ref("");
|
||||
e.watch(
|
||||
function () {
|
||||
return t.visible;
|
||||
},
|
||||
function () {
|
||||
t.visible
|
||||
? (t.initCopy || m(), l.value.open(), l.value.closeMask())
|
||||
: l.value.close();
|
||||
}
|
||||
);
|
||||
var b = function () {
|
||||
u("close");
|
||||
},
|
||||
E = function (e) {
|
||||
e.show || u("close");
|
||||
},
|
||||
f = function (r) {
|
||||
if (
|
||||
((r !== n.KeyboardEnum.AREA && r !== n.KeyboardEnum.ABC) ||
|
||||
t.canSwitch) &&
|
||||
!c.includes(r)
|
||||
)
|
||||
if ((a.vibrate(), t.canSwitch)) {
|
||||
var o = e._.cloneDeep(t.vehicleNoList),
|
||||
i = e._.cloneDeep(t.vehicleNoIndex);
|
||||
r === n.KeyboardEnum.AREA || r === n.KeyboardEnum.ABC
|
||||
? u("type-change")
|
||||
: r === n.KeyboardEnum.DELETE
|
||||
? (o[i] ? (o[i] = "") : (o[i - 1] = ""),
|
||||
i > 0 && i--,
|
||||
u("change", { value: o, index: i }))
|
||||
: ((o[i] = r),
|
||||
i < 7 &&
|
||||
(0 === i &&
|
||||
u("change", { keyboardType: n.KeyboardEnum.ABC }),
|
||||
i++),
|
||||
u("change", { value: o, index: i }));
|
||||
} else {
|
||||
var d = e._.cloneDeep(t.vin);
|
||||
if (r === n.KeyboardEnum.DELETE)
|
||||
(d = d.substring(0, d.length - 1)), u("change", { value: d });
|
||||
else {
|
||||
if (r === n.KeyboardEnum.AREA) return;
|
||||
if (d.length >= 17) return;
|
||||
u("change", { value: (d += r) });
|
||||
}
|
||||
}
|
||||
},
|
||||
s = function () {
|
||||
u("change", { value: y.value });
|
||||
},
|
||||
m = function () {
|
||||
e.index.getClipboardData().then(function (a) {
|
||||
var r = a.data;
|
||||
e.index.hideToast(),
|
||||
17 === r.trim().length && t.keyboardType === n.KeyboardEnum.ABC
|
||||
? (y.value = r.trim())
|
||||
: (y.value = "");
|
||||
});
|
||||
};
|
||||
return (
|
||||
e.onMounted(function () {
|
||||
t.initCopy && m();
|
||||
}),
|
||||
function (a, o) {
|
||||
return e.e(
|
||||
{ a: r.keyboardType === e.unref(n.KeyboardEnum).ABC && y.value },
|
||||
r.keyboardType === e.unref(n.KeyboardEnum).ABC && y.value
|
||||
? { b: e.t(y.value) }
|
||||
: {},
|
||||
{
|
||||
c: e.o(s),
|
||||
d: e.o(b),
|
||||
e: e.f(
|
||||
r.keyboardType === e.unref(n.KeyboardEnum).ABC ? i : d,
|
||||
function (a, o, u) {
|
||||
return {
|
||||
a: e.f(a, function (a, o, u) {
|
||||
return e.e(
|
||||
{ a: a === e.unref(n.KeyboardEnum).DELETE },
|
||||
a === e.unref(n.KeyboardEnum).DELETE
|
||||
? {
|
||||
b: e.o(function (e) {
|
||||
return f(a);
|
||||
}, o),
|
||||
}
|
||||
: a === e.unref(n.KeyboardEnum).AREA ||
|
||||
a === e.unref(n.KeyboardEnum).ABC
|
||||
? {
|
||||
d: e.t(a),
|
||||
e: e.n(r.canSwitch ? "" : "disabled"),
|
||||
f: r.canSwitch ? "keyboard-hover" : "",
|
||||
g: e.o(function (e) {
|
||||
return f(a);
|
||||
}, o),
|
||||
}
|
||||
: {
|
||||
h: e.t(a),
|
||||
i: e.n(c.includes(a) ? "disabled" : ""),
|
||||
j: c.includes(a) ? "" : "keyboard-hover",
|
||||
k: e.o(function (e) {
|
||||
return f(a);
|
||||
}, o),
|
||||
},
|
||||
{
|
||||
c:
|
||||
a === e.unref(n.KeyboardEnum).AREA ||
|
||||
a === e.unref(n.KeyboardEnum).ABC,
|
||||
l: o,
|
||||
}
|
||||
);
|
||||
}),
|
||||
b: o,
|
||||
};
|
||||
}
|
||||
),
|
||||
f: e.sr(l, "8922672d-0", { k: "popup" }),
|
||||
g: e.o(E),
|
||||
h: e.p({
|
||||
type: "bottom",
|
||||
"background-color": "#F2F2F2",
|
||||
"mask-background-color": "rgba(0, 0, 0, 0)",
|
||||
"safe-area": !1,
|
||||
animation: !0,
|
||||
"is-mask-click": !1,
|
||||
}),
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
},
|
||||
},
|
||||
o = e._export_sfc(r, [["__scopeId", "data-v-8922672d"]]);
|
||||
wx.createComponent(o);
|
||||
6
components/keyboard/index.json
Normal file
6
components/keyboard/index.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
53
components/keyboard/index.wxml
Normal file
53
components/keyboard/index.wxml
Normal file
@@ -0,0 +1,53 @@
|
||||
<uni-popup
|
||||
bind:__l="__l"
|
||||
bindchange="{{g}}"
|
||||
class="r data-v-8922672d"
|
||||
uI="8922672d-0"
|
||||
uP="{{h}}"
|
||||
uR="popup"
|
||||
uS="{{['d']}}"
|
||||
wx:if="{{h}}"
|
||||
>
|
||||
<view class="content data-v-8922672d">
|
||||
<view class="close data-v-8922672d">
|
||||
<view bindtap="{{c}}" class="copy-value data-v-8922672d">
|
||||
<view class="data-v-8922672d" wx:if="{{a}}">
|
||||
粘贴<text class="data-v-8922672d">({{b}})</text>
|
||||
</view>
|
||||
</view>
|
||||
<view bindtap="{{d}}" class="hide data-v-8922672d">收起</view>
|
||||
</view>
|
||||
<view
|
||||
class="key-row data-v-8922672d"
|
||||
wx:for="{{e}}"
|
||||
wx:for-item="list"
|
||||
wx:key="b"
|
||||
>
|
||||
<block wx:for="{{list.a}}" wx:for-item="value" wx:key="l">
|
||||
<view
|
||||
bindtap="{{value.b}}"
|
||||
class="key big delete data-v-8922672d"
|
||||
hoverClass="delete-hover"
|
||||
hoverStayTime="100"
|
||||
wx:if="{{value.a}}"
|
||||
></view>
|
||||
<view
|
||||
bindtap="{{value.g}}"
|
||||
class="{{['key','big','data-v-8922672d',value.e]}}"
|
||||
hoverClass="{{value.f}}"
|
||||
hoverStayTime="100"
|
||||
wx:elif="{{value.c}}"
|
||||
>{{value.d}}</view
|
||||
>
|
||||
<view
|
||||
bindtap="{{value.k}}"
|
||||
class="{{['key','data-v-8922672d',value.i]}}"
|
||||
hoverClass="{{value.j}}"
|
||||
hoverStayTime="100"
|
||||
wx:else
|
||||
>{{value.h}}</view
|
||||
>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
63
components/keyboard/index.wxss
Normal file
63
components/keyboard/index.wxss
Normal file
@@ -0,0 +1,63 @@
|
||||
.content.data-v-8922672d {
|
||||
color: #2c2c34;
|
||||
padding: 0 30rpx 40rpx;
|
||||
position: relative;
|
||||
}
|
||||
.content .close.data-v-8922672d {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-weight: 700;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.content .close .copy-value.data-v-8922672d {
|
||||
color: #1f68e9;
|
||||
font-size: 34rpx;
|
||||
padding: 25rpx 0 15rpx;
|
||||
}
|
||||
.content .close .copy-value text.data-v-8922672d {
|
||||
color: #2c2c34;
|
||||
}
|
||||
.content .close .hide.data-v-8922672d {
|
||||
color: #1f68e9;
|
||||
display: block;
|
||||
font-size: 34rpx;
|
||||
padding: 25rpx 0 15rpx 20rpx;
|
||||
}
|
||||
.content .key-row .key.data-v-8922672d,
|
||||
.content .key-row.data-v-8922672d {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.content .key-row .key.data-v-8922672d {
|
||||
background-color: #fff;
|
||||
border-radius: 8rpx;
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
height: 78rpx;
|
||||
margin: 10rpx 6rpx;
|
||||
min-width: 60rpx;
|
||||
position: relative;
|
||||
}
|
||||
.content .key-row .key.big.data-v-8922672d {
|
||||
width: 200rpx;
|
||||
}
|
||||
.content .key-row .key.disabled.data-v-8922672d {
|
||||
color: #ccc;
|
||||
}
|
||||
.content .key-row .key.delete.data-v-8922672d {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABRCAMAAACdUboEAAAAflBMVEUAAAAtLS0sLDUrKzQvLy8sLDMsLDQpKTosLDQsLDQsLDQsLDQsLDQrKzQsLDQsLDQrKzMrKzQtLTMsLDMsLDQqKjEsLDMtLTMsLDQsLDUsLDQsLDMsLDQsLDUtLTMsLDMuLjgqKjErKzUsLDQsLDQsLDMtLTMrKzQrKzMsLDT8XkmbAAAAKXRSTlMAEcdIBa56CHP5qfXu1722mYRaRjUM4yjz6cyPfW8sIBsUwpeKZ1VUQbJFaDkAAAFMSURBVFjD7ZfdboJAEIXHSlVQsSqCbbWt/Z/3f8HW6cVJN1mm4EnKxX5XZAkfBJizM5JIJBKJDoyKvXZm8TKVGFmpvVhLjLX241kijLUnVxHh44JsnN7Z2ftRJz5ajDc/t8ukE+O4cWPC2ydhGR/mZtwKy7hbmnAiNGNhwpXQjDMT1ieascrP63klLOOp1jNvwfLnsQquPjZ/NJYmLILVg6rOBGSFar51jciH5S4oobn+UmbX+k3pGZEP+0YCY66mhNCu9YzIh/dIVZrShMbGMyIfJACSSXAcNfr5AA2OfCPyoUV5gNAxOvkAJYRxo58PUELoG1+RD65yIp4RxdJIC9Nacdt/eEb2e+R/a/7/yK8Zfl3zs4efj/wMB6sL9hn2Xujv1wPuKQR9z4B7M0FmDLfHvbAP588K/HmGP3Px50L+7MqfrxOJRCIR5QtvTr9dFVXplQAAAABJRU5ErkJggg==);
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 55rpx 55rpx;
|
||||
}
|
||||
.content .key-row .key.delete-hover.data-v-8922672d {
|
||||
background-color: #1f68e9 !important;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABRCAMAAACdUboEAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMAEcdIBa56+bypCAv17teYhHRaS0Yc4/PpzLSPcm9UNCwofiIVwpqKZ0E4DWyPr9sAAAFbSURBVFjD7Zdpb8IwDIbdretBB2UcZQewDdiJ///vA1Iho0iJaZ0CH/x8qiL1SY/kjQ2KoihKA6J8ho3plz1wEWfYiiG4GGI7vsDBGFty5xCu+4GNvRc88BY1YukxftfTxdCIe7dxZITPUwhl/Hg0xgmEMhYDI0wgmDE3wlcIZpwbYRUFM/6nuCd9h1DGTYUHfq3hv4U1xXjxeaaxzofcGl0h4hyIOEdMJ6yR8mFQWFvILKcnEj7gnowzUj7M7BcqUjRKEtK9fuO0zocl2JR4VJIQR5yR8gEsSJJY14yR8sGnpCveSPngUa5IyBiZfCAlCTnjlssHoyQhb/yhfGCVCXBG2ixr8FBUaMgArvKM8u8o/9eh1mPCr8cTSuGeke/ry2ePPB/lGd75OSM/C6Xntbym2MAN1z0ntdnt1o8d1LiUGUKjvFe4VD8j77m67wvlvWv4/lpRFEVxsgO4qs1ntHZ77QAAAABJRU5ErkJggg==);
|
||||
}
|
||||
.content .keyboard-hover.data-v-8922672d {
|
||||
background-color: #1f68e9 !important;
|
||||
color: #fff;
|
||||
}
|
||||
Reference in New Issue
Block a user