-
Notifications
You must be signed in to change notification settings - Fork 0
/
doc_markdown_nGrid_zh-CN_index_md.main.js.map
1 lines (1 loc) · 20.1 KB
/
doc_markdown_nGrid_zh-CN_index_md.main.js.map
1
{"version":3,"file":"doc_markdown_nGrid_zh-CN_index_md.main.js","mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAeA;AACA;AACA;;;;;;;;;;;;;;;;;ACkMA;AAYA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;AC9gBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ADGA;AACA;AACA;AACA;AACA;AAIA;AAAA;;AAsDA;AACA;AAIA;AAAA;;AAwBA;AACA;AAIA;AAAA;;;;;;;;;;AAjGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;;AACA;AAAA;;;;AAsDA;AACA;AACA;AAEA;AAAA;;AACA;AAAA;;;;AAwBA;AACA;AACA;AAEA;AAAA;;AACA;AAAA;;;;AA0DA","sources":["webpack://ninecat-ui/./doc/markdown/nGrid/zh-CN/index.md?74c7","webpack://ninecat-ui/./doc/markdown/nGrid/zh-CN/index.md","webpack://ninecat-ui/./doc/markdown/nGrid/zh-CN/index.md?c7b6","webpack://ninecat-ui/./doc/markdown/nGrid/zh-CN/index.md?d054"],"sourcesContent":["import { render } from \"./index.md?vue&type=template&id=31aacd26\"\nimport script from \"./index.md?vue&type=script&lang=js\"\nexport * from \"./index.md?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/travis/build/ninecat-ui/ninecat-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__file',\"doc/markdown/nGrid/zh-CN/index.md\"]])\n/* hot reload */\nif (module.hot) {\n __exports__.__hmrId = \"31aacd26\"\n const api = __VUE_HMR_RUNTIME__\n module.hot.accept()\n if (!api.createRecord('31aacd26', __exports__)) {\n console.log('reload')\n api.reload('31aacd26', __exports__)\n }\n \n module.hot.accept(\"./index.md?vue&type=template&id=31aacd26\", () => {\n console.log('re-render')\n api.rerender('31aacd26', render)\n })\n\n}\n\n\nexport default __exports__","\n <template>\n <section>\n <h1>Grid 栅格</h1>\n<p>24 Col（列）栅格系统。</p>\n<h2 id=\"dai-ma-yan-shi\">代码演示</h2>\n<h3 id=\"ji-chu-zha-ge\">基础栅格</h3>\n<p>从堆叠到水平排列。使用单一的一组 Row 和 Col 栅格组件，就可以创建一个基本的栅格系统。所有 Col 必须放在 Row 内。</p>\n<demo-block>\n \n <template v-slot:source><ninecat-demo0 /></template>\n <template v-slot:highlight><pre v-pre><code class=\"vue\"><template>\n <n-row>\n <n-col span="12">\n <div :style="styleObjectOne">12</div>\n </n-col>\n <n-col span="12">\n <div :style="styleObjectTwo">12</div>\n </n-col>\n </n-row>\n <n-row>\n <n-col span="8">\n <div :style="styleObjectOne">8</div>\n </n-col>\n <n-col span="8">\n <div :style="styleObjectTwo">8</div>\n </n-col>\n <n-col span="8">\n <div :style="styleObjectOne">8</div>\n </n-col>\n </n-row>\n <n-row>\n <n-col span="6">\n <div :style="styleObjectOne">6</div>\n </n-col>\n <n-col span="6">\n <div :style="styleObjectTwo">6</div>\n </n-col>\n <n-col span="6">\n <div :style="styleObjectOne">6</div>\n </n-col>\n <n-col span="6">\n <div :style="styleObjectTwo">6</div>\n </n-col>\n </n-row>\n</template>\n\n<script>\n export default {\n data: function () {\n return {\n styleObjectOne: {\n background: `rgba(0, 160, 233, 0.7)` ,\n color: '#fff',\n height:'50px',\n },\n styleObjectTwo: {\n background: `#00a0e9` ,\n color: '#fff',\n height:'50px',\n }\n }\n }\n }\n</script>\n</code></pre></template></demo-block><h3 id=\"zuo-you-pian-yi\">左右偏移</h3>\n<p>列偏移。使用 offset 可以将列向右侧偏移。例如，offset="8" 将元素向右侧偏移了 8 个 Col 的宽度。</p>\n<demo-block>\n \n <template v-slot:source><ninecat-demo1 /></template>\n <template v-slot:highlight><pre v-pre><code class=\"vue\"><template>\n <n-row>\n <n-col span="8">\n <div :style="styleObjectOne">8</div>\n </n-col>\n <n-col span="8" offset="8">\n <div :style="styleObjectOne">8</div>\n </n-col>\n </n-row>\n</template>\n\n<script>\n export default {\n data: function () {\n return {\n styleObjectOne: {\n background: `rgba(0, 160, 233, 0.7)` ,\n color: '#fff',\n height: '50px',\n },\n }\n }\n }\n</script>\n</code></pre></template></demo-block><h3 id=\"flexdui-qi\">flex对齐</h3>\n<p>子元素垂直方向 flex 对齐。</p>\n<demo-block>\n \n <template v-slot:source><ninecat-demo2 /></template>\n <template v-slot:highlight><pre v-pre><code class=\"vue\"><template>\n <n-row align="top">\n <n-col span="8">\n <div v-bind:style="styleObjectOne">8</div>\n </n-col>\n <n-col span="8" >\n <div v-bind:style="styleObjectTwo">8</div>\n </n-col>\n <n-col span="8" >\n <div v-bind:style="styleObjectThree">8</div>\n </n-col>\n </n-row>\n <n-row align="middle">\n <n-col span="8">\n <div v-bind:style="styleObjectOne">8</div>\n </n-col>\n <n-col span="8" >\n <div v-bind:style="styleObjectTwo">8</div>\n </n-col>\n <n-col span="8" > \n <div v-bind:style="styleObjectThree">8</div>\n </n-col>\n </n-row>\n <n-row align="bottom">\n <n-col span="8">\n <div v-bind:style="styleObjectOne">8</div>\n </n-col>\n <n-col span="8" >\n <div v-bind:style="styleObjectTwo">8</div>\n </n-col>\n <n-col span="8" >\n <div v-bind:style="styleObjectThree">8</div>\n </n-col>\n </n-row>\n</template>\n<script>\n export default {\n data: function () {\n return {\n styleObjectOne: {\n background: `rgba(0, 160, 233, 0.7)` ,\n color: '#fff',\n height: '80px',\n },\n styleObjectTwo: {\n background: `#00a0e9` ,\n color: '#fff',\n height: '40px',\n },\n styleObjectThree: {\n background: `rgba(0, 160, 233, 0.7)`,\n color: '#fff',\n height: '120px',\n }\n }\n }\n }\n</script>\n</code></pre></template></demo-block><h2 id=\"api\">API</h2>\n<h3 id=\"row\">Row</h3>\n<table>\n<thead>\n<tr>\n<th style=\"text-align:left\">参数</th>\n<th style=\"text-align:left\">说明</th>\n<th style=\"text-align:left\">类型</th>\n<th style=\"text-align:left\">默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td style=\"text-align:left\">align</td>\n<td style=\"text-align:left\">flex 布局下的垂直对齐方式：<code>top</code>,<code>middle</code>,<code>bottom</code></td>\n<td style=\"text-align:left\">String</td>\n<td style=\"text-align:left\">middle</td>\n</tr>\n<tr>\n<td style=\"text-align:left\">gutter</td>\n<td style=\"text-align:left\">栅格间隔，可以写成像素值或支持响应式的对象写法来设置水平间隔</td>\n<td style=\"text-align:left\">Number | String</td>\n<td style=\"text-align:left\"></td>\n</tr>\n<tr>\n<td style=\"text-align:left\">justify</td>\n<td style=\"text-align:left\">flex 布局下的水平排列方式：<code>start</code>,<code>end</code>,<code>center</code>,<code>space-around</code>,<code>space-between</code></td>\n<td style=\"text-align:left\">String</td>\n<td style=\"text-align:left\">center</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"col\">Col</h3>\n<table>\n<thead>\n<tr>\n<th style=\"text-align:left\">参数</th>\n<th style=\"text-align:left\">说明</th>\n<th style=\"text-align:left\">类型</th>\n<th style=\"text-align:left\">默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td style=\"text-align:left\">span</td>\n<td style=\"text-align:left\">栅格占位格数</td>\n<td style=\"text-align:left\">String | Number</td>\n<td style=\"text-align:left\"></td>\n</tr>\n<tr>\n<td style=\"text-align:left\">offset</td>\n<td style=\"text-align:left\">栅格左侧的间隔格数，间隔内不可以有栅格</td>\n<td style=\"text-align:left\">Number | String</td>\n<td style=\"text-align:left\"></td>\n</tr>\n</tbody>\n</table>\n\n </section>\n </template>\n <script>\n import {\n createTextVNode as _createTextVNode,\n resolveComponent as _resolveComponent,\n withCtx as _withCtx,\n createVNode as _createVNode,\n openBlock as _openBlock,\n createBlock as _createBlock,\n toDisplayString as _toDisplayString ,\n createElementBlock as _createElementBlock,\n createElementVNode as _createElementVNode,\n normalizeStyle as _normalizeStyle \n } from \"vue\"\n export default {\n name: 'component-doc',\n components: {\n \"ninecat-demo0\": (function() {\n \n\n function render(_ctx, _cache) {\n const _component_n_col = _resolveComponent(\"n-col\")\n const _component_n_row = _resolveComponent(\"n-row\")\n\n return (_openBlock(), _createElementBlock(\"div\", null, [\n _createVNode(_component_n_row, null, {\n default: _withCtx(() => [\n _createVNode(_component_n_col, { span: \"12\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"12\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"12\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectTwo)\n }, \"12\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n })\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_row, null, {\n default: _withCtx(() => [\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectTwo)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n })\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_row, null, {\n default: _withCtx(() => [\n _createVNode(_component_n_col, { span: \"6\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"6\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"6\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectTwo)\n }, \"6\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"6\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"6\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"6\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectTwo)\n }, \"6\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n })\n ]),\n _: 1 /* STABLE */\n })\n ]))\n}\n \n const democomponentExport = {\n data: function () {\n return {\n styleObjectOne: {\n background: `rgba(0, 160, 233, 0.7)` ,\n color: '#fff',\n height:'50px',\n },\n styleObjectTwo: {\n background: `#00a0e9` ,\n color: '#fff',\n height:'50px',\n }\n }\n }\n }\n return {\n render,\n ...democomponentExport,\n }\n })(),\"ninecat-demo1\": (function() {\n \n\n function render(_ctx, _cache) {\n const _component_n_col = _resolveComponent(\"n-col\")\n const _component_n_row = _resolveComponent(\"n-row\")\n\n return (_openBlock(), _createElementBlock(\"div\", null, [\n _createVNode(_component_n_row, null, {\n default: _withCtx(() => [\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, {\n span: \"8\",\n offset: \"8\"\n }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n })\n ]),\n _: 1 /* STABLE */\n })\n ]))\n}\n \n const democomponentExport = {\n data: function () {\n return {\n styleObjectOne: {\n background: `rgba(0, 160, 233, 0.7)` ,\n color: '#fff',\n height: '50px',\n },\n }\n }\n }\n return {\n render,\n ...democomponentExport,\n }\n })(),\"ninecat-demo2\": (function() {\n \n\n function render(_ctx, _cache) {\n const _component_n_col = _resolveComponent(\"n-col\")\n const _component_n_row = _resolveComponent(\"n-row\")\n\n return (_openBlock(), _createElementBlock(\"div\", null, [\n _createVNode(_component_n_row, { align: \"top\" }, {\n default: _withCtx(() => [\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectTwo)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectThree)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n })\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_row, { align: \"middle\" }, {\n default: _withCtx(() => [\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectTwo)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectThree)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n })\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_row, { align: \"bottom\" }, {\n default: _withCtx(() => [\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectOne)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectTwo)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n }),\n _createVNode(_component_n_col, { span: \"8\" }, {\n default: _withCtx(() => [\n _createElementVNode(\"div\", {\n style: _normalizeStyle(_ctx.styleObjectThree)\n }, \"8\", 4 /* STYLE */)\n ]),\n _: 1 /* STABLE */\n })\n ]),\n _: 1 /* STABLE */\n })\n ]))\n}\n \n const democomponentExport = {\n data: function () {\n return {\n styleObjectOne: {\n background: `rgba(0, 160, 233, 0.7)` ,\n color: '#fff',\n height: '80px',\n },\n styleObjectTwo: {\n background: `#00a0e9` ,\n color: '#fff',\n height: '40px',\n },\n styleObjectThree: {\n background: `rgba(0, 160, 233, 0.7)`,\n color: '#fff',\n height: '120px',\n }\n }\n }\n }\n return {\n render,\n ...democomponentExport,\n }\n })(),\n }\n }\n </script>\n","export { default } from \"-!../../../../node_modules/vue-loader/dist/index.js??clonedRuleSet-1.use[0]!../../../../build/md-loader/index.js!./index.md?vue&type=script&lang=js\"; export * from \"-!../../../../node_modules/vue-loader/dist/index.js??clonedRuleSet-1.use[0]!../../../../build/md-loader/index.js!./index.md?vue&type=script&lang=js\"","export * from \"-!../../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../../node_modules/vue-loader/dist/index.js??clonedRuleSet-1.use[0]!../../../../build/md-loader/index.js!./index.md?vue&type=template&id=31aacd26\""],"names":[],"sourceRoot":""}