提交
This commit is contained in:
1
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.acss
generated
vendored
Normal file
1
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.acss
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
@keyframes number-input-cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.ant-number-keyboard{color:#333;width:0;height:0;position:relative;overflow:hidden}.ant-number-keyboard-modal{z-index:998;position:fixed;bottom:0;left:0;width:100vw;height:100vh;background-color:transparent}.ant-number-keyboard-kb{background:#f5f5f5;max-height:600px;min-width:100vw;overflow:hidden;position:fixed;bottom:0;left:0;transition:all .2s linear;z-index:999}.ant-number-keyboard-kb_hide{transform:translateY(100%);max-height:0}.ant-number-keyboard-kb_bd{display:flex}.ant-number-keyboard-kb_row{display:flex}.ant-number-keyboard-kb_keys{flex:3}.ant-number-keyboard-kb_function{flex:1;display:flex;flex-direction:column}.ant-number-keyboard-kb_none{height:40px;width:calc(100% - 96 * .5px);padding:0 24px;font-size:14px;background-color:#fff;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:center;border-bottom:1px solid #f5f5f5;color:#999}.ant-number-keyboard-kb_number{flex:1;height:calc(100vh / 14);text-align:center;font-size:25px;color:#333;background:#fff;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;display:flex;justify-content:center;align-items:center;user-select:none}.ant-number-keyboard-kb_number:active{background-color:#d3d3d3;opacity:.5;color:#333}.ant-number-keyboard-kb_disable:active{opacity:1}.ant-number-keyboard-kb_zero{flex:2}.ant-number-keyboard-kb_point{flex:1}.ant-number-keyboard-kb_transfer{background-color:#1677ff;color:#fff;flex:1;height:calc(100vh / 14);text-align:center;font-size:17px;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;display:flex;justify-content:center;align-items:center;user-select:none;position:relative;overflow:hidden}.ant-number-keyboard-kb_transfer-btn{font-size:16px;font-weight:700}.ant-number-keyboard-kb_transfer:active{opacity:.9}.ant-number-keyboard-kb_del{position:relative;flex:none;border-right:none}.ant-number-keyboard-kb_del::before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:''}.ant-number-keyboard-kb_iphonex-safe{height:24px;width:100%;background-color:#fff}.ant-number-keyboard-kb_flex{flex:1}.ant-number-keyboard-kb-e{background-color:#eee}.ant-number-keyboard-down{font-size:20px}.ant-number-keyboard-del{font-size:25px}
|
131
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.axml
generated
vendored
Normal file
131
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.axml
generated
vendored
Normal file
@ -0,0 +1,131 @@
|
||||
<view
|
||||
key="ant-number-input-{{$id}}"
|
||||
style="{{style}}"
|
||||
class="ant-number-keyboard {{className || ''}}"
|
||||
>
|
||||
<view
|
||||
a:if="{{visible}}"
|
||||
class="ant-number-keyboard-modal"
|
||||
onTap="handleHide"
|
||||
onAppear="catchAppearModal"
|
||||
></view>
|
||||
<view class="ant-number-keyboard-kb {{visible ? '' : 'ant-number-keyboard-kb_hide'}}">
|
||||
<slot name="header">
|
||||
<view
|
||||
a:if="{{closeable}}"
|
||||
onTap="handleHide"
|
||||
class="ant-number-keyboard-kb_none"
|
||||
>
|
||||
<ant-icon
|
||||
type="DownOutline"
|
||||
className="ant-number-keyboard-down"
|
||||
></ant-icon>
|
||||
</view>
|
||||
</slot>
|
||||
<view class="ant-number-keyboard-kb_bd">
|
||||
<view class="ant-number-keyboard-kb_keys">
|
||||
<block
|
||||
a:for="{{random ? randomArr : numArr}}"
|
||||
a:for-index="index"
|
||||
a:for-item="item"
|
||||
>
|
||||
<view class="ant-number-keyboard-kb_row">
|
||||
<block
|
||||
a:for="{{item}}"
|
||||
a:for-index="index"
|
||||
a:for-item="itemKey"
|
||||
>
|
||||
<view
|
||||
data-key="{{itemKey}}"
|
||||
class="ant-number-keyboard-kb_number"
|
||||
onTouchStart="tapButton"
|
||||
>
|
||||
{{itemKey}}
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</block>
|
||||
<view
|
||||
a:if="{{!confirmText}}"
|
||||
class="ant-number-keyboard-kb_row"
|
||||
>
|
||||
<view
|
||||
a:if="{{!point}}"
|
||||
class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex ant-number-keyboard-kb_e"
|
||||
></view>
|
||||
<view
|
||||
a:if="{{point}}"
|
||||
class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex"
|
||||
data-key="."
|
||||
onTouchStart="tapButton"
|
||||
>
|
||||
.
|
||||
</view>
|
||||
<view
|
||||
class="ant-number-keyboard-kb_number ant-number-keyboard-kb_zero ant-number-keyboard-kb_flex"
|
||||
data-key="0"
|
||||
onTouchStart="tapButton"
|
||||
>
|
||||
0
|
||||
</view>
|
||||
<view
|
||||
class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex {{point ? '' : 'ant-number-keyboard-kb_e'}}"
|
||||
data-key="del"
|
||||
onTouchStart="tapButton"
|
||||
>
|
||||
<ant-icon
|
||||
type="TextDeletionOutline"
|
||||
className="ant-number-keyboard-del"
|
||||
></ant-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
a:if="{{confirmText}}"
|
||||
class="ant-number-keyboard-kb_row"
|
||||
>
|
||||
<view
|
||||
class="ant-number-keyboard-kb_number ant-number-keyboard-kb_zero"
|
||||
data-key="0"
|
||||
onTouchStart="tapButton"
|
||||
>
|
||||
0
|
||||
</view>
|
||||
<view
|
||||
a:if="{{point}}"
|
||||
class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point"
|
||||
data-key="."
|
||||
onTouchStart="tapButton"
|
||||
>
|
||||
.
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
a:if="{{confirmText}}"
|
||||
class="ant-number-keyboard-kb_function"
|
||||
>
|
||||
<view
|
||||
class="ant-number-keyboard-kb_number ant-number-keyboard-kb_del"
|
||||
data-key="del"
|
||||
onTouchStart="tapButton"
|
||||
>
|
||||
<ant-icon
|
||||
type="TextDeletionOutline"
|
||||
className="ant-number-keyboard-del"
|
||||
></ant-icon>
|
||||
</view>
|
||||
<view
|
||||
style="opacity: {{confirmDisabled ? '0.5' : '1'}}"
|
||||
onTouchStart="tapButton"
|
||||
class="ant-number-keyboard-kb_transfer"
|
||||
data-key="enter"
|
||||
>
|
||||
<slot name="confirm">
|
||||
<view class="amount-input-kb_transfer-btn">{{confirmText}}</view>
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ant-number-keyboard-kb_iphonex-safe"></view>
|
||||
</view>
|
||||
</view>
|
1
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.d.ts
generated
vendored
Normal file
1
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.d.ts
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
export {};
|
71
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.js
generated
vendored
Normal file
71
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.js
generated
vendored
Normal file
@ -0,0 +1,71 @@
|
||||
import { Component, triggerEvent, triggerEventOnly, getValueFromProps, } from '../_util/simply';
|
||||
import { NumberKeyboardDefaultProps } from './props';
|
||||
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
|
||||
Component(NumberKeyboardDefaultProps, {
|
||||
catchAppearModal: function () {
|
||||
this.setRandom();
|
||||
},
|
||||
setRandom: function () {
|
||||
if (getValueFromProps(this, 'random')) {
|
||||
var newArr = arr.sort(function () {
|
||||
return Math.random() - 0.5;
|
||||
});
|
||||
this.setData({
|
||||
randomArr: [
|
||||
newArr.slice(0, 3),
|
||||
newArr.slice(3, 6),
|
||||
newArr.slice(6, 9),
|
||||
],
|
||||
});
|
||||
}
|
||||
},
|
||||
tapButton: function (e) {
|
||||
var _a = getValueFromProps(this, [
|
||||
'value',
|
||||
'confirmDisabled',
|
||||
]), value = _a[0], confirmDisabled = _a[1];
|
||||
this.vibrate();
|
||||
var _key = e.currentTarget.dataset.key;
|
||||
var _val = "".concat(value);
|
||||
// 回退
|
||||
if (_key === 'del') {
|
||||
triggerEvent(this, 'change', "".concat(_val.substr(0, _val.length - 1)), e);
|
||||
return;
|
||||
}
|
||||
if (_key !== 'del' && _key !== 'enter') {
|
||||
triggerEvent(this, 'change', "".concat(_val).concat(_key), e);
|
||||
}
|
||||
if (_key === 'enter' && !confirmDisabled) {
|
||||
this.onClickEnter();
|
||||
triggerEventOnly(this, 'close');
|
||||
}
|
||||
},
|
||||
// 隐藏键盘,失去焦点
|
||||
handleHide: function () {
|
||||
triggerEventOnly(this, 'close');
|
||||
},
|
||||
onClickEnter: function () {
|
||||
var confirmDisabled = getValueFromProps(this, 'confirmDisabled');
|
||||
if (confirmDisabled)
|
||||
return;
|
||||
this.handleHide();
|
||||
triggerEventOnly(this, 'confirm');
|
||||
},
|
||||
// 振动反馈
|
||||
vibrate: function () {
|
||||
if (getValueFromProps(this, 'vibrate') && typeof my !== 'undefined') {
|
||||
my.canIUse('vibrateShort') && my.vibrateShort();
|
||||
}
|
||||
},
|
||||
}, {
|
||||
numArr: [
|
||||
[1, 2, 3],
|
||||
[4, 5, 6],
|
||||
[7, 8, 9],
|
||||
],
|
||||
randomArr: [],
|
||||
}, undefined, {
|
||||
didMount: function () {
|
||||
this.setRandom();
|
||||
},
|
||||
});
|
6
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.json
generated
vendored
Normal file
6
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/index.json
generated
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"ant-icon": "../Icon/index"
|
||||
}
|
||||
}
|
61
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/props.d.ts
generated
vendored
Normal file
61
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/props.d.ts
generated
vendored
Normal file
@ -0,0 +1,61 @@
|
||||
import { IBaseProps } from '../_util/base';
|
||||
export interface INumberKeyboardProps extends IBaseProps {
|
||||
/**
|
||||
* @description 关闭箭头
|
||||
* @default false
|
||||
*/
|
||||
closeable: boolean;
|
||||
/**
|
||||
* @description 展示小数点
|
||||
* @default true
|
||||
*/
|
||||
point: boolean;
|
||||
/**
|
||||
* @description 确认按钮文字
|
||||
* @default ''
|
||||
*/
|
||||
confirmText: string;
|
||||
/**
|
||||
* @description 是否震动
|
||||
* @default true
|
||||
*/
|
||||
vibrate: boolean;
|
||||
/**
|
||||
* @description 是否展示
|
||||
* @default false
|
||||
*/
|
||||
visible: boolean;
|
||||
/**
|
||||
* @description 值
|
||||
* @default ''
|
||||
*/
|
||||
value: string;
|
||||
/**
|
||||
* @description 安全距离
|
||||
* @default true
|
||||
*/
|
||||
safeArea: boolean;
|
||||
/**
|
||||
* @description 乱序
|
||||
* @default fasle
|
||||
*/
|
||||
random: boolean;
|
||||
/**
|
||||
* @description 禁用
|
||||
* @default false
|
||||
*/
|
||||
confirmDisabled: boolean;
|
||||
/**
|
||||
* @description 输入值变化时的回调
|
||||
*/
|
||||
onChange?: (val: string) => void;
|
||||
/**
|
||||
* @description 点击确认时的回调
|
||||
*/
|
||||
onConfirm?: () => void;
|
||||
/**
|
||||
* @description 隐藏键盘时的回调
|
||||
*/
|
||||
onClose?: () => void;
|
||||
}
|
||||
export declare const NumberKeyboardDefaultProps: Partial<INumberKeyboardProps>;
|
14
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/props.js
generated
vendored
Normal file
14
甲情_甲意/miniprogram/node_modules/antd-mini/es/NumberKeyboard/props.js
generated
vendored
Normal file
@ -0,0 +1,14 @@
|
||||
export var NumberKeyboardDefaultProps = {
|
||||
closeable: false,
|
||||
point: true,
|
||||
confirmText: '',
|
||||
vibrate: false,
|
||||
visible: false,
|
||||
value: '',
|
||||
safeArea: true,
|
||||
random: false,
|
||||
confirmDisabled: false,
|
||||
onChange: function () { },
|
||||
onConfirm: function () { },
|
||||
onClose: function () { },
|
||||
};
|
Reference in New Issue
Block a user