Refactor #5257
parent
5d9ac9917d
commit
00c891a3e2
|
@ -8,10 +8,13 @@ import BaseInputText from './BaseInputText.vue';
|
||||||
export default {
|
export default {
|
||||||
name: 'InputText',
|
name: 'InputText',
|
||||||
extends: BaseInputText,
|
extends: BaseInputText,
|
||||||
|
inheritAttrs: false,
|
||||||
emits: ['update:modelValue'],
|
emits: ['update:modelValue'],
|
||||||
methods: {
|
methods: {
|
||||||
getPTOptions(key) {
|
getPTOptions(key) {
|
||||||
return this.ptm(key, {
|
const _ptm = key === 'root' ? this.ptmi : this.ptm;
|
||||||
|
|
||||||
|
return _ptm(key, {
|
||||||
context: {
|
context: {
|
||||||
filled: this.filled,
|
filled: this.filled,
|
||||||
disabled: this.$attrs.disabled || this.$attrs.disabled === ''
|
disabled: this.$attrs.disabled || this.$attrs.disabled === ''
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :class="cx('root')" v-bind="ptm('root')">
|
<div :class="cx('root')" v-bind="ptmi('root')">
|
||||||
<svg
|
<svg
|
||||||
viewBox="0 0 100 100"
|
viewBox="0 0 100 100"
|
||||||
role="slider"
|
role="slider"
|
||||||
|
@ -35,6 +35,7 @@ const Math_PI = 3.14159265358979;
|
||||||
export default {
|
export default {
|
||||||
name: 'Knob',
|
name: 'Knob',
|
||||||
extends: BaseKnob,
|
extends: BaseKnob,
|
||||||
|
inheritAttrs: false,
|
||||||
emits: ['update:modelValue', 'change'],
|
emits: ['update:modelValue', 'change'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :id="id" :class="cx('root')" @focusout="onFocusout" v-bind="ptm('root')">
|
<div :id="id" :class="cx('root')" @focusout="onFocusout" v-bind="ptmi('root')">
|
||||||
<span
|
<span
|
||||||
ref="firstHiddenFocusableElement"
|
ref="firstHiddenFocusableElement"
|
||||||
role="presentation"
|
role="presentation"
|
||||||
|
@ -132,6 +132,7 @@ import BaseListbox from './BaseListbox.vue';
|
||||||
export default {
|
export default {
|
||||||
name: 'Listbox',
|
name: 'Listbox',
|
||||||
extends: BaseListbox,
|
extends: BaseListbox,
|
||||||
|
inheritAttrs: false,
|
||||||
emits: ['update:modelValue', 'change', 'focus', 'blur', 'filter'],
|
emits: ['update:modelValue', 'change', 'focus', 'blur', 'filter'],
|
||||||
list: null,
|
list: null,
|
||||||
virtualScroller: null,
|
virtualScroller: null,
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :ref="containerRef" :id="id" :class="cx('root')" v-bind="ptm('root')">
|
<div :ref="containerRef" :id="id" :class="cx('root')" v-bind="ptmi('root')">
|
||||||
<div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
|
<div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
|
||||||
<slot name="start"></slot>
|
<slot name="start"></slot>
|
||||||
</div>
|
</div>
|
||||||
|
@ -64,6 +64,7 @@ import MegaMenuSub from './MegaMenuSub.vue';
|
||||||
export default {
|
export default {
|
||||||
name: 'MegaMenu',
|
name: 'MegaMenu',
|
||||||
extends: BaseMegaMenu,
|
extends: BaseMegaMenu,
|
||||||
|
inheritAttrs: false,
|
||||||
emits: ['focus', 'blur'],
|
emits: ['focus', 'blur'],
|
||||||
outsideClickListener: null,
|
outsideClickListener: null,
|
||||||
resizeListener: null,
|
resizeListener: null,
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<Portal :appendTo="appendTo" :disabled="!popup">
|
<Portal :appendTo="appendTo" :disabled="!popup">
|
||||||
<transition name="p-connected-overlay" @enter="onEnter" @leave="onLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
|
<transition name="p-connected-overlay" @enter="onEnter" @leave="onLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
|
||||||
<div v-if="popup ? overlayVisible : true" :ref="containerRef" :id="id" :class="cx('root')" @click="onOverlayClick" v-bind="{ ...$attrs, ...ptm('root') }">
|
<div v-if="popup ? overlayVisible : true" :ref="containerRef" :id="id" :class="cx('root')" @click="onOverlayClick" v-bind="ptmi('root')">
|
||||||
<div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
|
<div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
|
||||||
<slot name="start"></slot>
|
<slot name="start"></slot>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue