mirrors/vue-context
2
0
Fork 0
mirror of https://github.com/tenrok/vue-context.git synced 2026-06-24 01:50:33 +03:00
Code Activity

formatting

Browse Source
This commit is contained in:
Randall Wilk
2018-06-20 08:03:33 -05:00
parent b041b0ece4
commit 6483864b27
4 changed files with 67 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
build/webpack-test.mix.js
+1 -1
View File
@@ -3,5 +3,5 @@ const { mix } = require('laravel-mix');
mix mix
.setPublicPath('test/js/dist') .setPublicPath('test/js/dist')
.js('test/js/src/index.js', 'index.js') .js('test/js/src/index.js', 'index.js')
.js('test/js/src/test_issue_4.js', 'test_issue_4.js') .js('test/js/src/test_issue_4.js', 'test_issue_4.js')
.sourceMaps(); .sourceMaps();
test/js/dist/test_issue_4.js
Vendored
+1 -1
View File
@@ -120,7 +120,7 @@ module.exports = __webpack_require__(10);
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
eval("Object.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dist_vue_context__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dist_vue_context___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__dist_vue_context__);\n\n\n\nnew __WEBPACK_IMPORTED_MODULE_0_vue___default.a({\n\tcomponents: {\n\t\tVueContext: __WEBPACK_IMPORTED_MODULE_1__dist_vue_context__[\"VueContext\"]\n\t},\n\n\tdata: {\n\t\titems: []\n\t},\n\n\tmounted: function mounted() {\n\t\tfor (var i = 0; i < 30; i++) {\n\t\t\tthis.items.push('Row ' + (i + 1));\n\t\t}\n\t},\n\n\n\tmethods: {\n\t\tonClick: function onClick(data) {\n\t\t\talert(data);\n\t\t}\n\t}\n}).$mount('#app');//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi90ZXN0L2pzL3NyYy90ZXN0X2lzc3VlXzQuanM/ZTMxOSJdLCJuYW1lcyI6WyJjb21wb25lbnRzIiwiVnVlQ29udGV4dCIsImRhdGEiLCJpdGVtcyIsIm1vdW50ZWQiLCJpIiwicHVzaCIsIm1ldGhvZHMiLCJvbkNsaWNrIiwiYWxlcnQiLCIkbW91bnQiXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUE7QUFDQTs7QUFFQSxJQUFJLDJDQUFKLENBQVE7QUFDUEEsYUFBWTtBQUNYQyxjQUFBLDZEQUFBQTtBQURXLEVBREw7O0FBS1BDLE9BQU07QUFDTEMsU0FBTztBQURGLEVBTEM7O0FBU1BDLFFBVE8scUJBU0k7QUFDVixPQUFLLElBQUlDLElBQUksQ0FBYixFQUFnQkEsSUFBSSxFQUFwQixFQUF3QkEsR0FBeEIsRUFBNkI7QUFDNUIsUUFBS0YsS0FBTCxDQUFXRyxJQUFYLFdBQXVCRCxJQUFJLENBQTNCO0FBQ0E7QUFDRCxFQWJNOzs7QUFlUEUsVUFBUztBQUNSQyxTQURRLG1CQUNDTixJQURELEVBQ087QUFDZE8sU0FBTVAsSUFBTjtBQUNBO0FBSE87QUFmRixDQUFSLEVBb0JHUSxNQXBCSCxDQW9CVSxNQXBCViIsImZpbGUiOiIxMC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBWdWUgZnJvbSAndnVlJztcclxuaW1wb3J0IHsgVnVlQ29udGV4dCB9IGZyb20gJy4uLy4uLy4uL2Rpc3QvdnVlLWNvbnRleHQnO1xyXG5cclxubmV3IFZ1ZSh7XHJcblx0Y29tcG9uZW50czoge1xyXG5cdFx0VnVlQ29udGV4dFxyXG5cdH0sXHJcblxyXG5cdGRhdGE6IHtcclxuXHRcdGl0ZW1zOiBbXVxyXG5cdH0sXHJcblxyXG5cdG1vdW50ZWQgKCkge1xyXG5cdFx0Zm9yIChsZXQgaSA9IDA7IGkgPCAzMDsgaSsrKSB7XHJcblx0XHRcdHRoaXMuaXRlbXMucHVzaChgUm93ICR7aSArIDF9YCk7XHJcblx0XHR9XHJcblx0fSxcclxuXHJcblx0bWV0aG9kczoge1xyXG5cdFx0b25DbGljayAoZGF0YSkge1xyXG5cdFx0XHRhbGVydChkYXRhKTtcclxuXHRcdH0sXHJcblx0fSxcclxufSkuJG1vdW50KCcjYXBwJyk7XG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIC4vdGVzdC9qcy9zcmMvdGVzdF9pc3N1ZV80LmpzIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///10\n"); eval("Object.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dist_vue_context__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dist_vue_context___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__dist_vue_context__);\n\n\n\nnew __WEBPACK_IMPORTED_MODULE_0_vue___default.a({\n components: {\n VueContext: __WEBPACK_IMPORTED_MODULE_1__dist_vue_context__[\"VueContext\"]\n },\n\n data: {\n items: []\n },\n\n mounted: function mounted() {\n for (var i = 0; i < 30; i++) {\n this.items.push('Row ' + (i + 1));\n }\n },\n\n\n methods: {\n onClick: function onClick(data) {\n alert(data);\n }\n }\n}).$mount('#app');//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi90ZXN0L2pzL3NyYy90ZXN0X2lzc3VlXzQuanM/ZTMxOSJdLCJuYW1lcyI6WyJjb21wb25lbnRzIiwiVnVlQ29udGV4dCIsImRhdGEiLCJpdGVtcyIsIm1vdW50ZWQiLCJpIiwicHVzaCIsIm1ldGhvZHMiLCJvbkNsaWNrIiwiYWxlcnQiLCIkbW91bnQiXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUE7QUFDQTs7QUFFQSxJQUFJLDJDQUFKLENBQVE7QUFDSkEsZ0JBQVk7QUFDUkMsb0JBQUEsNkRBQUFBO0FBRFEsS0FEUjs7QUFLSkMsVUFBTTtBQUNGQyxlQUFPO0FBREwsS0FMRjs7QUFTSkMsV0FUSSxxQkFTTztBQUNQLGFBQUssSUFBSUMsSUFBSSxDQUFiLEVBQWdCQSxJQUFJLEVBQXBCLEVBQXdCQSxHQUF4QixFQUE2QjtBQUN6QixpQkFBS0YsS0FBTCxDQUFXRyxJQUFYLFdBQXVCRCxJQUFJLENBQTNCO0FBQ0g7QUFDSixLQWJHOzs7QUFlSkUsYUFBUztBQUNMQyxlQURLLG1CQUNJTixJQURKLEVBQ1U7QUFDWE8sa0JBQU1QLElBQU47QUFDSDtBQUhJO0FBZkwsQ0FBUixFQW9CR1EsTUFwQkgsQ0FvQlUsTUFwQlYiLCJmaWxlIjoiMTAuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgVnVlIGZyb20gJ3Z1ZSc7XHJcbmltcG9ydCB7IFZ1ZUNvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9kaXN0L3Z1ZS1jb250ZXh0JztcclxuXHJcbm5ldyBWdWUoe1xyXG4gICAgY29tcG9uZW50czoge1xyXG4gICAgICAgIFZ1ZUNvbnRleHRcclxuICAgIH0sXHJcblxyXG4gICAgZGF0YToge1xyXG4gICAgICAgIGl0ZW1zOiBbXVxyXG4gICAgfSxcclxuXHJcbiAgICBtb3VudGVkICgpIHtcclxuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDMwOyBpKyspIHtcclxuICAgICAgICAgICAgdGhpcy5pdGVtcy5wdXNoKGBSb3cgJHtpICsgMX1gKTtcclxuICAgICAgICB9XHJcbiAgICB9LFxyXG5cclxuICAgIG1ldGhvZHM6IHtcclxuICAgICAgICBvbkNsaWNrIChkYXRhKSB7XHJcbiAgICAgICAgICAgIGFsZXJ0KGRhdGEpO1xyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59KS4kbW91bnQoJyNhcHAnKTtcblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gLi90ZXN0L2pzL3NyYy90ZXN0X2lzc3VlXzQuanMiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///10\n");
/***/ }) /***/ })
/******/ ]); /******/ ]);
test/js/src/test_issue_4.js
+16 -16
View File
@@ -2,23 +2,23 @@ import Vue from 'vue';
import { VueContext } from '../../../dist/vue-context'; import { VueContext } from '../../../dist/vue-context';
new Vue({ new Vue({
components: { components: {
VueContext VueContext
}, },
data: { data: {
items: [] items: []
}, },
mounted () { mounted () {
for (let i = 0; i < 30; i++) { for (let i = 0; i < 30; i++) {
this.items.push(`Row ${i + 1}`); this.items.push(`Row ${i + 1}`);
} }
}, },
methods: { methods: {
onClick (data) { onClick (data) {
alert(data); alert(data);
}, },
}, },
}).$mount('#app'); }).$mount('#app');
test/test_issue_4.html
+49 -49
View File
@@ -1,59 +1,59 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Vue Context Issue Test #4</title> <title>Vue Context Issue Test #4</title>
<style> <style>
#div1 { #div1 {
height: 50px; height: 50px;
background: #ff0000; background: #ff0000;
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1020; z-index: 1020;
} }
#div2 { #div2 {
height: calc(100vh - 50px); height: calc(100vh - 50px);
} }
#div2 table { #div2 table {
height: 100%; height: 100%;
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
#div2 table td { #div2 table td {
border: 1px solid #ddd; border: 1px solid #ddd;
padding: 0; padding: 0;
line-height: 1; line-height: 1;
} }
</style> </style>
</head> </head>
<body > <body >
<div id="app"> <div id="app">
<div id="div1"> <div id="div1">
&nbsp; &nbsp;
</div> </div>
<div id="div2"> <div id="div2">
<table> <table>
<tbody> <tbody>
<tr v-for="item in items" @contextmenu.prevent="$refs.menu.open($event, item)"> <tr v-for="item in items" @contextmenu.prevent="$refs.menu.open($event, item)">
<td v-text="item"></td> <td v-text="item"></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<vue-context ref="menu"> <vue-context ref="menu">
<ul slot-scope="child" v-if="child.data"> <ul slot-scope="child" v-if="child.data">
<li @click="onClick(child.data)">Do something with: {{ child.data }}</li> <li @click="onClick(child.data)">Do something with: {{ child.data }}</li>
</ul> </ul>
</vue-context> </vue-context>
</div> </div>
<script src="js/dist/test_issue_4.js"></script> <script src="js/dist/test_issue_4.js"></script>
</body> </body>
</html> </html>