mirror of
https://github.com/tenrok/vue-context.git
synced 2026-05-17 05:09:36 +03:00
formatting
This commit is contained in:
@@ -3,5 +3,5 @@ const { mix } = require('laravel-mix');
|
||||
mix
|
||||
.setPublicPath('test/js/dist')
|
||||
.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();
|
||||
Vendored
+1
-1
@@ -120,7 +120,7 @@ module.exports = __webpack_require__(10);
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"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");
|
||||
|
||||
/***/ })
|
||||
/******/ ]);
|
||||
+16
-16
@@ -2,23 +2,23 @@ import Vue from 'vue';
|
||||
import { VueContext } from '../../../dist/vue-context';
|
||||
|
||||
new Vue({
|
||||
components: {
|
||||
VueContext
|
||||
},
|
||||
components: {
|
||||
VueContext
|
||||
},
|
||||
|
||||
data: {
|
||||
items: []
|
||||
},
|
||||
data: {
|
||||
items: []
|
||||
},
|
||||
|
||||
mounted () {
|
||||
for (let i = 0; i < 30; i++) {
|
||||
this.items.push(`Row ${i + 1}`);
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
for (let i = 0; i < 30; i++) {
|
||||
this.items.push(`Row ${i + 1}`);
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
onClick (data) {
|
||||
alert(data);
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
onClick (data) {
|
||||
alert(data);
|
||||
},
|
||||
},
|
||||
}).$mount('#app');
|
||||
+49
-49
@@ -1,59 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Vue Context Issue Test #4</title>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Vue Context Issue Test #4</title>
|
||||
|
||||
<style>
|
||||
#div1 {
|
||||
height: 50px;
|
||||
background: #ff0000;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
<style>
|
||||
#div1 {
|
||||
height: 50px;
|
||||
background: #ff0000;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
|
||||
#div2 {
|
||||
height: calc(100vh - 50px);
|
||||
}
|
||||
#div2 {
|
||||
height: calc(100vh - 50px);
|
||||
}
|
||||
|
||||
#div2 table {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
#div2 table {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
#div2 table td {
|
||||
border: 1px solid #ddd;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
<div id="app">
|
||||
<div id="div1">
|
||||
|
||||
</div>
|
||||
#div2 table td {
|
||||
border: 1px solid #ddd;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
<div id="app">
|
||||
<div id="div1">
|
||||
|
||||
</div>
|
||||
|
||||
<div id="div2">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr v-for="item in items" @contextmenu.prevent="$refs.menu.open($event, item)">
|
||||
<td v-text="item"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="div2">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr v-for="item in items" @contextmenu.prevent="$refs.menu.open($event, item)">
|
||||
<td v-text="item"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<vue-context ref="menu">
|
||||
<ul slot-scope="child" v-if="child.data">
|
||||
<li @click="onClick(child.data)">Do something with: {{ child.data }}</li>
|
||||
</ul>
|
||||
</vue-context>
|
||||
</div>
|
||||
<vue-context ref="menu">
|
||||
<ul slot-scope="child" v-if="child.data">
|
||||
<li @click="onClick(child.data)">Do something with: {{ child.data }}</li>
|
||||
</ul>
|
||||
</vue-context>
|
||||
</div>
|
||||
|
||||
<script src="js/dist/test_issue_4.js"></script>
|
||||
</body>
|
||||
<script src="js/dist/test_issue_4.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user