http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue-web/vue/style/index.js
----------------------------------------------------------------------
diff --git a/android/playground/app/src/main/assets/vue-web/vue/style/index.js
b/android/playground/app/src/main/assets/vue-web/vue/style/index.js
deleted file mode 100644
index 9736b7b..0000000
--- a/android/playground/app/src/main/assets/vue-web/vue/style/index.js
+++ /dev/null
@@ -1,2276 +0,0 @@
-// NOTE: for vue2.0 and platform:web only.
-
-/******/ (function(modules) { // webpackBootstrap
-/******/ // The module cache
-/******/ var installedModules = {};
-
-/******/ // The require function
-/******/ function __webpack_require__(moduleId) {
-
-/******/ // Check if module is in cache
-/******/ if(installedModules[moduleId])
-/******/ return installedModules[moduleId].exports;
-
-/******/ // Create a new module (and put it into the cache)
-/******/ var module = installedModules[moduleId] = {
-/******/ exports: {},
-/******/ id: moduleId,
-/******/ loaded: false
-/******/ };
-
-/******/ // Execute the module function
-/******/ modules[moduleId].call(module.exports, module,
module.exports, __webpack_require__);
-
-/******/ // Flag the module as loaded
-/******/ module.loaded = true;
-
-/******/ // Return the exports of the module
-/******/ return module.exports;
-/******/ }
-
-
-/******/ // expose the modules object (__webpack_modules__)
-/******/ __webpack_require__.m = modules;
-
-/******/ // expose the module cache
-/******/ __webpack_require__.c = installedModules;
-
-/******/ // __webpack_public_path__
-/******/ __webpack_require__.p = "";
-
-/******/ // Load entry module and return exports
-/******/ return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
- var App = __webpack_require__(289)
- App.el = '#root'
- new Vue(App)
-
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
- /*
- MIT License http://www.opensource.org/licenses/mit-license.php
- Author Tobias Koppers @sokra
- */
- // css base code, injected by the css-loader
- module.exports = function() {
- var list = [];
-
- // return the list of modules as css string
- list.toString = function toString() {
- var result = [];
- for(var i = 0; i < this.length; i++) {
- var item = this[i];
- if(item[2]) {
- result.push("@media " + item[2] + "{" +
item[1] + "}");
- } else {
- result.push(item[1]);
- }
- }
- return result.join("");
- };
-
- // import a list of modules into the list
- list.i = function(modules, mediaQuery) {
- if(typeof modules === "string")
- modules = [[null, modules, ""]];
- var alreadyImportedModules = {};
- for(var i = 0; i < this.length; i++) {
- var id = this[i][0];
- if(typeof id === "number")
- alreadyImportedModules[id] = true;
- }
- for(i = 0; i < modules.length; i++) {
- var item = modules[i];
- // skip already imported module
- // this implementation is not 100% perfect for
weird media query combinations
- // when a module is imported multiple times
with different media queries.
- // I hope this will never occur (Hey this way
we have smaller bundles)
- if(typeof item[0] !== "number" ||
!alreadyImportedModules[item[0]]) {
- if(mediaQuery && !item[2]) {
- item[2] = mediaQuery;
- } else if(mediaQuery) {
- item[2] = "(" + item[2] + ")
and (" + mediaQuery + ")";
- }
- list.push(item);
- }
- }
- };
- return list;
- };
-
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports, __webpack_require__) {
-
- /*
- MIT License http://www.opensource.org/licenses/mit-license.php
- Author Tobias Koppers @sokra
- Modified by Evan You @yyx990803
- */
-
- var hasDocument = typeof document !== 'undefined'
-
- if (false) {
- if (!hasDocument) {
- throw new Error(
- 'vue-style-loader cannot be used in a non-browser environment. ' +
- "Use { target: 'node' } in your Webpack config to indicate a
server-rendering environment."
- ) }
- }
-
- var listToStyles = __webpack_require__(6)
-
- /*
- type StyleObject = {
- id: number;
- parts: Array<StyleObjectPart>
- }
-
- type StyleObjectPart = {
- css: string;
- media: string;
- sourceMap: ?string
- }
- */
-
- var stylesInDom = {/*
- [id: number]: {
- id: number,
- refs: number,
- parts: Array<(obj?: StyleObjectPart) => void>
- }
- */}
-
- var head = hasDocument && (document.head ||
document.getElementsByTagName('head')[0])
- var singletonElement = null
- var singletonCounter = 0
- var isProduction = false
- var noop = function () {}
-
- // Force single-tag solution on IE6-9, which has a hard limit on the #
of <style>
- // tags it will allow on a page
- var isOldIE = typeof navigator !== 'undefined' && /msie
[6-9]\b/.test(navigator.userAgent.toLowerCase())
-
- module.exports = function (parentId, list, _isProduction) {
- isProduction = _isProduction
-
- var styles = listToStyles(parentId, list)
- addStylesToDom(styles)
-
- return function update (newList) {
- var mayRemove = []
- for (var i = 0; i < styles.length; i++) {
- var item = styles[i]
- var domStyle = stylesInDom[item.id]
- domStyle.refs--
- mayRemove.push(domStyle)
- }
- if (newList) {
- styles = listToStyles(parentId, newList)
- addStylesToDom(styles)
- } else {
- styles = []
- }
- for (var i = 0; i < mayRemove.length; i++) {
- var domStyle = mayRemove[i]
- if (domStyle.refs === 0) {
- for (var j = 0; j < domStyle.parts.length; j++) {
- domStyle.parts[j]()
- }
- delete stylesInDom[domStyle.id]
- }
- }
- }
- }
-
- function addStylesToDom (styles /* Array<StyleObject> */) {
- for (var i = 0; i < styles.length; i++) {
- var item = styles[i]
- var domStyle = stylesInDom[item.id]
- if (domStyle) {
- domStyle.refs++
- for (var j = 0; j < domStyle.parts.length; j++) {
- domStyle.parts[j](item.parts[j])
- }
- for (; j < item.parts.length; j++) {
- domStyle.parts.push(addStyle(item.parts[j]))
- }
- if (domStyle.parts.length > item.parts.length) {
- domStyle.parts.length = item.parts.length
- }
- } else {
- var parts = []
- for (var j = 0; j < item.parts.length; j++) {
- parts.push(addStyle(item.parts[j]))
- }
- stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
- }
- }
- }
-
- function createStyleElement () {
- var styleElement = document.createElement('style')
- styleElement.type = 'text/css'
- head.appendChild(styleElement)
- return styleElement
- }
-
- function addStyle (obj /* StyleObjectPart */) {
- var update, remove
- var styleElement = document.querySelector('style[data-vue-ssr-id~="'
+ obj.id + '"]')
-
- if (styleElement) {
- if (isProduction) {
- // has SSR styles and in production mode.
- // simply do nothing.
- return noop
- } else {
- // has SSR styles but in dev mode.
- // for some reason Chrome can't handle source map in
server-rendered
- // style tags - source maps in <style> only works if the style
tag is
- // created and inserted dynamically. So we remove the server
rendered
- // styles and inject new ones.
- styleElement.parentNode.removeChild(styleElement)
- }
- }
-
- if (isOldIE) {
- // use singleton mode for IE9.
- var styleIndex = singletonCounter++
- styleElement = singletonElement || (singletonElement =
createStyleElement())
- update = applyToSingletonTag.bind(null, styleElement, styleIndex,
false)
- remove = applyToSingletonTag.bind(null, styleElement, styleIndex,
true)
- } else {
- // use multi-style-tag mode in all other cases
- styleElement = createStyleElement()
- update = applyToTag.bind(null, styleElement)
- remove = function () {
- styleElement.parentNode.removeChild(styleElement)
- }
- }
-
- update(obj)
-
- return function updateStyle (newObj /* StyleObjectPart */) {
- if (newObj) {
- if (newObj.css === obj.css &&
- newObj.media === obj.media &&
- newObj.sourceMap === obj.sourceMap) {
- return
- }
- update(obj = newObj)
- } else {
- remove()
- }
- }
- }
-
- var replaceText = (function () {
- var textStore = []
-
- return function (index, replacement) {
- textStore[index] = replacement
- return textStore.filter(Boolean).join('\n')
- }
- })()
-
- function applyToSingletonTag (styleElement, index, remove, obj) {
- var css = remove ? '' : obj.css
-
- if (styleElement.styleSheet) {
- styleElement.styleSheet.cssText = replaceText(index, css)
- } else {
- var cssNode = document.createTextNode(css)
- var childNodes = styleElement.childNodes
- if (childNodes[index]) styleElement.removeChild(childNodes[index])
- if (childNodes.length) {
- styleElement.insertBefore(cssNode, childNodes[index])
- } else {
- styleElement.appendChild(cssNode)
- }
- }
- }
-
- function applyToTag (styleElement, obj) {
- var css = obj.css
- var media = obj.media
- var sourceMap = obj.sourceMap
-
- if (media) {
- styleElement.setAttribute('media', media)
- }
-
- if (sourceMap) {
- // https://developer.chrome.com/devtools/docs/javascript-debugging
- // this makes source maps inside style tags work properly in Chrome
- css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
- // http://stackoverflow.com/a/26603875
- css += '\n/*# sourceMappingURL=data:application/json;base64,' +
btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
- }
-
- if (styleElement.styleSheet) {
- styleElement.styleSheet.cssText = css
- } else {
- while (styleElement.firstChild) {
- styleElement.removeChild(styleElement.firstChild)
- }
- styleElement.appendChild(document.createTextNode(css))
- }
- }
-
-
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
- /**
- * Translates the list format produced by css-loader into something
- * easier to manipulate.
- */
- module.exports = function listToStyles (parentId, list) {
- var styles = []
- var newStyles = {}
- for (var i = 0; i < list.length; i++) {
- var item = list[i]
- var id = item[0]
- var css = item[1]
- var media = item[2]
- var sourceMap = item[3]
- var part = {
- id: parentId + ':' + i,
- css: css,
- media: media,
- sourceMap: sourceMap
- }
- if (!newStyles[id]) {
- styles.push(newStyles[id] = { id: id, parts: [part] })
- } else {
- newStyles[id].parts.push(part)
- }
- }
- return styles
- }
-
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
- /* globals __VUE_SSR_CONTEXT__ */
-
- // this module is a runtime utility for cleaner component module output
and will
- // be included in the final webpack user bundle
-
- module.exports = function normalizeComponent (
- rawScriptExports,
- compiledTemplate,
- injectStyles,
- scopeId,
- moduleIdentifier /* server only */
- ) {
- var esModule
- var scriptExports = rawScriptExports = rawScriptExports || {}
-
- // ES6 modules interop
- var type = typeof rawScriptExports.default
- if (type === 'object' || type === 'function') {
- esModule = rawScriptExports
- scriptExports = rawScriptExports.default
- }
-
- // Vue.extend constructor export interop
- var options = typeof scriptExports === 'function'
- ? scriptExports.options
- : scriptExports
-
- // render functions
- if (compiledTemplate) {
- options.render = compiledTemplate.render
- options.staticRenderFns = compiledTemplate.staticRenderFns
- }
-
- // scopedId
- if (scopeId) {
- options._scopeId = scopeId
- }
-
- var hook
- if (moduleIdentifier) { // server build
- hook = function (context) {
- // 2.3 injection
- context =
- context || // cached call
- (this.$vnode && this.$vnode.ssrContext) || // stateful
- (this.parent && this.parent.$vnode &&
this.parent.$vnode.ssrContext) // functional
- // 2.2 with runInNewContext: true
- if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
- context = __VUE_SSR_CONTEXT__
- }
- // inject component styles
- if (injectStyles) {
- injectStyles.call(this, context)
- }
- // register component module identifier for async chunk inferrence
- if (context && context._registeredComponents) {
- context._registeredComponents.add(moduleIdentifier)
- }
- }
- // used by ssr in case component is cached and beforeCreate
- // never gets called
- options._ssrRegister = hook
- } else if (injectStyles) {
- hook = injectStyles
- }
-
- if (hook) {
- var functional = options.functional
- var existing = functional
- ? options.render
- : options.beforeCreate
- if (!functional) {
- // inject component registration as beforeCreate hook
- options.beforeCreate = existing
- ? [].concat(existing, hook)
- : [hook]
- } else {
- // register for functioal component in vue file
- options.render = function renderWithStyleInjection (h, context) {
- hook.call(context)
- return existing(h, context)
- }
- }
- }
-
- return {
- esModule: esModule,
- exports: scriptExports,
- options: options
- }
- }
-
-
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports, __webpack_require__) {
-
- var disposed = false
- function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(10)
- }
- var Component = __webpack_require__(7)(
- /* script */
- __webpack_require__(12),
- /* template */
- __webpack_require__(13),
- /* styles */
- injectStyle,
- /* scopeId */
- "data-v-66798af2",
- /* moduleIdentifier (server only) */
- null
- )
- Component.options.__file =
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/panel.vue"
- if (Component.esModule && Object.keys(Component.esModule).some(function
(key) {return key !== "default" && key.substr(0, 2) !== "__"}))
{console.error("named exports are not supported in *.vue files.")}
- if (Component.options.functional) {console.error("[vue-loader]
panel.vue: functional components are not supported with templates, they should
use render functions.")}
-
- /* hot reload */
- if (false) {(function () {
- var hotAPI = require("vue-hot-reload-api")
- hotAPI.install(require("vue"), false)
- if (!hotAPI.compatible) return
- module.hot.accept()
- if (!module.hot.data) {
- hotAPI.createRecord("data-v-66798af2", Component.options)
- } else {
- hotAPI.reload("data-v-66798af2", Component.options)
- }
- module.hot.dispose(function (data) {
- disposed = true
- })
- })()}
-
- module.exports = Component.exports
-
-
-/***/ }),
-
-/***/ 10:
-/***/ (function(module, exports, __webpack_require__) {
-
- // style-loader: Adds some css to the DOM by adding a <style> tag
-
- // load the styles
- var content = __webpack_require__(11);
- if(typeof content === 'string') content = [[module.id, content, '']];
- if(content.locals) module.exports = content.locals;
- // add the styles to the DOM
- var update = __webpack_require__(5)("392aaf4e", content, false);
- // Hot Module Replacement
- if(false) {
- // When the styles change, update the <style> tags
- if(!content.locals) {
-
module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-66798af2\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./panel.vue",
function() {
- var newContent =
require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-66798af2\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./panel.vue");
- if(typeof newContent === 'string') newContent = [[module.id,
newContent, '']];
- update(newContent);
- });
- }
- // When the module is disposed, remove the <style> tags
- module.hot.dispose(function() { update(); });
- }
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports, __webpack_require__) {
-
- exports = module.exports = __webpack_require__(4)();
- // imports
-
-
- // module
- exports.push([module.id, "\n.panel[data-v-66798af2] {\n margin-bottom:
20px;\n background-color: #fff;\n /*border: 1px solid transparent;*/\n
/*border-radius: 10px;*/\n /*-webkit-box-shadow: 0 1px 1px
rgba(0,0,0,.05);*/\n /*box-shadow: 0 1px 1px rgba(0,0,0,.05);*/\n
border-color: #dddddd;\n border-width:
1px;\n}\n.panel-default[data-v-66798af2] {\n}\n.panel-primary[data-v-66798af2]
{\n border-color: rgb(40, 96, 144);\n}\n.panel-success[data-v-66798af2] {\n
border-color: rgb(76, 174, 76);\n}\n.panel-info[data-v-66798af2] {\n
border-color: rgb(70, 184, 218);\n}\n.panel-warning[data-v-66798af2] {\n
border-color: rgb(238, 162, 54);\n}\n.panel-danger[data-v-66798af2] {\n
border-color: rgb(212, 63, 58);\n}\n.panel-header[data-v-66798af2] {\n
background-color: #f5f5f5;\n font-size: 40px;\n /*padding-left: 12px;*/\n
/*padding-right: 12px;*/\n /*padding-top: 20px;*/\n /*padding-bottom:
20px;*/\n color: #333;\n}\n.panel-header-default[data-v-66798af2]
{\n}\n.panel-header-
primary[data-v-66798af2] {\n background-color: rgb(40, 96, 144);\n color:
#ffffff;\n}\n.panel-header-success[data-v-66798af2] {\n background-color:
rgb(92, 184, 92);\n color: #ffffff;\n}\n.panel-header-info[data-v-66798af2]
{\n background-color: rgb(91, 192, 222);\n color:
#ffffff;\n}\n.panel-header-warning[data-v-66798af2] {\n background-color:
rgb(240, 173, 78);\n color: #ffffff;\n}\n.panel-header-danger[data-v-66798af2]
{\n background-color: rgb(217, 83, 79);\n color:
#ffffff;\n}\n.panel-body[data-v-66798af2] {\n padding-left: 12px;\n
padding-right: 12px;\n padding-top: 20px;\n padding-bottom:
20px;\n}\n.panel-body-default[data-v-66798af2]
{\n}\n.panel-body-primary[data-v-66798af2]
{\n}\n.panel-body-success[data-v-66798af2]
{\n}\n.panel-body-info[data-v-66798af2]
{\n}\n.panel-body-warning[data-v-66798af2]
{\n}\n.panel-body-danger[data-v-66798af2] {\n}\n", ""]);
-
- // exports
-
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
- 'use strict';
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- module.exports = {
- props: {
- type: { default: 'default' },
- title: { default: '' },
- paddingBody: { default: 20 },
- paddingHead: { default: 20 },
- dataClass: { default: '' }, // FIXME transfer class
- border: { default: 0 }
- }
- };
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, exports, __webpack_require__) {
-
- module.exports={render:function (){var _vm=this;var
_h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- class: ['panel', 'panel-' + _vm.type],
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle({
- borderWidth: _vm.border
- }))
- }, [_c('text', {
- class: ['panel-header', 'panel-header-' + _vm.type],
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle({
- paddingTop: _vm.paddingHead,
- paddingBottom: _vm.paddingHead,
- paddingLeft: _vm.paddingHead * 1.5,
- paddingRight: _vm.paddingHead * 1.5
- }))
- }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _c('div', {
- class: ['panel-body', 'panel-body-' + _vm.type],
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle({
- paddingTop: _vm.paddingBody,
- paddingBottom: _vm.paddingBody,
- paddingLeft: _vm.paddingBody * 1.5,
- paddingRight: _vm.paddingBody * 1.5
- }))
- }, [_vm._t("default")], 2)])
- },staticRenderFns: []}
- module.exports.render._withStripped = true
- if (false) {
- module.hot.accept()
- if (module.hot.data) {
- require("vue-hot-reload-api").rerender("data-v-66798af2",
module.exports)
- }
- }
-
-/***/ }),
-
-/***/ 22:
-/***/ (function(module, exports, __webpack_require__) {
-
- var disposed = false
- function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(23)
- }
- var Component = __webpack_require__(7)(
- /* script */
- __webpack_require__(25),
- /* template */
- __webpack_require__(26),
- /* styles */
- injectStyle,
- /* scopeId */
- "data-v-f15788ee",
- /* moduleIdentifier (server only) */
- null
- )
- Component.options.__file =
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/tip.vue"
- if (Component.esModule && Object.keys(Component.esModule).some(function
(key) {return key !== "default" && key.substr(0, 2) !== "__"}))
{console.error("named exports are not supported in *.vue files.")}
- if (Component.options.functional) {console.error("[vue-loader] tip.vue:
functional components are not supported with templates, they should use render
functions.")}
-
- /* hot reload */
- if (false) {(function () {
- var hotAPI = require("vue-hot-reload-api")
- hotAPI.install(require("vue"), false)
- if (!hotAPI.compatible) return
- module.hot.accept()
- if (!module.hot.data) {
- hotAPI.createRecord("data-v-f15788ee", Component.options)
- } else {
- hotAPI.reload("data-v-f15788ee", Component.options)
- }
- module.hot.dispose(function (data) {
- disposed = true
- })
- })()}
-
- module.exports = Component.exports
-
-
-/***/ }),
-
-/***/ 23:
-/***/ (function(module, exports, __webpack_require__) {
-
- // style-loader: Adds some css to the DOM by adding a <style> tag
-
- // load the styles
- var content = __webpack_require__(24);
- if(typeof content === 'string') content = [[module.id, content, '']];
- if(content.locals) module.exports = content.locals;
- // add the styles to the DOM
- var update = __webpack_require__(5)("b14ba53e", content, false);
- // Hot Module Replacement
- if(false) {
- // When the styles change, update the <style> tags
- if(!content.locals) {
-
module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-f15788ee\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./tip.vue",
function() {
- var newContent =
require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-f15788ee\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./tip.vue");
- if(typeof newContent === 'string') newContent = [[module.id,
newContent, '']];
- update(newContent);
- });
- }
- // When the module is disposed, remove the <style> tags
- module.hot.dispose(function() { update(); });
- }
-
-/***/ }),
-
-/***/ 24:
-/***/ (function(module, exports, __webpack_require__) {
-
- exports = module.exports = __webpack_require__(4)();
- // imports
-
-
- // module
- exports.push([module.id, "\n.tip[data-v-f15788ee] {\n padding-left:
36px;\n padding-right: 36px;\n padding-top: 36px;\n padding-bottom: 36px;\n
border-radius: 10px;\n}\n.tip-txt[data-v-f15788ee]{\n font-size:
28px;\n}\n.tip-success[data-v-f15788ee] {\n background-color: #dff0d8;\n
border-color: #d6e9c6;\n}\n.tip-txt-success[data-v-f15788ee] {\n color:
#3c763d;\n}\n.tip-info[data-v-f15788ee] {\n background-color: #d9edf7;\n
border-color: #bce8f1;\n}\n.tip-txt-info[data-v-f15788ee] {\n color:
#31708f;\n}\n.tip-warning[data-v-f15788ee] {\n background-color: #fcf8e3;\n
border-color: #faebcc;\n}\n.tip-txt-warning[data-v-f15788ee] {\n color:
#8a6d3b;\n}\n.tip-danger[data-v-f15788ee] {\n background-color: #f2dede;\n
border-color: #ebccd1;\n}\n.tip-txt-danger[data-v-f15788ee] {\n color:
#a94442;\n}\n", ""]);
-
- // exports
-
-
-/***/ }),
-
-/***/ 25:
-/***/ (function(module, exports) {
-
- 'use strict';
-
- //
- //
- //
- //
- //
- //
- //
-
- module.exports = {
- props: {
- type: { default: 'success' },
- value: { default: '' }
- }
- };
-
-/***/ }),
-
-/***/ 26:
-/***/ (function(module, exports, __webpack_require__) {
-
- module.exports={render:function (){var _vm=this;var
_h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- class: ['tip', 'tip-' + _vm.type],
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined))
- }, [_c('text', {
- class: ['tip-txt', 'tip-txt-' + _vm.type],
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined))
- }, [_vm._v(_vm._s(_vm.value))])])
- },staticRenderFns: []}
- module.exports.render._withStripped = true
- if (false) {
- module.hot.accept()
- if (module.hot.data) {
- require("vue-hot-reload-api").rerender("data-v-f15788ee",
module.exports)
- }
- }
-
-/***/ }),
-
-/***/ 289:
-/***/ (function(module, exports, __webpack_require__) {
-
- var disposed = false
- function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(290)
- }
- var Component = __webpack_require__(7)(
- /* script */
- __webpack_require__(292),
- /* template */
- __webpack_require__(308),
- /* styles */
- injectStyle,
- /* scopeId */
- "data-v-7f917fc9",
- /* moduleIdentifier (server only) */
- null
- )
- Component.options.__file =
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/style/index.vue"
- if (Component.esModule && Object.keys(Component.esModule).some(function
(key) {return key !== "default" && key.substr(0, 2) !== "__"}))
{console.error("named exports are not supported in *.vue files.")}
- if (Component.options.functional) {console.error("[vue-loader]
index.vue: functional components are not supported with templates, they should
use render functions.")}
-
- /* hot reload */
- if (false) {(function () {
- var hotAPI = require("vue-hot-reload-api")
- hotAPI.install(require("vue"), false)
- if (!hotAPI.compatible) return
- module.hot.accept()
- if (!module.hot.data) {
- hotAPI.createRecord("data-v-7f917fc9", Component.options)
- } else {
- hotAPI.reload("data-v-7f917fc9", Component.options)
- }
- module.hot.dispose(function (data) {
- disposed = true
- })
- })()}
-
- module.exports = Component.exports
-
-
-/***/ }),
-
-/***/ 290:
-/***/ (function(module, exports, __webpack_require__) {
-
- // style-loader: Adds some css to the DOM by adding a <style> tag
-
- // load the styles
- var content = __webpack_require__(291);
- if(typeof content === 'string') content = [[module.id, content, '']];
- if(content.locals) module.exports = content.locals;
- // add the styles to the DOM
- var update = __webpack_require__(5)("58a8b64b", content, false);
- // Hot Module Replacement
- if(false) {
- // When the styles change, update the <style> tags
- if(!content.locals) {
-
module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-7f917fc9\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue",
function() {
- var newContent =
require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-7f917fc9\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue");
- if(typeof newContent === 'string') newContent = [[module.id,
newContent, '']];
- update(newContent);
- });
- }
- // When the module is disposed, remove the <style> tags
- module.hot.dispose(function() { update(); });
- }
-
-/***/ }),
-
-/***/ 291:
-/***/ (function(module, exports, __webpack_require__) {
-
- exports = module.exports = __webpack_require__(4)();
- // imports
-
-
- // module
- exports.push([module.id, "\n.bg-item[data-v-7f917fc9] {\n width:
690px;\n margin-bottom: 10px;\n}\n", ""]);
-
- // exports
-
-
-/***/ }),
-
-/***/ 292:
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- module.exports = {
- components: {
- panel: __webpack_require__(9),
- styleBox: __webpack_require__(293),
- styleFlex: __webpack_require__(303),
- styleItem: __webpack_require__(297)
- }
- };
-
-/***/ }),
-
-/***/ 293:
-/***/ (function(module, exports, __webpack_require__) {
-
- var disposed = false
- function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(294)
- }
- var Component = __webpack_require__(7)(
- /* script */
- __webpack_require__(296),
- /* template */
- __webpack_require__(302),
- /* styles */
- injectStyle,
- /* scopeId */
- "data-v-27caa8a6",
- /* moduleIdentifier (server only) */
- null
- )
- Component.options.__file =
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/style/style-box.vue"
- if (Component.esModule && Object.keys(Component.esModule).some(function
(key) {return key !== "default" && key.substr(0, 2) !== "__"}))
{console.error("named exports are not supported in *.vue files.")}
- if (Component.options.functional) {console.error("[vue-loader]
style-box.vue: functional components are not supported with templates, they
should use render functions.")}
-
- /* hot reload */
- if (false) {(function () {
- var hotAPI = require("vue-hot-reload-api")
- hotAPI.install(require("vue"), false)
- if (!hotAPI.compatible) return
- module.hot.accept()
- if (!module.hot.data) {
- hotAPI.createRecord("data-v-27caa8a6", Component.options)
- } else {
- hotAPI.reload("data-v-27caa8a6", Component.options)
- }
- module.hot.dispose(function (data) {
- disposed = true
- })
- })()}
-
- module.exports = Component.exports
-
-
-/***/ }),
-
-/***/ 294:
-/***/ (function(module, exports, __webpack_require__) {
-
- // style-loader: Adds some css to the DOM by adding a <style> tag
-
- // load the styles
- var content = __webpack_require__(295);
- if(typeof content === 'string') content = [[module.id, content, '']];
- if(content.locals) module.exports = content.locals;
- // add the styles to the DOM
- var update = __webpack_require__(5)("33b9bd8b", content, false);
- // Hot Module Replacement
- if(false) {
- // When the styles change, update the <style> tags
- if(!content.locals) {
-
module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-27caa8a6\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./style-box.vue",
function() {
- var newContent =
require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-27caa8a6\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./style-box.vue");
- if(typeof newContent === 'string') newContent = [[module.id,
newContent, '']];
- update(newContent);
- });
- }
- // When the module is disposed, remove the <style> tags
- module.hot.dispose(function() { update(); });
- }
-
-/***/ }),
-
-/***/ 295:
-/***/ (function(module, exports, __webpack_require__) {
-
- exports = module.exports = __webpack_require__(4)();
- // imports
-
-
- // module
- exports.push([module.id, "\n.box[data-v-27caa8a6] {\n
background-color: #f5f5f5;\n width: 260px;\n height: 260px;\n padding-left:
40px;\n padding-top: 40px;\n padding-right: 40px;\n padding-bottom: 40px;\n
margin-left: 40px;\n margin-top: 40px;\n margin-right: 40px;\n
margin-bottom: 40px;\n border-width: 40px;\n border-color: #333;\n
border-style: solid;\n}\n", ""]);
-
- // exports
-
-
-/***/ }),
-
-/***/ 296:
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- module.exports = {
- components: {
- panel: __webpack_require__(9),
- tip: __webpack_require__(22),
- styleItem: __webpack_require__(297)
- }
- };
-
-/***/ }),
-
-/***/ 297:
-/***/ (function(module, exports, __webpack_require__) {
-
- var disposed = false
- function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(298)
- }
- var Component = __webpack_require__(7)(
- /* script */
- __webpack_require__(300),
- /* template */
- __webpack_require__(301),
- /* styles */
- injectStyle,
- /* scopeId */
- "data-v-d7c66270",
- /* moduleIdentifier (server only) */
- null
- )
- Component.options.__file =
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/style/style-item.vue"
- if (Component.esModule && Object.keys(Component.esModule).some(function
(key) {return key !== "default" && key.substr(0, 2) !== "__"}))
{console.error("named exports are not supported in *.vue files.")}
- if (Component.options.functional) {console.error("[vue-loader]
style-item.vue: functional components are not supported with templates, they
should use render functions.")}
-
- /* hot reload */
- if (false) {(function () {
- var hotAPI = require("vue-hot-reload-api")
- hotAPI.install(require("vue"), false)
- if (!hotAPI.compatible) return
- module.hot.accept()
- if (!module.hot.data) {
- hotAPI.createRecord("data-v-d7c66270", Component.options)
- } else {
- hotAPI.reload("data-v-d7c66270", Component.options)
- }
- module.hot.dispose(function (data) {
- disposed = true
- })
- })()}
-
- module.exports = Component.exports
-
-
-/***/ }),
-
-/***/ 298:
-/***/ (function(module, exports, __webpack_require__) {
-
- // style-loader: Adds some css to the DOM by adding a <style> tag
-
- // load the styles
- var content = __webpack_require__(299);
- if(typeof content === 'string') content = [[module.id, content, '']];
- if(content.locals) module.exports = content.locals;
- // add the styles to the DOM
- var update = __webpack_require__(5)("189a7392", content, false);
- // Hot Module Replacement
- if(false) {
- // When the styles change, update the <style> tags
- if(!content.locals) {
-
module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-d7c66270\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./style-item.vue",
function() {
- var newContent =
require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-d7c66270\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./style-item.vue");
- if(typeof newContent === 'string') newContent = [[module.id,
newContent, '']];
- update(newContent);
- });
- }
- // When the module is disposed, remove the <style> tags
- module.hot.dispose(function() { update(); });
- }
-
-/***/ }),
-
-/***/ 299:
-/***/ (function(module, exports, __webpack_require__) {
-
- exports = module.exports = __webpack_require__(4)();
- // imports
-
-
- // module
- exports.push([module.id, "\n.item[data-v-d7c66270] {\n margin-right:
10px;\n /*margin-bottom: 10px;*/\n width: 160px;\n height: 75px;\n
padding-left: 8px;\n padding-right: 8px;\n padding-top: 8px;\n
padding-bottom: 8px;\n}\n.txt[data-v-d7c66270] {\n color: #eee;\n}\n", ""]);
-
- // exports
-
-
-/***/ }),
-
-/***/ 300:
-/***/ (function(module, exports) {
-
- 'use strict';
-
- //
- //
- //
- //
- //
- //
- //
-
- module.exports = {
- props: {
- value: { default: '' },
- type: { default: '0' // 0, 1
- } },
- computed: {
- bgColor: function bgColor() {
- return this.type == '1' ? '#7BA3A8' : '#BEAD92';
- }
- }
- };
-
-/***/ }),
-
-/***/ 301:
-/***/ (function(module, exports, __webpack_require__) {
-
- module.exports={render:function (){var _vm=this;var
_h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('text', {
- staticClass: "item txt",
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle({
- backgroundColor: _vm.bgColor
- })),
- attrs: {
- "value": _vm.value
- }
- })
- },staticRenderFns: []}
- module.exports.render._withStripped = true
- if (false) {
- module.hot.accept()
- if (module.hot.data) {
- require("vue-hot-reload-api").rerender("data-v-d7c66270",
module.exports)
- }
- }
-
-/***/ }),
-
-/***/ 302:
-/***/ (function(module, exports, __webpack_require__) {
-
- module.exports={render:function (){var _vm=this;var
_h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', [_c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "Box Model",
- "padding-body": "0",
- "type": "primary"
- }
- }, [_c('text', {
- staticClass: "box",
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined))
- }, [_vm._v("Box")])]), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "border",
- "type": "primary"
- }
- }, [_c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "border-width",
- "type": ""
- }
- }, [_c('div', {
- staticStyle: _vm.$processStyle({
- "flex-direction": "row"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "solid",
- "border-width": "2px",
- "border-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "solid",
- "border-width": "10px",
- "border-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "solid",
- "border-left-width": "4px",
- "border-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "solid",
- "border-bottom-width": "4px",
- "border-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- })], 1)]), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "border-color",
- "type": ""
- }
- }, [_c('div', {
- staticStyle: _vm.$processStyle({
- "flex-direction": "row"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "solid",
- "border-width": "4px",
- "border-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "solid",
- "border-width": "4px",
- "border-color": "#ddd"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "solid",
- "border-width": "4px",
- "border-color": "red"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- })], 1)]), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "border-style",
- "type": ""
- }
- }, [_c('tip', {
- staticStyle: _vm.$processStyle({
- "margin-bottom": "10px"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "warning",
- "value": "just support four edges"
- }
- }), _vm._v(" "), _c('div', {
- staticStyle: _vm.$processStyle({
- "flex-direction": "row"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "solid",
- "border-width": "4px",
- "border-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "dashed",
- "border-width": "4px",
- "border-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "",
- "type": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-style": "dotted",
- "border-width": "4px",
- "border-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- })], 1)], 1), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "border-radius",
- "type": ""
- }
- }, [_c('div', {
- staticStyle: _vm.$processStyle({
- "flex-direction": "row"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "width": "75px",
- "border-radius": "38px"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-radius": "20px"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-top-left-radius": "20px",
- "border-top-right-radius": "20px"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "border-bottom-left-radius": "20px",
- "border-bottom-right-radius": "20px"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": ""
- }
- })], 1)])], 1)], 1)
- },staticRenderFns: []}
- module.exports.render._withStripped = true
- if (false) {
- module.hot.accept()
- if (module.hot.data) {
- require("vue-hot-reload-api").rerender("data-v-27caa8a6",
module.exports)
- }
- }
-
-/***/ }),
-
-/***/ 303:
-/***/ (function(module, exports, __webpack_require__) {
-
- var disposed = false
- function injectStyle (ssrContext) {
- if (disposed) return
- __webpack_require__(304)
- }
- var Component = __webpack_require__(7)(
- /* script */
- __webpack_require__(306),
- /* template */
- __webpack_require__(307),
- /* styles */
- injectStyle,
- /* scopeId */
- "data-v-943b1ea4",
- /* moduleIdentifier (server only) */
- null
- )
- Component.options.__file =
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/style/style-flex.vue"
- if (Component.esModule && Object.keys(Component.esModule).some(function
(key) {return key !== "default" && key.substr(0, 2) !== "__"}))
{console.error("named exports are not supported in *.vue files.")}
- if (Component.options.functional) {console.error("[vue-loader]
style-flex.vue: functional components are not supported with templates, they
should use render functions.")}
-
- /* hot reload */
- if (false) {(function () {
- var hotAPI = require("vue-hot-reload-api")
- hotAPI.install(require("vue"), false)
- if (!hotAPI.compatible) return
- module.hot.accept()
- if (!module.hot.data) {
- hotAPI.createRecord("data-v-943b1ea4", Component.options)
- } else {
- hotAPI.reload("data-v-943b1ea4", Component.options)
- }
- module.hot.dispose(function (data) {
- disposed = true
- })
- })()}
-
- module.exports = Component.exports
-
-
-/***/ }),
-
-/***/ 304:
-/***/ (function(module, exports, __webpack_require__) {
-
- // style-loader: Adds some css to the DOM by adding a <style> tag
-
- // load the styles
- var content = __webpack_require__(305);
- if(typeof content === 'string') content = [[module.id, content, '']];
- if(content.locals) module.exports = content.locals;
- // add the styles to the DOM
- var update = __webpack_require__(5)("8c5a5432", content, false);
- // Hot Module Replacement
- if(false) {
- // When the styles change, update the <style> tags
- if(!content.locals) {
-
module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-943b1ea4\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./style-flex.vue",
function() {
- var newContent =
require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-943b1ea4\",\"scoped\":true,\"hasInlineConfig\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./style-flex.vue");
- if(typeof newContent === 'string') newContent = [[module.id,
newContent, '']];
- update(newContent);
- });
- }
- // When the module is disposed, remove the <style> tags
- module.hot.dispose(function() { update(); });
- }
-
-/***/ }),
-
-/***/ 305:
-/***/ (function(module, exports, __webpack_require__) {
-
- exports = module.exports = __webpack_require__(4)();
- // imports
-
-
- // module
- exports.push([module.id, "\n.row[data-v-943b1ea4] {\n flex-direction:
row;\n margin-bottom: 10px;\n}\n.row-align[data-v-943b1ea4] {\n height:
160px;\n border-width: 3px;\n border-color: #ddd;\n border-style:
solid;\n}\n", ""]);
-
- // exports
-
-
-/***/ }),
-
-/***/ 306:
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- module.exports = {
- components: {
- panel: __webpack_require__(9),
- styleItem: __webpack_require__(297)
- }
- };
-
-/***/ }),
-
-/***/ 307:
-/***/ (function(module, exports, __webpack_require__) {
-
- module.exports={render:function (){var _vm=this;var
_h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', [_c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "flex-direction",
- "type": "primary"
- }
- }, [_c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "flex-direction": "row"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "row"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "flex-direction": "column"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "column"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- })], 1)]), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "justify-content",
- "type": "primary"
- }
- }, [_c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "justify-content": "flex-start"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "justify-content": "flex-end"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "justify-content": "center"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "justify-content": "space-between"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- })], 1)]), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "align-items",
- "type": "primary"
- }
- }, [_c('div', {
- staticClass: "row row-align",
- staticStyle: _vm.$processStyle({
- "align-items": "flex-start"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row row-align",
- staticStyle: _vm.$processStyle({
- "align-items": "flex-end"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row row-align",
- staticStyle: _vm.$processStyle({
- "align-items": "center"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row row-align",
- staticStyle: _vm.$processStyle({
- "align-items": "stretch"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined))
- })], 1)]), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "flex",
- "type": "primary"
- }
- }, [_c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "align-items": "flex-start"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "no flex"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "no flex",
- "type": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "no flex"
- }
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "align-items": "flex-start"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "no flex"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0",
- "flex": "1"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1",
- "value": "flex:1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0",
- "flex": "2"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "flex:2"
- }
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "align-items": "flex-start"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0",
- "flex": "1"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "flex:1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0",
- "flex": "1"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1",
- "value": "flex:1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0",
- "flex": "1"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "flex:1"
- }
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "align-items": "flex-start"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0",
- "flex": "1"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "flex:1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0",
- "flex": "2"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "type": "1",
- "value": "flex:2"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "margin-right": "0",
- "flex": "3"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "flex:3"
- }
- })], 1)]), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "flex-wrap",
- "type": "primary"
- }
- }, [_c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "flex-wrap": "wrap",
- "background-color": "grey",
- "padding": "10"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "1:wrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "2:wrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "3:wrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "4:wrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "5:wrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "6:wrap"
- }
- })], 1), _vm._v(" "), _c('div', {
- staticClass: "row",
- staticStyle: _vm.$processStyle({
- "flex-wrap": "nowrap",
- "background-color": "grey",
- "padding": "10"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "1:nowrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "2:nowrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "3:nowrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "4:nowrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "5:nowrap"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "6:nowrap"
- }
- })], 1)])], 1)
- },staticRenderFns: []}
- module.exports.render._withStripped = true
- if (false) {
- module.hot.accept()
- if (module.hot.data) {
- require("vue-hot-reload-api").rerender("data-v-943b1ea4",
module.exports)
- }
- }
-
-/***/ }),
-
-/***/ 308:
-/***/ (function(module, exports, __webpack_require__) {
-
- module.exports={render:function (){var _vm=this;var
_h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('scroller', {
- staticStyle: _vm.$processStyle({
- "overflow-x": "hidden"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-box'), _vm._v(" "), _c('style-flex'), _vm._v(" "),
_c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "opacity",
- "type": "primary"
- }
- }, [_c('div', {
- staticStyle: _vm.$processStyle({
- "flex-direction": "row"
- }),
- style: (_vm.$processStyle(undefined))
- }, [_c('style-item', {
- staticStyle: _vm.$processStyle({
- "opacity": "1"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "1"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "opacity": "0.9"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "0.9"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "opacity": "0.5"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "0.5"
- }
- }), _vm._v(" "), _c('style-item', {
- staticStyle: _vm.$processStyle({
- "opacity": "0.2"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "0.2"
- }
- })], 1)]), _vm._v(" "), _c('panel', {
- staticStyle: _vm.$processStyle(undefined),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "title": "background-color",
- "type": "primary"
- }
- }, [_c('div', [_c('style-item', {
- staticClass: "bg-item",
- staticStyle: _vm.$processStyle({
- "background-color": "#333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "#333"
- }
- }), _vm._v(" "), _c('style-item', {
- staticClass: "bg-item",
- staticStyle: _vm.$processStyle({
- "background-color": "#333333"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "#333333"
- }
- }), _vm._v(" "), _c('style-item', {
- staticClass: "bg-item",
- staticStyle: _vm.$processStyle({
- "background-color": "rgb(238, 162, 54)"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "rgb()"
- }
- }), _vm._v(" "), _c('style-item', {
- staticClass: "bg-item",
- staticStyle: _vm.$processStyle({
- "background-color": "rgba(238, 162, 54, 0.5)"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "rgba()"
- }
- }), _vm._v(" "), _c('style-item', {
- staticClass: "bg-item",
- staticStyle: _vm.$processStyle({
- "background-color": "red"
- }),
- style: (_vm.$processStyle(undefined)),
- attrs: {
- "value": "red"
- }
- })], 1)])], 1)
- },staticRenderFns: []}
- module.exports.render._withStripped = true
- if (false) {
- module.hot.accept()
- if (module.hot.data) {
- require("vue-hot-reload-api").rerender("data-v-7f917fc9",
module.exports)
- }
- }
-
-/***/ })
-
-/******/ });
\ No newline at end of file
