mp-colorui
Version:
MP ColorUI 是一款基于 Taro 框架并且联合 Color-UI CSS 库开发的多端 UI 组件库（支持小程序端和H5端）
340 lines (270 loc) • 21.1 kB
JavaScript
(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["package/layoutPackage/flex/index"],{
/***/ "./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js?!./src/package/layoutPackage/flex/index.js?taro&type=script&parse=PAGE&":
/*!******************************************************************************************************************************************************!*\
!*** ./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js??ref--4-0!./src/package/layoutPackage/flex?taro&type=script&parse=PAGE& ***!
\******************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
var _taroWeapp = __webpack_require__(/*! @tarojs/taro-weapp */ "./node_modules/@tarojs/taro-weapp/index.js");
var _taroWeapp2 = _interopRequireDefault(_taroWeapp);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var size = ["xs", "sm", "df", "lg", "xl"];
var percent = ["sub", "twice", "treble"];
var colors = ["blue", "red", "green"];
var justify = ["start", "end", "center", "between", "around"];
var align = ["start", "end", "center", "stretch"];
var Flex = function (_Taro$Component) {
_inherits(Flex, _Taro$Component);
function Flex() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Flex);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Flex.__proto__ || Object.getPrototypeOf(Flex)).call.apply(_ref, [this].concat(args))), _this), _this.config = {
navigationBarTitleText: "Flex 弹性布局"
}, _this.$usedState = ["loopArray100", "loopArray101", "loopArray102", "loopArray103", "$compid__1292", "$compid__1293", "$compid__1294", "$compid__1295", "size", "percent", "justify", "align"], _this.customComponents = ["ClCard", "ClFlex", "ClLayout", "ClTitleBar"], _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(Flex, [{
key: "_constructor",
value: function _constructor(props) {
_get(Flex.prototype.__proto__ || Object.getPrototypeOf(Flex.prototype), "_constructor", this).call(this, props);
this.$$refs = new _taroWeapp2.default.RefsArray();
}
}, {
key: "_createData",
value: function _createData() {
this.__state = arguments[0] || this.state || {};
this.__props = arguments[1] || this.props || {};
var __isRunloopRef = arguments[2];
var __prefix = this.$prefix;
;
var _genCompid = (0, _taroWeapp.genCompid)(__prefix + "$compid__1292"),
_genCompid2 = _slicedToArray(_genCompid, 2),
$prevCompid__1292 = _genCompid2[0],
$compid__1292 = _genCompid2[1];
var _genCompid3 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1293"),
_genCompid4 = _slicedToArray(_genCompid3, 2),
$prevCompid__1293 = _genCompid4[0],
$compid__1293 = _genCompid4[1];
var _genCompid5 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1294"),
_genCompid6 = _slicedToArray(_genCompid5, 2),
$prevCompid__1294 = _genCompid6[0],
$compid__1294 = _genCompid6[1];
var _genCompid7 = (0, _taroWeapp.genCompid)(__prefix + "$compid__1295"),
_genCompid8 = _slicedToArray(_genCompid7, 2),
$prevCompid__1295 = _genCompid8[0],
$compid__1295 = _genCompid8[1];
var loopArray100 = size.map(function (cc, _anonIdx) {
cc = {
$original: (0, _taroWeapp.internal_get_original)(cc)
};
var _genCompid9 = (0, _taroWeapp.genCompid)(__prefix + "ccezzzzzzz" + _anonIdx, true),
_genCompid10 = _slicedToArray(_genCompid9, 2),
$prevCompid__1283 = _genCompid10[0],
$compid__1283 = _genCompid10[1];
_taroWeapp.propsManager.set({}, $compid__1283, $prevCompid__1283);
var _genCompid11 = (0, _taroWeapp.genCompid)(__prefix + "ccfzzzzzzz" + _anonIdx, true),
_genCompid12 = _slicedToArray(_genCompid11, 2),
$prevCompid__1284 = _genCompid12[0],
$compid__1284 = _genCompid12[1];
_taroWeapp.propsManager.set({
"bgColor": "light-blue",
"type": "full",
"shadow": false
}, $compid__1284, $prevCompid__1284);
return {
$compid__1283: $compid__1283,
$compid__1284: $compid__1284,
$original: cc.$original
};
});
var loopArray101 = percent.map(function (perc, index) {
perc = {
$original: (0, _taroWeapp.internal_get_original)(perc)
};
var $loopState__temp2 = "light-" + colors[index];
var _genCompid13 = (0, _taroWeapp.genCompid)(__prefix + "ccgzzzzzzz" + index, true),
_genCompid14 = _slicedToArray(_genCompid13, 2),
$prevCompid__1285 = _genCompid14[0],
$compid__1285 = _genCompid14[1];
_taroWeapp.propsManager.set({
"type": "full",
"bgColor": $loopState__temp2
}, $compid__1285, $prevCompid__1285);
return {
$loopState__temp2: $loopState__temp2,
$compid__1285: $compid__1285,
$original: perc.$original
};
});
var loopArray102 = justify.map(function (jus, _anonIdx3) {
jus = {
$original: (0, _taroWeapp.internal_get_original)(jus)
};
var _genCompid15 = (0, _taroWeapp.genCompid)(__prefix + "cchzzzzzzz" + _anonIdx3, true),
_genCompid16 = _slicedToArray(_genCompid15, 2),
$prevCompid__1286 = _genCompid16[0],
$compid__1286 = _genCompid16[1];
_taroWeapp.propsManager.set({}, $compid__1286, $prevCompid__1286);
var _genCompid17 = (0, _taroWeapp.genCompid)(__prefix + "ccizzzzzzz" + _anonIdx3, true),
_genCompid18 = _slicedToArray(_genCompid17, 2),
$prevCompid__1287 = _genCompid18[0],
$compid__1287 = _genCompid18[1];
_taroWeapp.propsManager.set({
"justify": jus.$original
}, $compid__1287, $prevCompid__1287);
var _genCompid19 = (0, _taroWeapp.genCompid)(__prefix + "ccjzzzzzzz" + _anonIdx3, true),
_genCompid20 = _slicedToArray(_genCompid19, 2),
$prevCompid__1288 = _genCompid20[0],
$compid__1288 = _genCompid20[1];
_taroWeapp.propsManager.set({
"bgColor": "light-blue",
"shadow": false
}, $compid__1288, $prevCompid__1288);
var _genCompid21 = (0, _taroWeapp.genCompid)(__prefix + "cdazzzzzzz" + _anonIdx3, true),
_genCompid22 = _slicedToArray(_genCompid21, 2),
$prevCompid__1289 = _genCompid22[0],
$compid__1289 = _genCompid22[1];
_taroWeapp.propsManager.set({
"bgColor": "light-blue",
"shadow": false
}, $compid__1289, $prevCompid__1289);
return {
$compid__1286: $compid__1286,
$compid__1287: $compid__1287,
$compid__1288: $compid__1288,
$compid__1289: $compid__1289,
$original: jus.$original
};
});
var loopArray103 = align.map(function (al, _anonIdx5) {
al = {
$original: (0, _taroWeapp.internal_get_original)(al)
};
var $loopState__temp4 = (0, _taroWeapp.internal_inline_style)({ height: "100%" });
var _genCompid23 = (0, _taroWeapp.genCompid)(__prefix + "cdbzzzzzzz" + _anonIdx5, true),
_genCompid24 = _slicedToArray(_genCompid23, 2),
$prevCompid__1290 = _genCompid24[0],
$compid__1290 = _genCompid24[1];
_taroWeapp.propsManager.set({}, $compid__1290, $prevCompid__1290);
var _genCompid25 = (0, _taroWeapp.genCompid)(__prefix + "cdczzzzzzz" + _anonIdx5, true),
_genCompid26 = _slicedToArray(_genCompid25, 2),
$prevCompid__1291 = _genCompid26[0],
$compid__1291 = _genCompid26[1];
_taroWeapp.propsManager.set({
"align": al.$original
}, $compid__1291, $prevCompid__1291);
return {
$loopState__temp4: $loopState__temp4,
$compid__1290: $compid__1290,
$compid__1291: $compid__1291,
$original: al.$original
};
});
_taroWeapp.propsManager.set({
"title": "\u56FA\u5B9A\u5C3A\u5BF8",
"textColor": "black",
"type": "icon",
"subTitle": "basis"
}, $compid__1292, $prevCompid__1292);
_taroWeapp.propsManager.set({
"title": "\u6BD4\u4F8B\u5E03\u5C40",
"textColor": "black",
"type": "icon",
"subTitle": "flex"
}, $compid__1293, $prevCompid__1293);
_taroWeapp.propsManager.set({
"title": "\u6C34\u5E73\u5BF9\u9F50",
"textColor": "black",
"type": "icon",
"subTitle": "justify"
}, $compid__1294, $prevCompid__1294);
_taroWeapp.propsManager.set({
"title": "\u5782\u76F4\u5BF9\u9F50",
"textColor": "black",
"type": "icon",
"subTitle": "align"
}, $compid__1295, $prevCompid__1295);
Object.assign(this.__state, {
loopArray100: loopArray100,
loopArray101: loopArray101,
loopArray102: loopArray102,
loopArray103: loopArray103,
$compid__1292: $compid__1292,
$compid__1293: $compid__1293,
$compid__1294: $compid__1294,
$compid__1295: $compid__1295,
size: size,
percent: percent,
justify: justify,
align: align
});
return this.__state;
}
}]);
return Flex;
}(_taroWeapp2.default.Component);
Flex.$$events = [];
Flex.$$componentPath = "package/layoutPackage/flex/index";
Flex.config = { navigationBarTitleText: "Flex 弹性布局" };
exports.default = Flex;
Component(__webpack_require__(/*! @tarojs/taro-weapp */ "./node_modules/@tarojs/taro-weapp/index.js").default.createComponent(Flex, true));
/***/ }),
/***/ "./node_modules/file-loader/dist/cjs.js?name=[path][name].wxml&context=/Users/jinbai/Documents/develop/github/mp-colorui-old/mp-colorui/src!./node_modules/@tarojs/mini-runner/dist/loaders/miniTemplateLoader.js!./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js?!./src/package/layoutPackage/flex/index.js?taro&type=template&parse=PAGE&":
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/file-loader/dist/cjs.js?name=[path][name].wxml&context=/Users/jinbai/Documents/develop/github/mp-colorui-old/mp-colorui/src!./node_modules/@tarojs/mini-runner/dist/loaders/miniTemplateLoader.js!./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js??ref--4-0!./src/package/layoutPackage/flex?taro&type=template&parse=PAGE& ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__.p + "package/layoutPackage/flex/index.wxml";
/***/ }),
/***/ "./src/package/layoutPackage/flex/index.js":
/*!*************************************************!*\
!*** ./src/package/layoutPackage/flex/index.js ***!
\*************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! .?taro&type=template&parse=PAGE& */ "./src/package/layoutPackage/flex/index.js?taro&type=template&parse=PAGE&");
/* harmony import */ var _index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! .?taro&type=script&parse=PAGE& */ "./src/package/layoutPackage/flex/index.js?taro&type=script&parse=PAGE&");
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/***/ }),
/***/ "./src/package/layoutPackage/flex/index.js?taro&type=script&parse=PAGE&":
/*!*********************************************************************!*\
!*** ./src/package/layoutPackage/flex?taro&type=script&parse=PAGE& ***!
\*********************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js??ref--4-0!.?taro&type=script&parse=PAGE& */ "./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js?!./src/package/layoutPackage/flex/index.js?taro&type=script&parse=PAGE&");
/* harmony import */ var _node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_script_parse_PAGE___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/***/ "./src/package/layoutPackage/flex/index.js?taro&type=template&parse=PAGE&":
/*!***********************************************************************!*\
!*** ./src/package/layoutPackage/flex?taro&type=template&parse=PAGE& ***!
\***********************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/file-loader/dist/cjs.js?name=[path][name].wxml&context=/Users/jinbai/Documents/develop/github/mp-colorui-old/mp-colorui/src!../../../../node_modules/@tarojs/mini-runner/dist/loaders/miniTemplateLoader.js!../../../../node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js??ref--4-0!.?taro&type=template&parse=PAGE& */ "./node_modules/file-loader/dist/cjs.js?name=[path][name].wxml&context=/Users/jinbai/Documents/develop/github/mp-colorui-old/mp-colorui/src!./node_modules/@tarojs/mini-runner/dist/loaders/miniTemplateLoader.js!./node_modules/@tarojs/mini-runner/dist/loaders/wxTransformerLoader.js?!./src/package/layoutPackage/flex/index.js?taro&type=template&parse=PAGE&");
/* harmony import */ var _node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_file_loader_dist_cjs_js_name_path_name_wxml_context_Users_jinbai_Documents_develop_github_mp_colorui_old_mp_colorui_src_node_modules_tarojs_mini_runner_dist_loaders_miniTemplateLoader_js_node_modules_tarojs_mini_runner_dist_loaders_wxTransformerLoader_js_ref_4_0_index_js_taro_type_template_parse_PAGE___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/***/ })
},[["./src/package/layoutPackage/flex/index.js","runtime","taro","vendors"]]]);