fine-true/lib/textarea/index.js

A small and beautiful Vue3 version of the UI Library

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("./../types/form"),require("./../utils/withInstall"));else if("function"==typeof define&&define.amd)define(["vue","./../types/form","./../utils/withInstall"],t);else{var o="object"==typeof exports?t(require("vue"),require("./../types/form"),require("./../utils/withInstall")):t(e.vue,e["./../types/form"],e["./../utils/withInstall"]);for(var a in o)("object"==typeof exports?exports:e)[a]=o[a]}}(self,((e,t,o)=>(()=>{"use strict";var a={9934:e=>{e.exports=t},1677:e=>{e.exports=o},748:t=>{t.exports=e}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return a[e](o,o.exports,l),o.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var o in t)l.o(t,o)&&!l.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{l.r(u),l.d(u,{default:()=>r});var e=l(748),t=l(9934);const o=(0,e.defineComponent)({name:"fine-textarea",emits:["update:modelValue","change","focus","blur"],props:{modelValue:String,showPassword:Boolean,clearable:Boolean,placeholder:String,disabled:Boolean,readonly:Boolean,maxLength:Number,showWordLimit:Boolean,autosize:Boolean,name:String,resize:{type:String,default:"both"}},setup(o,a){var{emit:r,expose:l}=a,u=(0,e.inject)(t.FormItemContextKey,void 0),n=(0,e.ref)(!1),i=(0,e.ref)(),s=(0,e.computed)((()=>null===o.modelValue||void 0===o.modelValue?"":String(o.modelValue))),d=()=>{i.value.value=s.value,o.autosize&&(i.value.style.height="auto",i.value.style.height=i.value.scrollHeight+"px")};(0,e.watch)(s,(()=>{d()}));var c=e=>{r("update:modelValue",e),r("change",e),u&&u("change")},v=!1,f=()=>{v=!0},p=e=>{var t=e.target.value;v&&(c(t),v=!1)},m=e=>{var t=e.target.value;v||c(t)},x=()=>{c(""),y()},b=e=>{r("blur",e),n.value=!1,u&&u("blur")},h=e=>{r("focus",e),n.value=!0},y=()=>{var e;null===(e=i.value)||void 0===e||e.focus(),n.value=!0};l({focus:y,blur:()=>{var e;null===(e=i.value)||void 0===e||e.blur(),n.value=!1}}),(0,e.onMounted)((()=>{d()}));var g=(0,e.computed)((()=>({"fine-textarea":!0,"fine-textarea-on-focus":n.value}))),w=(0,e.computed)((()=>({"fine-textarea-current":!0,"fine-textarea-disabled":o.disabled,"fine-textarea-autosize":o.autosize})));return()=>{var{disabled:t,placeholder:a,maxLength:r,resize:l,clearable:u,readonly:n,showWordLimit:d}=o;return(0,e.createVNode)("div",{class:g.value},[(0,e.createVNode)("textarea",{ref:e=>i.value=e,class:w.value,disabled:t,placeholder:a,readonly:n,maxlength:r,style:{resize:l},onCompositionstart:f,onCompositionend:p,onInput:m,onFocus:h,onBlur:b},null),u&&s.value&&(0,e.createVNode)("i",{class:"fine-icon icon-close-bold fine-textarea-clear",onClick:x},null),r&&r>0&&d&&(0,e.createVNode)("span",{class:"fine-textarea-show-word-limit"},[s.value.length,(0,e.createTextVNode)("/"),r])])}}});var a=l(1677);l.n(a)()(o);const r=o})(),u})()));