primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 2.16 kB
JavaScript
var e=require("primevue/button"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"Inplace",emits:["open","close","update:active"],props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1}},watch:{active(e){this.d_active=e}},data(){return{d_active:this.active}},methods:{open(e){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}]}},components:{IPButton:n(e).default}};const o={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],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),i.render=function(e,n,i,l,a,c){const p=t.resolveComponent("IPButton");return t.openBlock(),t.createBlock("div",{class:c.containerClass},[a.d_active?(t.openBlock(),t.createBlock("div",o,[t.renderSlot(e.$slots,"content"),i.closable?(t.openBlock(),t.createBlock(p,{key:0,icon:"pi pi-times",onClick:c.close},null,8,["onClick"])):t.createCommentVNode("",!0)])):(t.openBlock(),t.createBlock("div",{key:0,class:"p-inplace-display",tabindex:e.$attrs.tabindex||"0",onClick:n[1]||(n[1]=(...e)=>c.open&&c.open(...e)),onKeydown:n[2]||(n[2]=t.withKeys(((...e)=>c.open&&c.open(...e)),["enter"]))},[t.renderSlot(e.$slots,"display")],40,["tabindex"]))],2)},module.exports=i;
;