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); } }