123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 |
- var getWidth = function getWidth(rightWidth, leftWidth, inertiaWidth) {
- var num = (rightWidth || leftWidth) * 2 + inertiaWidth;
- var width = rightWidth > leftWidth ? rightWidth : leftWidth;
- return rightWidth && leftWidth ? "calc(100% + ".concat(width + inertiaWidth, "px)") : "calc(100% + ".concat(num / 2, "px)");
- };
- var getMarginLeft = function getMarginLeft(rightWidth, leftWidth, inertiaWidth) {
- var width = rightWidth > leftWidth ? rightWidth : leftWidth;
- return "calc(-".concat((width + inertiaWidth) / 2, "px)");
- };
- var getSlotWidthStyle = function getSlotWidthStyle(rightWidth, leftWidth) {
- var left = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
- var right = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
- var inertiaWidth = arguments.length > 4 ? arguments[4] : undefined;
- // 右
- if (right.length > 0 && left.length === 0) {
- return "calc(100% - ".concat((1 + inertiaWidth) / 2, "px)");
- }
- // 左
- if (left.length > 0 && right.length === 0) {
- return "width: calc(100% - ".concat(leftWidth / 2, "px); margin-left: ").concat((leftWidth + inertiaWidth) / 2, "px;");
- }
- if (left.length > 0 && right.length > 0) {
- return "width: 100%;margin-left: 0;";
- }
- };
- var getLeft = function getLeft(tapType, idx, right, isLeft) {
- var tip = !isLeft ? 'L-' : 'R-';
- if (right.length === 1) {
- return tapType && tapType === "".concat(tip).concat(idx) ? 'text-move-midd' : '';
- }
- if (right.length === 3 && idx === 1) {
- return tapType && tapType === "".concat(tip).concat(idx) ? 'text-move-midd' : '';
- }
- var cls = '';
- if (idx === 0) {
- cls = isLeft ? 'text-move-left' : 'text-move-right';
- } else {
- cls = isLeft ? 'text-move-right' : 'text-move-left';
- }
- return tapType && tapType === "".concat(tip).concat(idx) ? cls : '';
- };
- var getWidth2 = function getWidth2(rightWidth, leftWidth, inertiaWidth) {
- var width = rightWidth > leftWidth ? rightWidth : leftWidth;
- return rightWidth && leftWidth ? "calc(100% - ".concat(width + inertiaWidth, "px)") : "calc(100% - ".concat((width + inertiaWidth) / 2, "px)");
- };
- var getMarginLeft2 = function getMarginLeft2(rightWidth, leftWidth, inertiaWidth) {
- var num = rightWidth > 0 ? inertiaWidth : 0;
- var width = rightWidth > leftWidth ? rightWidth : leftWidth;
- return leftWidth && rightWidth ? "".concat((width + num) / 2, "px") : leftWidth > 0 ? 0 : "".concat((width + inertiaWidth) / 2, "px");
- };
- var getMarginLeft3 = function getMarginLeft3(rightWidth, leftWidth, inertiaWidth) {
- var width = rightWidth > leftWidth ? rightWidth : leftWidth;
- return leftWidth && rightWidth ? "calc(100% - ".concat((width + inertiaWidth) / 2, "px)") : "calc(100% - ".concat(rightWidth / 2 - 1, "px)");
- };
- var getMoveX = function getMoveX(rightButtons, idx) {
- var arr = rightButtons.slice(idx, rightButtons.length);
- return arr.reduce(function (tolal, cur) {
- return parseFloat(tolal) + cur.width;
- }, 0);
- };
- var getMovableContentRightStyle = function getMovableContentRightStyle(item, tapTypeR, idx, rightWidth, inTouch, inertiaWidth, myStyle) {
- var isTapTypeR = tapTypeR && tapTypeR === "R-".concat(idx);
- var myStyleString = isTapTypeR ? styleObjectToString(myStyle) : '';
- return "\n font-size: ".concat((item.fontSize || 28) / 2, "px;\n color: ").concat(item.color, ";\n background: ").concat(item.bgColor, ";\n height: calc(100% + 2px);\n ").concat(isTapTypeR ? "width: ".concat((rightWidth + 1 + (item.confirmType === 'move' && inTouch ? inertiaWidth : 0)) / 2, "px;") : "width: ".concat(item.width / 2, "px;"), "\n ").concat(myStyleString);
- };
- var styleKeyMap = {
- 'marginRight': 'margin-right',
- 'marginLeft': 'margin-left',
- 'fontSize': 'font-size',
- zIndex: 'z-index'
- };
- function styleObjectToString(myStyle) {
- var styleKeys = keys(myStyle);
- var res = '';
- for (var i = 0; i < styleKeys.length; i++) {
- var key = styleKeys[i];
- res = res + "".concat(styleKeyMap[key] || key, ": ").concat(myStyle[key], "; ");
- }
- return res;
- }
- var getMovableContentLeftStyle = function getMovableContentLeftStyle(itemL, tapTypeL, idx, leftWidth, inTouch, inertiaWidth, myStyle) {
- var isTapTypeL = tapTypeL && tapTypeL === "L-".concat(idx);
- var myStyleString = isTapTypeL ? styleObjectToString(myStyle) : '';
- return "\n background: ".concat(itemL.bgColor, ";\n height: calc(100% + 2px);\n font-size: ").concat((itemL.fontSize || 28) / 2, "px;\n color: ").concat(itemL.color, ";\n ").concat(isTapTypeL ? "width: ".concat((leftWidth + 1 + (itemL.confirmType === 'move' && inTouch ? inertiaWidth : 0)) / 2, "px;") : "width: ".concat(itemL.width / 2, "px;"), "\n ").concat(myStyleString);
- };
- var getLeftSlotName = function getLeftSlotName(tapTypeL, idx, itemL) {
- if (!itemL.slotName) {
- return '';
- }
- return tapTypeL && tapTypeL === "L-".concat(idx) ? "".concat(itemL.slotName, "-confirm") : itemL.slotName;
- };
- var getRightSlotName = function getRightSlotName(tapTypeR, idx, item) {
- if (!item.slotName) {
- return '';
- }
- return tapTypeR && tapTypeR === "R-".concat(idx) ? "".concat(item.slotName, "-confirm") : item.slotName;
- };
- var getLeftText = function getLeftText(tapTypeL, idx, itemL) {
- return tapTypeL && tapTypeL === "L-".concat(idx) ? itemL.confirmText || itemL.text : itemL.text;
- };
- var getRightText = function getRightText(tapTypeR, idx, item) {
- return tapTypeR && tapTypeR === "R-".concat(idx) ? item.confirmText || item.text : item.text;
- };
- var getRightMovableContentStyle = function getRightMovableContentStyle(tapTypeR, idx, rightWidth, leftWidth, inertiaWidth) {
- return styleObjectToString({
- zIndex: tapTypeR === "R-".concat(idx) ? 1 : 0,
- marginLeft: getMarginLeft3(rightWidth, leftWidth, inertiaWidth),
- width: (rightWidth - 0.1) / 2 + 'px'
- });
- };
- var getLeftMovableContentStyle = function getLeftMovableContentStyle(tapTypeL, idx, leftWidth, inertiaWidth) {
- return styleObjectToString({
- zIndex: tapTypeL === "L-".concat(idx) ? 1 : 0,
- marginLeft: "".concat(inertiaWidth / 2, "px"),
- width: (leftWidth - 1) / 2 + 'px'
- });
- };
- var axmlObj = function axmlObj(obj) {
- return obj;
- };
- export default {
- axmlObj: axmlObj,
- getWidth2: getWidth2,
- getMarginLeft2: getMarginLeft2,
- getMarginLeft3: getMarginLeft3,
- getRightMovableContentStyle: getRightMovableContentStyle,
- getLeftMovableContentStyle: getLeftMovableContentStyle,
- getLeft: getLeft,
- getWidth: getWidth,
- getSlotWidthStyle: getSlotWidthStyle,
- getMarginLeft: getMarginLeft,
- getMoveX: getMoveX,
- getMovableContentRightStyle: getMovableContentRightStyle,
- getMovableContentLeftStyle: getMovableContentLeftStyle,
- getRightText: getRightText,
- getLeftText: getLeftText,
- getLeftSlotName: getLeftSlotName,
- getRightSlotName: getRightSlotName
- };
- function keys(obj) {
- if (typeof Object.keys === 'function') {
- return Object.keys(obj);
- }
- }
|