zly/electricity_bill_calc_wx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完成简易版的充值和充值记录查询页面，简单的我的页面

Browse Source
This commit is contained in:
qiaomu
2024-02-21 16:24:39 +08:00
parent 719ee912a4
commit 66bc2262e4
517 changed files with 1092 additions and 12025 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
miniprogram_npm/@vant/weapp/slider/index.js
View File

@@ -1,206 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var component_1 = require("../common/component");
var touch_1 = require("../mixins/touch");
var version_1 = require("../common/version");
var utils_1 = require("../common/utils");
var DRAG_STATUS = {
START: 'start',
MOVING: 'moving',
END: 'end',
};
(0, component_1.VantComponent)({
mixins: [touch_1.touch],
props: {
range: Boolean,
disabled: Boolean,
useButtonSlot: Boolean,
activeColor: String,
inactiveColor: String,
max: {
type: Number,
value: 100,
},
min: {
type: Number,
value: 0,
},
step: {
type: Number,
value: 1,
},
value: {
type: null,
value: 0,
observer: function (val) {
if (val !== this.value) {
this.updateValue(val);
}
},
},
vertical: Boolean,
barHeight: null,
},
created: function () {
this.updateValue(this.data.value);
},
methods: {
onTouchStart: function (event) {
var _this = this;
if (this.data.disabled)
return;
var index = event.currentTarget.dataset.index;
if (typeof index === 'number') {
this.buttonIndex = index;
}
this.touchStart(event);
this.startValue = this.format(this.value);
this.newValue = this.value;
if (this.isRange(this.newValue)) {
this.startValue = this.newValue.map(function (val) { return _this.format(val); });
}
else {
this.startValue = this.format(this.newValue);
}
this.dragStatus = DRAG_STATUS.START;
},
onTouchMove: function (event) {
var _this = this;
if (this.data.disabled)
return;
if (this.dragStatus === DRAG_STATUS.START) {
this.$emit('drag-start');
}
this.touchMove(event);
this.dragStatus = DRAG_STATUS.MOVING;
(0, utils_1.getRect)(this, '.van-slider').then(function (rect) {
var vertical = _this.data.vertical;
var delta = vertical ? _this.deltaY : _this.deltaX;
var total = vertical ? rect.height : rect.width;
var diff = (delta / total) * _this.getRange();
if (_this.isRange(_this.startValue)) {
_this.newValue[_this.buttonIndex] =
_this.startValue[_this.buttonIndex] + diff;
}
else {
_this.newValue = _this.startValue + diff;
}
_this.updateValue(_this.newValue, false, true);
});
},
onTouchEnd: function () {
var _this = this;
if (this.data.disabled)
return;
if (this.dragStatus === DRAG_STATUS.MOVING) {
this.dragStatus = DRAG_STATUS.END;
(0, utils_1.nextTick)(function () {
_this.updateValue(_this.newValue, true);
_this.$emit('drag-end');
});
}
},
onClick: function (event) {
var _this = this;
if (this.data.disabled)
return;
var min = this.data.min;
(0, utils_1.getRect)(this, '.van-slider').then(function (rect) {
var vertical = _this.data.vertical;
var touch = event.touches[0];
var delta = vertical
? touch.clientY - rect.top
: touch.clientX - rect.left;
var total = vertical ? rect.height : rect.width;
var value = Number(min) + (delta / total) * _this.getRange();
if (_this.isRange(_this.value)) {
var _a = _this.value, left = _a[0], right = _a[1];
var middle = (left + right) / 2;
if (value <= middle) {
_this.updateValue([value, right], true);
}
else {
_this.updateValue([left, value], true);
}
}
else {
_this.updateValue(value, true);
}
});
},
isRange: function (val) {
var range = this.data.range;
return range && Array.isArray(val);
},
handleOverlap: function (value) {
if (value[0] > value[1]) {
return value.slice(0).reverse();
}
return value;
},
updateValue: function (value, end, drag) {
var _this = this;
if (this.isRange(value)) {
value = this.handleOverlap(value).map(function (val) { return _this.format(val); });
}
else {
value = this.format(value);
}
this.value = value;
var vertical = this.data.vertical;
var mainAxis = vertical ? 'height' : 'width';
this.setData({
wrapperStyle: "\n background: ".concat(this.data.inactiveColor || '', ";\n ").concat(vertical ? 'width' : 'height', ": ").concat((0, utils_1.addUnit)(this.data.barHeight) || '', ";\n "),
barStyle: "\n ".concat(mainAxis, ": ").concat(this.calcMainAxis(), ";\n left: ").concat(vertical ? 0 : this.calcOffset(), ";\n top: ").concat(vertical ? this.calcOffset() : 0, ";\n ").concat(drag ? 'transition: none;' : '', "\n "),
});
if (drag) {
this.$emit('drag', { value: value });
}
if (end) {
this.$emit('change', value);
}
if ((drag || end) && (0, version_1.canIUseModel)()) {
this.setData({ value: value });
}
},
getScope: function () {
return Number(this.data.max) - Number(this.data.min);
},
getRange: function () {
var _a = this.data, max = _a.max, min = _a.min;
return max - min;
},
getOffsetWidth: function (current, min) {
var scope = this.getScope();
// 避免最小值小于最小step时出现负数情况
return "".concat(Math.max(((current - min) * 100) / scope, 0), "%");
},
// 计算选中条的长度百分比
calcMainAxis: function () {
var value = this.value;
var min = this.data.min;
if (this.isRange(value)) {
return this.getOffsetWidth(value[1], value[0]);
}
return this.getOffsetWidth(value, Number(min));
},
// 计算选中条的开始位置的偏移量
calcOffset: function () {
var value = this.value;
var min = this.data.min;
var scope = this.getScope();
if (this.isRange(value)) {
return "".concat(((value[0] - Number(min)) * 100) / scope, "%");
}
return '0%';
},
format: function (value) {
var min = +this.data.min;
var max = +this.data.max;
var step = +this.data.step;
value = (0, utils_1.clamp)(value, min, max);
var diff = Math.round((value - min) / step) * step;
return (0, utils_1.addNumber)(min, diff);
},
},
});