UNPKG

zs-mini-ali-ui

Version:

中视编译后版本 ali-ui

1,379 lines (1,185 loc) 44.7 kB
;/******/ (() => { // webpackBootstrap /******/ var __webpack_modules__ = ({ /***/ 4: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (/* binding */ fmtUnit) /* harmony export */ }); var jsUnitRpx = 'false'; /* eslint-disable no-continue, prefer-spread */ function fmtUnit(oldUnit) { var getUnit = oldUnit; if (jsUnitRpx === 'true') { if (typeof getUnit === 'string' && getUnit === 'px') { getUnit = 'rpx'; } else if (typeof getUnit === 'number') { getUnit *= 2; } else if (typeof getUnit === 'string') { getUnit = oldUnit.match(/(\d+|\d+\.\d+)(px)/)[1] * 2 + 'rpx'; } } return getUnit; } /***/ }), /***/ 48: /***/ ((module) => { function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } } function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } module.exports = _asyncToGenerator; /***/ }), /***/ 45: /***/ ((module, __unused_webpack_exports, __webpack_require__) => { module.exports = __webpack_require__(46); /***/ }), /***/ 46: /***/ ((module, __unused_webpack_exports, __webpack_require__) => { // This method of obtaining a reference to the global object needs to be // kept identical to the way it is obtained in runtime.js var g = (function() { return this })() || Function("return this")(); // Use `getOwnPropertyNames` because not all browsers support calling // `hasOwnProperty` on the global `self` object in a worker. See #183. var hadRuntime = g.regeneratorRuntime && Object.getOwnPropertyNames(g).indexOf("regeneratorRuntime") >= 0; // Save the old regeneratorRuntime in case it needs to be restored later. var oldRuntime = hadRuntime && g.regeneratorRuntime; // Force reevalutation of runtime.js. g.regeneratorRuntime = undefined; module.exports = __webpack_require__(47); if (hadRuntime) { // Restore the original runtime. g.regeneratorRuntime = oldRuntime; } else { // Remove the global property added by runtime.js. try { delete g.regeneratorRuntime; } catch(e) { g.regeneratorRuntime = undefined; } } /***/ }), /***/ 47: /***/ ((module) => { /** * Copyright (c) 2014, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * https://raw.github.com/facebook/regenerator/master/LICENSE file. An * additional grant of patent rights can be found in the PATENTS file in * the same directory. */ !(function(global) { "use strict"; var Op = Object.prototype; var hasOwn = Op.hasOwnProperty; var undefined; // More compressible than void 0. var $Symbol = typeof Symbol === "function" ? Symbol : {}; var iteratorSymbol = $Symbol.iterator || "@@iterator"; var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator"; var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; var inModule = "object" === "object"; var runtime = global.regeneratorRuntime; if (runtime) { if (inModule) { // If regeneratorRuntime is defined globally and we're in a module, // make the exports object identical to regeneratorRuntime. module.exports = runtime; } // Don't bother evaluating the rest of this file if the runtime was // already defined globally. return; } // Define the runtime globally (as expected by generated code) as either // module.exports (if we're in a module) or a new, empty object. runtime = global.regeneratorRuntime = inModule ? module.exports : {}; function wrap(innerFn, outerFn, self, tryLocsList) { // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator. var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator; var generator = Object.create(protoGenerator.prototype); var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next, // .throw, and .return methods. generator._invoke = makeInvokeMethod(innerFn, self, context); return generator; } runtime.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion // record like context.tryEntries[i].completion. This interface could // have been (and was previously) designed to take a closure to be // invoked without arguments, but in all the cases we care about we // already have an existing method we want to call, so there's no need // to create a new function object. We can even get away with assuming // the method takes exactly one argument, since that happens to be true // in every case, so we don't have to touch the arguments object. The // only additional allocation required is the completion record, which // has a stable shape and so hopefully should be cheap to allocate. function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } var GenStateSuspendedStart = "suspendedStart"; var GenStateSuspendedYield = "suspendedYield"; var GenStateExecuting = "executing"; var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as // breaking out of the dispatch switch statement. var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and // .constructor.prototype properties for functions that return Generator // objects. For full spec compliance, you may wish to configure your // minifier not to mangle the names of these two functions. function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that // don't natively support it. var IteratorPrototype = {}; IteratorPrototype[iteratorSymbol] = function () { return this; }; var getProto = Object.getPrototypeOf; var NativeIteratorPrototype = getProto && getProto(getProto(values([]))); if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) { // This environment has a native %IteratorPrototype%; use it instead // of the polyfill. IteratorPrototype = NativeIteratorPrototype; } var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype; GeneratorFunctionPrototype.constructor = GeneratorFunction; GeneratorFunctionPrototype[toStringTagSymbol] = GeneratorFunction.displayName = "GeneratorFunction"; // Helper for defining the .next, .throw, and .return methods of the // Iterator interface in terms of a single ._invoke method. function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function(method) { prototype[method] = function(arg) { return this._invoke(method, arg); }; }); } runtime.isGeneratorFunction = function(genFun) { var ctor = typeof genFun === "function" && genFun.constructor; return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can // do is to check its .name property. (ctor.displayName || ctor.name) === "GeneratorFunction" : false; }; runtime.mark = function(genFun) { if (Object.setPrototypeOf) { Object.setPrototypeOf(genFun, GeneratorFunctionPrototype); } else { genFun.__proto__ = GeneratorFunctionPrototype; if (!(toStringTagSymbol in genFun)) { genFun[toStringTagSymbol] = "GeneratorFunction"; } } genFun.prototype = Object.create(Gp); return genFun; }; // Within the body of any async function, `await x` is transformed to // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test // `hasOwn.call(value, "__await")` to determine if the yielded value is // meant to be awaited. runtime.awrap = function(arg) { return { __await: arg }; }; function AsyncIterator(generator) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (record.type === "throw") { reject(record.arg); } else { var result = record.arg; var value = result.value; if (value && typeof value === "object" && hasOwn.call(value, "__await")) { return Promise.resolve(value.__await).then(function(value) { invoke("next", value, resolve, reject); }, function(err) { invoke("throw", err, resolve, reject); }); } return Promise.resolve(value).then(function(unwrapped) { // When a yielded Promise is resolved, its final value becomes // the .value of the Promise<{value,done}> result for the // current iteration. If the Promise is rejected, however, the // result for this iteration will be rejected with the same // reason. Note that rejections of yielded Promises are not // thrown back into the generator function, as is the case // when an awaited Promise is rejected. This difference in // behavior between yield and await is important, because it // allows the consumer to decide what to do with the yielded // rejection (swallow it and continue, manually .throw it back // into the generator, abandon iteration, whatever). With // await, by contrast, there is no opportunity to examine the // rejection reason outside the generator function, so the // only option is to throw it from the await expression, and // let the generator function handle the exception. result.value = unwrapped; resolve(result); }, reject); } } var previousPromise; function enqueue(method, arg) { function callInvokeWithMethodAndArg() { return new Promise(function(resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = // If enqueue has been called before, then we want to wait until // all previous Promises have been resolved before calling invoke, // so that results are always delivered in the correct order. If // enqueue has not been called before, then it is important to // call invoke immediately, without waiting on a callback to fire, // so that the async generator function has the opportunity to do // any necessary setup in a predictable way. This predictability // is why the Promise constructor synchronously invokes its // executor callback, and why async functions synchronously // execute code before the first await. Since we implement simple // async functions in terms of async generators, it is especially // important to get this right, even though it requires care. previousPromise ? previousPromise.then( callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later // invocations of the iterator. callInvokeWithMethodAndArg ) : callInvokeWithMethodAndArg(); } // Define the unified helper method that is used to implement .next, // .throw, and .return (see defineIteratorMethods). this._invoke = enqueue; } defineIteratorMethods(AsyncIterator.prototype); AsyncIterator.prototype[asyncIteratorSymbol] = function () { return this; }; runtime.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of // AsyncIterator objects; they just return a Promise for the value of // the final result produced by the iterator. runtime.async = function(innerFn, outerFn, self, tryLocsList) { var iter = new AsyncIterator( wrap(innerFn, outerFn, self, tryLocsList) ); return runtime.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator. : iter.next().then(function(result) { return result.done ? result.value : iter.next(); }); }; function makeInvokeMethod(innerFn, self, context) { var state = GenStateSuspendedStart; return function invoke(method, arg) { if (state === GenStateExecuting) { throw new Error("Generator is already running"); } if (state === GenStateCompleted) { if (method === "throw") { throw arg; } // Be forgiving, per 25.3.3.3.3 of the spec: // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume return doneResult(); } context.method = method; context.arg = arg; while (true) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (context.method === "next") { // Setting context._sent for legacy support of Babel's // function.sent implementation. context.sent = context._sent = context.arg; } else if (context.method === "throw") { if (state === GenStateSuspendedStart) { state = GenStateCompleted; throw context.arg; } context.dispatchException(context.arg); } else if (context.method === "return") { context.abrupt("return", context.arg); } state = GenStateExecuting; var record = tryCatch(innerFn, self, context); if (record.type === "normal") { // If an exception is thrown from innerFn, we leave state === // GenStateExecuting and loop back for another invocation. state = context.done ? GenStateCompleted : GenStateSuspendedYield; if (record.arg === ContinueSentinel) { continue; } return { value: record.arg, done: context.done }; } else if (record.type === "throw") { state = GenStateCompleted; // Dispatch the exception by looping back around to the // context.dispatchException(context.arg) call above. context.method = "throw"; context.arg = record.arg; } } }; } // Call delegate.iterator[context.method](context.arg) and handle the // result, either by returning a { value, done } result from the // delegate iterator, or by modifying context.method and context.arg, // setting context.delegate to null, and returning the ContinueSentinel. function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (method === undefined) { // A .throw or .return when the delegate iterator has no .throw // method always terminates the yield* loop. context.delegate = null; if (context.method === "throw") { if (delegate.iterator.return) { // If the delegate iterator has a return method, give it a // chance to clean up. context.method = "return"; context.arg = undefined; maybeInvokeDelegate(delegate, context); if (context.method === "throw") { // If maybeInvokeDelegate(context) changed context.method from // "return" to "throw", let that override the TypeError below. return ContinueSentinel; } } context.method = "throw"; context.arg = new TypeError( "The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if (record.type === "throw") { context.method = "throw"; context.arg = record.arg; context.delegate = null; return ContinueSentinel; } var info = record.arg; if (! info) { context.method = "throw"; context.arg = new TypeError("iterator result is not an object"); context.delegate = null; return ContinueSentinel; } if (info.done) { // Assign the result of the finished delegate to the temporary // variable specified by delegate.resultName (see delegateYield). context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield). context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the // exception, let the outer generator proceed normally. If // context.method was "next", forget context.arg since it has been // "consumed" by the delegate iterator. If context.method was // "return", allow the original .return call to continue in the // outer generator. if (context.method !== "return") { context.method = "next"; context.arg = undefined; } } else { // Re-yield the result returned by the delegate method. return info; } // The delegate iterator is finished, so forget it and continue with // the outer generator. context.delegate = null; return ContinueSentinel; } // Define Generator.prototype.{next,throw,return} in terms of the // unified ._invoke helper method. defineIteratorMethods(Gp); Gp[toStringTagSymbol] = "Generator"; // A Generator should always return itself as the iterator object when the // @@iterator function is called on it. Some browsers' implementations of the // iterator prototype chain incorrectly implement this, causing the Generator // object to not be returned from this call. This ensures that doesn't happen. // See https://github.com/facebook/regenerator/issues/274 for more details. Gp[iteratorSymbol] = function() { return this; }; Gp.toString = function() { return "[object Generator]"; }; function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; if (1 in locs) { entry.catchLoc = locs[1]; } if (2 in locs) { entry.finallyLoc = locs[2]; entry.afterLoc = locs[3]; } this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal"; delete record.arg; entry.completion = record; } function Context(tryLocsList) { // The root entry object (effectively a try statement without a catch // or a finally block) gives us a place to store values thrown from // locations where there is no enclosing try statement. this.tryEntries = [{ tryLoc: "root" }]; tryLocsList.forEach(pushTryEntry, this); this.reset(true); } runtime.keys = function(object) { var keys = []; for (var key in object) { keys.push(key); } keys.reverse(); // Rather than returning an object with a next method, we keep // things simple and return the next function itself. return function next() { while (keys.length) { var key = keys.pop(); if (key in object) { next.value = key; next.done = false; return next; } } // To avoid creating an additional object, we just hang the .value // and .done properties off the next function object itself. This // also ensures that the minifier will not anonymize the function. next.done = true; return next; }; }; function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) { return iteratorMethod.call(iterable); } if (typeof iterable.next === "function") { return iterable; } if (!isNaN(iterable.length)) { var i = -1, next = function next() { while (++i < iterable.length) { if (hasOwn.call(iterable, i)) { next.value = iterable[i]; next.done = false; return next; } } next.value = undefined; next.done = true; return next; }; return next.next = next; } } // Return an iterator with no values. return { next: doneResult }; } runtime.values = values; function doneResult() { return { value: undefined, done: true }; } Context.prototype = { constructor: Context, reset: function(skipTempReset) { this.prev = 0; this.next = 0; // Resetting context._sent for legacy support of Babel's // function.sent implementation. this.sent = this._sent = undefined; this.done = false; this.delegate = null; this.method = "next"; this.arg = undefined; this.tryEntries.forEach(resetTryEntry); if (!skipTempReset) { for (var name in this) { // Not sure about the optimal order of these conditions: if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) { this[name] = undefined; } } } }, stop: function() { this.done = true; var rootEntry = this.tryEntries[0]; var rootRecord = rootEntry.completion; if (rootRecord.type === "throw") { throw rootRecord.arg; } return this.rval; }, dispatchException: function(exception) { if (this.done) { throw exception; } var context = this; function handle(loc, caught) { record.type = "throw"; record.arg = exception; context.next = loc; if (caught) { // If the dispatched exception was caught by a catch block, // then let that catch block handle the exception normally. context.method = "next"; context.arg = undefined; } return !! caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; var record = entry.completion; if (entry.tryLoc === "root") { // Exception thrown outside of any try block that could handle // it, so set the completion value of the entire function to // throw the exception. return handle("end"); } if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"); var hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) { return handle(entry.catchLoc, true); } else if (this.prev < entry.finallyLoc) { return handle(entry.finallyLoc); } } else if (hasCatch) { if (this.prev < entry.catchLoc) { return handle(entry.catchLoc, true); } } else if (hasFinally) { if (this.prev < entry.finallyLoc) { return handle(entry.finallyLoc); } } else { throw new Error("try statement without catch or finally"); } } } }, abrupt: function(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) { // Ignore the finally entry if control is not jumping to a // location outside the try/catch block. finallyEntry = null; } var record = finallyEntry ? finallyEntry.completion : {}; record.type = type; record.arg = arg; if (finallyEntry) { this.method = "next"; this.next = finallyEntry.finallyLoc; return ContinueSentinel; } return this.complete(record); }, complete: function(record, afterLoc) { if (record.type === "throw") { throw record.arg; } if (record.type === "break" || record.type === "continue") { this.next = record.arg; } else if (record.type === "return") { this.rval = this.arg = record.arg; this.method = "return"; this.next = "end"; } else if (record.type === "normal" && afterLoc) { this.next = afterLoc; } return ContinueSentinel; }, finish: function(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) { this.complete(entry.completion, entry.afterLoc); resetTryEntry(entry); return ContinueSentinel; } } }, "catch": function(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (record.type === "throw") { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } // The context.catch method must only be called with a location // argument that corresponds to a known catch block. throw new Error("illegal catch attempt"); }, delegateYield: function(iterable, resultName, nextLoc) { this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }; if (this.method === "next") { // Deliberately forget the last sent value so that we don't // accidentally pass it on to the delegate. this.arg = undefined; } return ContinueSentinel; } }; })( // In sloppy mode, unbound `this` refers to the global object, fallback to // Function constructor if we're in global strict mode. That is sadly a form // of indirect eval which violates Content Security Policy. (function() { return this })() || Function("return this")() ); /***/ }) /******/ }); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ var cachedModule = __webpack_module_cache__[moduleId]; /******/ if (cachedModule !== undefined) { /******/ return cachedModule.exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { /******/ // no module.id needed /******/ // no module.loaded needed /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /************************************************************************/ /******/ /* webpack/runtime/compat get default export */ /******/ (() => { /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = (module) => { /******/ var getter = module && module.__esModule ? /******/ () => (module['default']) : /******/ () => (module); /******/ __webpack_require__.d(getter, { a: getter }); /******/ return getter; /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/define property getters */ /******/ (() => { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ (() => { /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) /******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ /******/ (() => { /******/ // define __esModule on exports /******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; // This entry need to be wrapped in an IIFE because it need to be in strict mode. (() => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(45); /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(48); /* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _util_fmtUnit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4); Component({ props: { className: '', // tabbar激活的 tab 样式 class activeCls: '', // tabbar的自定义样式class tabBarCls: '', // 选中选项卡下划线颜色 & 胶囊选中背景色 tabBarUnderlineColor: '#1677FF', // 选中选项卡字体颜色 tabBarActiveTextColor: '#1677FF', // 胶囊选中选项卡字体颜色 capsuleTabBarActiveTextColor: '#ffffff', // 未选中选项卡字体颜色 tabBarInactiveTextColor: '#333333', // 未选中描述字体颜色 tabBarSubTextColor: '#999999', // 选中描述字体颜色 tabBarActiveSubTextColor: '#ffffff', // 选项卡背景颜色 tabBarBackgroundColor: '#ffffff', // 胶囊选项卡未选中的背景色 capsuleTabBarBackgroundColor: '#e5e5e5', showPlus: false, // tabs 内容区是否可拖动,true 可拖动,内容区固定高度 false 不可拖动,内容区自适应高度 swipeable: true, // 当前激活tab id activeTab: 0, animation: true, duration: 500, // 是否为胶囊形式 tab capsule: false, // 是否有副标题 hasSubTitle: false, elevator: false, floorNumber: [], elevatorTop: '0px', showBadge: false, // 选中选项卡下划线宽度 tabBarUnderlineWidth: '', // 选中选项卡下划线高度 tabBarUnderlineHeight: '', // 电梯组件 tab-content 距离顶部高度 elevatorContentTop: 0, // 通过接收外部传值,动态控制 tab-content 在 swiper 下的高度 tabContentHeight: '', // plus icon 类型更多的支持 plusIcon: 'add', plusIconSize: 16, plusIconColor: '', // plus icon 使用 image 的方式 plusImg: '', plusImgWidth: '', plusImgHeight: '', // tab-bar 是否滚动定位在顶部的判断 stickyBar: false }, data: { windowWidth: 0, tabWidth: 0.25, autoplay: false, animation: false, showLeftShadow: false, showRightShadow: true, version: my.SDKVersion, viewScrollLeft: 0, tabViewNum: 0, hideRightShadow: false, boxWidth: 0, elWidth: 0, tabFontSize15: (0,_util_fmtUnit__WEBPACK_IMPORTED_MODULE_2__["default"])('15px'), tabFontSize13: (0,_util_fmtUnit__WEBPACK_IMPORTED_MODULE_2__["default"])('13px'), _showPlus: false, tabsWidthArr: [] }, didMount: function didMount() { var _this = this; return _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default()( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee() { var _this$props, tabs, animation, hasSubTitle, elevator, showPlus, floorNumber, boxWidth, elWidth, elLeft; return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee$(_context) { while (1) { switch (_context.prev = _context.next) { case 0: _this$props = _this.props, tabs = _this$props.tabs, animation = _this$props.animation, hasSubTitle = _this$props.hasSubTitle, elevator = _this$props.elevator, showPlus = _this$props.showPlus; if (!(tabs.length !== 0 || !tabs)) { _context.next = 18; break; } _this.setData({ _showPlus: showPlus }); _this.setWindowWidth(); if (hasSubTitle) { _this.setData({ capsule: true }); } _this.setData({ tabWidth: tabs.length > 3 ? 0.25 : 1 / tabs.length, animation: animation, autoplay: true }); if (!elevator) { _context.next = 13; break; } _this.setData({ swipeable: false }); // 记录电梯组件总高度,并写入 data my.createSelectorQuery().select('#am-tabs-elevator-content').boundingClientRect().exec(function (ret) { if (ret && ret[0]) { _this.setData({ elevatorHeight: ret[0].height }); } }); // 获取电梯组件每个 pane 的 top 值 _context.next = 11; return _this.getElevatorHeight(tabs); case 11: floorNumber = _context.sent; // 滚动到指定是初始位置 my.pageScrollTo({ scrollTop: Math.ceil(floorNumber[_this.props.activeTab]), duration: 1 }); case 13: // 初始状态下,如果 activeTab 数值较大,会将后面的 tab 前移 boxWidth = 0; elWidth = 0; elLeft = 0; my.createSelectorQuery().select("#tabs-item-" + _this.props.tabsName + "-" + _this.props.activeTab).boundingClientRect().exec(function (ret) { if (ret && ret[0]) { elWidth = ret[0].width; elLeft = ret[0].left; _this.setData({ elWidth: elWidth, elLeft: elLeft }); } }); my.createSelectorQuery().select("#am-tabs-bar-" + _this.props.tabsName + "-content").boundingClientRect().exec(function (ret) { if (ret && ret[0]) { boxWidth = ret[0].width; _this.setData({ boxWidth: boxWidth }); setTimeout(function () { _this.setData({ viewScrollLeft: Math.floor(_this.data.elWidth + _this.data.elLeft - _this.data.boxWidth) }); }, 300); } }); case 18: case "end": return _context.stop(); } } }, _callee); }))(); }, didUpdate: function didUpdate(prevProps, prevData) { var _this2 = this; var _this$props2 = this.props, tabs = _this$props2.tabs, elevator = _this$props2.elevator, showPlus = _this$props2.showPlus, currentActiveTab = _this$props2.activeTab, tabsName = _this$props2.tabsName, swipeable = _this$props2.swipeable; this.setData({ _showPlus: showPlus }); if (prevProps.tabs.length !== tabs.length) { this.setData({ tabWidth: tabs.length > 3 ? 0.25 : 1 / tabs.length }); } if (elevator) { // 当 didUpdate 时判断电梯组件总高度是否发生变化 my.createSelectorQuery().select('#am-tabs-elevator-content').boundingClientRect().exec(function (ret) { if (ret && ret[0].height !== _this2.data.elevatorHeight) { // 如高度变化将页面滚动至顶部,重新设置电梯总高度 my.pageScrollTo({ scrollTop: 0, success: function success() { _this2.setData({ elevatorHeight: ret[0].height }); // 总高度变化后,重新获取电梯组件每个 panel 的 top 值 _this2.getElevatorHeight(tabs); } }); } }); this.$page.data.floorNumber = this.data.floorNumber; if (this.$page.data.getFloorNumber >= 0) { this.setData({ tabViewNum: this.$page.data.getFloorNumber, prevTabViewNum: prevData.tabViewNum }); } if (currentActiveTab !== prevProps.activeTab) { this.setData({ tabViewNum: currentActiveTab, prevTabViewNum: prevData.tabViewNum }); my.pageScrollTo({ scrollTop: Math.ceil(this.data.floorNumber[currentActiveTab]), duration: 1 }); } } else if (currentActiveTab !== prevProps.activeTab) { var boxWidth = 0; var elWidth = 0; var elLeft = 0; var className = "am-tabs-bar-tab " + (!this.props.hasSubTitle && this.props.capsule ? 'am-tabs-bar-tab-capsule' : '') + " " + (this.props.hasSubTitle ? 'am-tabs-bar-tab__hasSubTitle' : '') + " " + this.props.tabBarCls; my.createSelectorQuery().selectAll("." + className).boundingClientRect().exec(function (ret) { if (ret && ret[0]) { _this2.setData({ tabsWidthArr: ret[0].map(function (item) { return item.width; }) }); } }); my.createSelectorQuery().select("#tabs-item-" + tabsName + "-" + currentActiveTab).boundingClientRect().exec(function (ret) { if (ret && ret[0]) { elWidth = ret[0].width; elLeft = ret[0].left; _this2.setData({ elWidth: elWidth, elLeft: elLeft }); } }); my.createSelectorQuery().select("#am-tabs-bar-" + tabsName + "-content").boundingClientRect().exec(function (ret) { if (ret && ret[0]) { boxWidth = ret[0].width; _this2.setData({ boxWidth: boxWidth }); // mock el.offsetLeft var elOffeseLeft = _this2.data.tabsWidthArr.reduce(function (prev, cur, index) { if (index < _this2.props.activeTab) { // eslint-disable-next-line no-param-reassign prev += cur; } return prev; }, 0); if (_this2.data.elWidth > _this2.data.boxWidth / 2) { setTimeout(function () { _this2.setData({ viewScrollLeft: elOffeseLeft - 40 }); }, 300); } else { setTimeout(function () { _this2.setData({ viewScrollLeft: swipeable ? elOffeseLeft : elOffeseLeft - Math.floor(_this2.data.boxWidth / 2) }); }, 300); } } }); } }, methods: { setWindowWidth: function setWindowWidth() { var _this3 = this; my.getSystemInfo({ success: function success(res) { _this3.setData({ windowWidth: res.windowWidth }); } }); }, getElevatorHeight: function getElevatorHeight(tabs) { var _this4 = this; return new Promise(function (resolve) { var _loop = function _loop(i) { my.createSelectorQuery().select("#am-tabs-elevator-pane-" + i).boundingClientRect().select('.am-tabs-bar-sticky').boundingClientRect().exec(function (ret) { if (ret && ret[0]) { var _this4$props = _this4.props, elevatorTop = _this4$props.elevatorTop, elevatorContentTop = _this4$props.elevatorContentTop; var tabContentDistance = 0; if (elevatorTop.match(/\d+px/)) { tabContentDistance = parseInt(elevatorTop, 10); } else { tabContentDistance = parseInt(elevatorContentTop, 10); } _this4.props.floorNumber[i] = ret[0].top - ret[1].height - tabContentDistance; _this4.setData({ floorNumber: _this4.props.floorNumber }); if (i === tabs.length - 1) { resolve(_this4.props.floorNumber); } } }); }; for (var i = 0; i < tabs.length; i++) { _loop(i); } setTimeout(function () { _this4.$page.data.floorNumber = _this4.data.floorNumber; }, 100); }); }, handleSwiperChange: function handleSwiperChange(e) { var current = e.detail.current; var tabsName = e.target.dataset.tabsName; this.setData({ tabViewNum: current }); if (this.props.onChange) { this.props.onChange({ index: current, tabsName: tabsName }); } }, handleTabClick: function handleTabClick(e) { var _this5 = this; var _e$target$dataset = e.target.dataset, index = _e$target$dataset.index, tabsName = _e$target$dataset.tabsName, floor = _e$target$dataset.floor; if (this.props.onTabClick && !this.props.elevator) { this.props.onTabClick({ index: index, tabsName: tabsName }); } if (this.props.onTabClick && this.props.elevator) { this.setData({ tabViewNum: this.data.prevTabViewNum }); setTimeout(function () { _this5.props.onTabClick({ index: index, tabsName: tabsName }); }, 300); my.pageScrollTo({ scrollTop: Math.ceil(floor), duration: 1 }); } }, handlePlusClick: function handlePlusClick() { if (this.props.onPlusClick) { this.props.onPlusClick(); } }, showLeftShadow: function showLeftShadow(e) { var _e$detail = e.detail, scrollLeft = _e$detail.scrollLeft, scrollWidth = _e$detail.scrollWidth; // 判断是否隐藏左边的阴影 if (scrollLeft > 0) { this.setData({ showLeftShadow: true }); } else { this.setData({ showLeftShadow: false }); } // 判断是否隐藏右边的阴影 if (scrollLeft + this.data.boxWidth >= scrollWidth - 8) { this.setData({ showRightShadow: false }); } else { this.setData({ showRightShadow: true }); } }, onTabFirstShow: function onTabFirstShow(e) { // SDKversion 最低要求 1.9.4 var _e$target$dataset2 = e.target.dataset, index = _e$target$dataset2.index, tabsName = _e$target$dataset2.tabsName; if (this.props.onTabFirstShow) { this.props.onTabFirstShow({ index: index, tabsName: tabsName }); } } } }); })(); /******/ })() ;