primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 2.25 kB
JavaScript
import e from"primevue/button";import{resolveComponent as t,openBlock as n,createElementBlock as i,normalizeClass as a,withKeys as l,renderSlot as o,createBlock as s,createCommentVNode as p}from"vue";var c={name:"Inplace",emits:["open","close","update:active"],props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:"pi pi-times"}},data(){return{d_active:this.active}},watch:{active(e){this.d_active=e}},methods:{open(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close(e){this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1)}},computed:{containerClass(){return["p-inplace p-component",{"p-inplace-closable":this.closable}]},displayClass(){return["p-inplace-display",{"p-disabled":this.disabled}]}},components:{IPButton:e}};const d=["tabindex"],r={key:1,class:"p-inplace-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n}\n.p-inplace .p-inplace-content {\n display: inline;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n width: 1%;\n}\n"),c.render=function(e,c,u,m,y,f){const h=t("IPButton");return n(),i("div",{class:a(f.containerClass)},[y.d_active?(n(),i("div",r,[o(e.$slots,"content"),u.closable?(n(),s(h,{key:0,icon:u.closeIcon,onClick:f.close},null,8,["icon","onClick"])):p("",!0)])):(n(),i("div",{key:0,class:a(f.displayClass),tabindex:e.$attrs.tabindex||"0",onClick:c[0]||(c[0]=(...e)=>f.open&&f.open(...e)),onKeydown:c[1]||(c[1]=l(((...e)=>f.open&&f.open(...e)),["enter"]))},[o(e.$slots,"display")],42,d))],2)};export{c as default};