vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 785 B
JavaScript
"use strict";const e=require("vue"),c=require("../hook/useEditorText.cjs"),u=e.defineComponent({name:"EditorText",__name:"index",props:{modelValue:{},disabled:{type:Boolean},is:{default:"div"}},emits:["update:modelValue","finish"],setup(i,{emit:o}){const t=i,s=o,n=e.useTemplateRef("editableEl"),{innerValue:l,editing:a,enableEdit:d,handleKeydown:r}=c.useEditorText(t,n,s);return(p,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{ref_key:"editableEl",ref:n,class:e.normalizeClass(["app-editor-text",{"is-disabled":t.disabled}]),contenteditable:!t.disabled&&e.unref(a),onClick:e.unref(d),onKeydown:e.unref(r)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)),1)]),_:1},40,["class","contenteditable","onClick","onKeydown"]))}});module.exports=u;