UNPKG

@aplus-frontend/ui

Version:

2 lines (1 loc) 2.89 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@aplus-frontend/antdv"),d=require("lodash-unified");require("../../config-provider/index.js");require("../../hooks/index.js");const h=require("../hooks/use-default-placeholder.js"),k=require("../style/index.js"),C=require("./utils.js"),I=require("../../hooks/useControllableValue.js"),q=require("../../config-provider/hooks/use-namespace.js"),z=e.defineComponent({name:"ApFieldTextArea",__name:"index",props:{mode:{default:"edit"},class:{},style:{},rows:{},autoSize:{type:[Boolean,Object]},onResize:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},size:{},value:{},name:{},type:{default:"text"},onFocus:{},onBlur:{},onChange:{},onInput:{},onKeydown:{},onKeyup:{},onMousedown:{},focused:{type:Boolean},hidden:{type:Boolean},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},readonly:{type:Boolean},autofocus:{type:Boolean},variant:{},autocomplete:{},placeholder:{},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onMouseUp:{},onRawInput:{},"onUpdate:value":{},status:{},defaultValue:{},inputElement:{},triggerFocus:{},handleReset:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"},beforeInput:{},code:{type:[Boolean,Object],default:!1}},emits:["update:value"],setup(i,{expose:p,emit:f}){const a=e.shallowRef(),t=i,m=f,{value:n,updateValue:y}=I.useControllableValue(t,m),{b:g,m:r}=q.useNamespace("field-textarea"),l=k.default("field"),v=h.useDefaultPlaceholder("TextArea",t),B=e.computed(()=>{if(t.code)return t.code===!0?{language:"text"}:{language:t.code?.language??"text"}});function x(o){const u=o.target.value||"",s=t.beforeInput?t.beforeInput?.(u):u,c=a.value?.$el?.querySelector("textarea");c&&(c.value=s),y(s)}return p({focus:o=>{a.value?.focus(o)},blur:()=>{a.value?.blur()},resizableTextArea:e.computed(()=>a.value?.resizableTextArea)}),(o,u)=>o.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.code?(e.openBlock(),e.createElementBlock("pre",{key:1,class:e.normalizeClass([e.unref(r)("code"),e.unref(l)])},[e.createElementVNode("code",null,e.toDisplayString(e.unref(C.languageFormat)(e.unref(n),B.value.language)),1)],2)):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(r)("read"),e.unref(l)])},e.toDisplayString(e.unref(d.isNil)(e.unref(n))||e.unref(n)===""?o.emptyText:e.unref(n)),3))],64)):(e.openBlock(),e.createBlock(e.unref(b.Input).TextArea,e.mergeProps({key:1},e.unref(d.omit)(t,["onUpdate:value","value","beforeInput","emptyText"]),{ref_key:"textAreaRef",ref:a,placeholder:e.unref(v),value:e.unref(n),class:[e.unref(g)(),e.unref(l)],onInput:x}),null,16,["placeholder","value","class"]))}});exports.default=z;