vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #1040 - Remove mitt

pull/1047/head
Cagatay Civici 2021-03-02 11:54:37 +03:00
parent 72148cbb73
commit d51cc9607d
25 changed files with 52 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -48,7 +48,6 @@
"gulp-rename": "^1.2.2",
"gulp-uglify": "^1.5.3",
"gulp-uglifycss": "^1.0.6",
"mitt": "^2.1.0",
"node-sass": "^4.12.0",
"primeflex": "2.0.0",
"primeicons": "4.1.0",

2
src/App.vue
View File

@ -35,7 +35,7 @@ import AppTopBar from '@/AppTopBar.vue';
import AppMenu from '@/AppMenu.vue';
import AppFooter from '@/AppFooter.vue';
import AppConfigurator from '@/AppConfigurator.vue';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
data() {

2
src/AppConfigurator.vue
View File

@ -350,7 +350,7 @@
</template>
<script>
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
props: {

3
src/AppEventBus.js Normal file
View File

@ -0,0 +1,3 @@
import {EventBus} from 'primevue/utils';
export default EventBus();

3
src/EventBus.js
View File

@ -1,3 +0,0 @@
import mitt from 'mitt';
const EventBus = mitt();
export default EventBus;

5
src/components/confirmationeventbus/ConfirmationEventBus.js
View File

@ -1,4 +1,3 @@
import mitt from 'mitt';
const EventBus = mitt();
import {EventBus} from 'primevue/utils';
export default EventBus;
export default EventBus();

5
src/components/terminalservice/TerminalService.js
View File

@ -1,4 +1,3 @@
import mitt from 'mitt';
const TerminalService = mitt();
import {EventBus} from 'primevue/utils';
export default TerminalService;
export default EventBus();

5
src/components/toasteventbus/ToastEventBus.js
View File

@ -1,4 +1,3 @@
import mitt from 'mitt';
const EventBus = mitt();
import {EventBus} from 'primevue/utils';
export default EventBus;
export default EventBus();

25
src/components/utils/EventBus.js Normal file
View File

@ -0,0 +1,25 @@
export default function handler() {
let eventTarget = document.body.appendChild(document.createComment(''));
let eventListener, eventKey;
return {
on(type, listener, key) {
eventKey = key;
eventListener = function(e) { listener(e.detail); };
eventTarget.addEventListener(type, eventListener);
},
once(type, listener, key) {
eventKey = key;
eventListener = function(e) { listener(e.detail); };
eventTarget.addEventListener(type, eventListener, { once: true });
},
off(type, key) {
if (eventListener && eventKey === key) {
eventTarget.removeEventListener(type, eventListener);
}
},
emit(type, detail) {
eventTarget.dispatchEvent(new CustomEvent(type, { detail }));
}
}
}

3
src/components/utils/Utils.js
View File

@ -2,5 +2,6 @@ import ConnectedOverlayScrollHandler from './ConnectedOverlayScrollHandler';
import DomHandler from './DomHandler';
import ObjectUtils from './ObjectUtils';
import UniqueComponentId from './UniqueComponentId';
import EventBus from './EventBus';
export {ConnectedOverlayScrollHandler,DomHandler,ObjectUtils,UniqueComponentId};
export {ConnectedOverlayScrollHandler,DomHandler,ObjectUtils,UniqueComponentId,EventBus};

2
src/views/Home.vue
View File

@ -223,7 +223,7 @@
</template>
<script>
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
data() {

2
src/views/chart/BarChartDemo.vue
View File

@ -35,7 +35,7 @@
<script>
import BarChartDoc from './BarChartDoc';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
mounted() {

2
src/views/chart/ComboChartDemo.vue
View File

@ -19,7 +19,7 @@
<script>
import ComboChartDoc from './ComboChartDoc';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
mounted() {

2
src/views/chart/DoughnutChartDemo.vue
View File

@ -19,7 +19,7 @@
<script>
import DoughnutChartDoc from './DoughnutChartDoc';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
mounted() {

2
src/views/chart/LineChartDemo.vue
View File

@ -30,7 +30,7 @@
<script>
import LineChartDoc from './LineChartDoc';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
mounted() {

2
src/views/chart/PieChartDemo.vue
View File

@ -19,7 +19,7 @@
<script>
import PieChartDoc from './PieChartDoc';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
mounted() {

2
src/views/chart/PolarAreaChartDemo.vue
View File

@ -19,7 +19,7 @@
<script>
import PolarAreaChartDoc from './PolarAreaChartDoc';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
mounted() {

2
src/views/chart/RadarChartDemo.vue
View File

@ -19,7 +19,7 @@
<script>
import RadarChartDoc from './RadarChartDoc';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
mounted() {

9
src/views/confirmdialog/ConfirmDialogDoc.vue
View File

@ -2,13 +2,6 @@
<div class="content-section documentation">
<TabView>
<TabPanel header="Documentation">
<h5>Mitt EventBus</h5>
<p>ConfirmDialog requires <a href="https://www.npmjs.com/package/mitt">Mitt</a>, a tiny 200b EventBus implementation.</p>
<pre v-code><code>
npm install mitt --save
</code></pre>
<h5>ConfirmationService</h5>
<p>ConfirmDialog is controlled via the <i>ConfirmationService</i> that needs to be installed globally before the application
instance is created.</p>
@ -247,7 +240,7 @@ export default {
</div>
<h5>Dependencies</h5>
<p>Mitt.</p>
<p>None.</p>
</TabPanel>
<TabPanel header="Source">

9
src/views/confirmpopup/ConfirmPopupDoc.vue
View File

@ -2,13 +2,6 @@
<div class="content-section documentation">
<TabView>
<TabPanel header="Documentation">
<h5>Mitt EventBus</h5>
<p>ConfirmPopup requires <a href="https://www.npmjs.com/package/mitt">Mitt</a>, a tiny 200b EventBus implementation.</p>
<pre v-code><code>
npm install mitt --save
</code></pre>
<h5>ConfirmationService</h5>
<p>ConfirmPopup is controlled via the <i>ConfirmationService</i> that needs to be installed globally before the application
instance is created.</p>
@ -247,7 +240,7 @@ export default {
</div>
<h5>Dependencies</h5>
<p>Mitt.</p>
<p>None.</p>
</TabPanel>
<TabPanel header="Source">

6
src/views/liveeditor/LiveEditor.vue
View File

@ -224,8 +224,6 @@ export const router = createRouter({
}
if(this.toastService) {
extDependencies['mitt'] = "^2.1.0";
imports += `import Toast from "primevue/toast";
import ToastService from "primevue/toastservice";
`;
@ -242,10 +240,6 @@ import ToastService from "primevue/toastservice";
`;
}
if(this.terminalService) {
extDependencies['mitt'] = "^2.1.0";
}
if(name !== 'ToastDemo' && name !== 'TooltipDemo' && name !== 'RippleDemo' && name !== 'FloatLabelDemo' && name !== 'InputGroupDemo' && name !== 'InvalidDemo' && name !== 'FormLayoutDemo') {
element += `app.component("${name.slice(0, -4)}", ${name.slice(0, -4)});`;
}

4
src/views/setup/Setup.vue
View File

@ -148,10 +148,6 @@ dependencies: {
<td>PrimeFlex</td>
<td>DataView</td>
</tr>
<tr>
<td>Toast and Terminal</td>
<td>Mitt</td>
</tr>
</tbody>
</table>
</div>

2
src/views/tabview/TabViewDemo.vue
View File

@ -128,7 +128,7 @@
<script>
import TabViewDoc from './TabViewDoc';
import EventBus from '@/EventBus';
import EventBus from '@/AppEventBus';
export default {
data() {

9
src/views/terminal/TerminalDoc.vue
View File

@ -2,13 +2,6 @@
<div class="content-section documentation">
<TabView>
<TabPanel header="Documentation">
<h5>Mitt EventBus</h5>
<p>Terminal requires <a href="https://www.npmjs.com/package/mitt">Mitt</a>, a tiny 200b EventBus implementation.</p>
<pre v-code><code>
npm install mitt --save
</code></pre>
<h5>Import</h5>
<pre v-code.script><code>
import Terminal from 'primevue/terminal';
@ -130,7 +123,7 @@ export default {
</div>
<h5>Dependencies</h5>
<p>Mitt.</p>
<p>None.</p>
</TabPanel>
<TabPanel header="Source">

9
src/views/toast/ToastDoc.vue
View File

@ -2,13 +2,6 @@
<div class="content-section documentation">
<TabView>
<TabPanel header="Documentation">
<h5>Mitt EventBus</h5>
<p>Toast requires <a href="https://www.npmjs.com/package/mitt">Mitt</a>, a tiny 200b EventBus implementation.</p>
<pre v-code><code>
npm install mitt --save
</code></pre>
<h5>ToastService</h5>
<p>Toast messages are dynamically created using a <i>ToastService</i> that needs to be installed globally before the application
instance is created.</p>
@ -270,7 +263,7 @@ this.$toast.add({severity:'success', summary: 'Specific Message', group: 'mykey'
</div>
<h5>Dependencies</h5>
<p>Mitt.</p>
<p>None.</p>
</TabPanel>
<TabPanel header="Source">