components__HighlightTextarea__index.en-US.md.7aab7d65.async.js

"use strict";(self.webpackChunkHDesign=self.webpackChunkHDesign||[]).push([[8016],{97912:function(c,n,s){s.r(n);var o=s(68527),u=s(98818),x=s(12284),m=s(70416),j=s(79092),p=s(63746),l=s(49849),v=s(54695),d=s(90191),i=s(21686),t=s(75271),_=s(52676);function r(){var h=(0,d.eL)(),e=h.texts;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)("div",{className:"markdown",children:[(0,_.jsxs)("h1",{id:"highlighttextarea",children:[(0,_.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#highlighttextarea",children:(0,_.jsx)("span",{className:"icon icon-link"})}),"HighlightTextarea"]}),(0,_.jsx)("p",{children:e[0].value}),(0,_.jsxs)("h2",{id:"case",children:[(0,_.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#case",children:(0,_.jsx)("span",{className:"icon icon-link"})}),"CASE"]})]}),(0,_.jsx)(d.Dl,{demo:{id:"highlighttextarea-demo-demo"},previewerProps:{description:"<p>In this case, the default highlighting style was used to highlight the text react and dummy</p>",title:"Base",filename:"src/components/HighlightTextarea/demo/index.tsx"}}),(0,_.jsx)(d.Dl,{demo:{id:"highlighttextarea-demo-demo2"},previewerProps:{description:"<p>In this case, different colors of highlight were applied to the text react and dumi, and advanced features such as custom events can also be customized for them</p>",title:"Senior",filename:"src/components/HighlightTextarea/demo/demo2.tsx"}}),(0,_.jsxs)("div",{className:"markdown",children:[(0,_.jsxs)("h2",{id:"api",children:[(0,_.jsx)("a",{"aria-hidden":"true",tabIndex:"-1",href:"#api",children:(0,_.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,_.jsxs)(l.Z,{children:[(0,_.jsx)("thead",{children:(0,_.jsxs)("tr",{children:[(0,_.jsx)("th",{children:e[1].value}),(0,_.jsx)("th",{children:e[2].value}),(0,_.jsx)("th",{children:e[3].value}),(0,_.jsx)("th",{children:e[4].value})]})}),(0,_.jsxs)("tbody",{children:[(0,_.jsxs)("tr",{children:[(0,_.jsx)("td",{children:e[5].value}),(0,_.jsx)("td",{children:e[6].value}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[7].value})}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[8].value})})]}),(0,_.jsxs)("tr",{children:[(0,_.jsx)("td",{children:e[9].value}),(0,_.jsx)("td",{children:e[10].value}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[11].value})}),(0,_.jsx)("td",{})]}),(0,_.jsxs)("tr",{children:[(0,_.jsx)("td",{children:e[12].value}),(0,_.jsx)("td",{children:e[13].value}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[14].value})}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[15].value})})]}),(0,_.jsxs)("tr",{children:[(0,_.jsx)("td",{children:e[16].value}),(0,_.jsx)("td",{children:e[17].value}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[18].value})}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[19].value})})]}),(0,_.jsxs)("tr",{children:[(0,_.jsx)("td",{children:e[20].value}),(0,_.jsx)("td",{children:e[21].value}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[22].value})}),(0,_.jsx)("td",{})]}),(0,_.jsxs)("tr",{children:[(0,_.jsx)("td",{children:e[23].value}),(0,_.jsx)("td",{children:e[24].value}),(0,_.jsx)("td",{children:(0,_.jsx)("code",{children:e[25].value})}),(0,_.jsx)("td",{})]})]})]})]})]})}function a(){return(0,_.jsx)(d.dY,{children:(0,_.jsx)(t.Suspense,{fallback:(0,_.jsx)(i.Z,{}),children:(0,_.jsx)(r,{})})})}n.default=a}}]);