@chief-editor/ui
Version:
UI Component for chief editor
1 lines • 1.55 kB
JavaScript
var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var a,r=1,t=arguments.length;r<t;r++)for(var o in a=arguments[r])Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,a){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)a.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r};import{useRefCallback}from"@rc-hooks/use";import React,{useCallback}from"react";import{classnames}from"@co-hooks/util";import{useLocale,usePrefixCls}from"../../hooks";import{InputWrapper}from"../input-wrapper";export function TextArea(e,a){var r,t=e.className,o=e.disabled,s=e.rows,n=e.value,l=e.onPressEnter,c=e.onChange,i=e.onValueChange,u=e.onKeyDown,p=__rest(e,["className","disabled","rows","value","onPressEnter","onChange","onValueChange","onKeyDown"]),f=useLocale("textarea.placeholder"),b=useRefCallback(l),h=useRefCallback(c),m=useRefCallback(u),C=useRefCallback(i),d=useCallback((function(e){h(e),C(e.target.value)}),[]),g=classnames(usePrefixCls("text",{disabled:o}),usePrefixCls("text",{enabled:!o}),t);return React.createElement(InputWrapper,__assign({},p,{tag:"textarea",rows:s,disabled:o,placeholder:null!==(r=p.placeholder)&&void 0!==r?r:f,value:n,inputClassName:g,onKeyDown:function(e){13===e.keyCode&&b(e),m(e)},onChange:d}))}