https://www.efin.finance/_next/static/chunks/536.2563c73b5dc3679c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[536,83839],{35695:(e,t,r)=>{var a=r(18999);r.o(a,"useParams")&&r.d(t,{useParams:function(){return a.useParams}}),r.o(a,"usePathname")&&r.d(t,{usePathname:function(){return a.usePathname}}),r.o(a,"useRouter")&&r.d(t,{useRouter:function(){return a.useRouter}}),r.o(a,"useSearchParams")&&r.d(t,{useSearchParams:function(){return a.useSearchParams}}),r.o(a,"useSelectedLayoutSegment")&&r.d(t,{useSelectedLayoutSegment:function(){return a.useSelectedLayoutSegment}}),r.o(a,"useSelectedLayoutSegments")&&r.d(t,{useSelectedLayoutSegments:function(){return a.useSelectedLayoutSegments}})},40133:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(90602).A)("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]])},40968:(e,t,r)=>{r.d(t,{b:()=>s});var a=r(12115),n=r(63655),o=r(95155),d=a.forwardRef((e,t)=>(0,o.jsx)(n.sG.label,{...e,ref:t,onMouseDown:t=>{var r;t.target.closest("button, input, select, textarea")||(null===(r=e.onMouseDown)||void 0===r||r.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));d.displayName="Label";var s=d},42355:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(90602).A)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])},47330:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(90602).A)("Settings2",[["path",{d:"M20 7h-9",key:"3s1dr2"}],["path",{d:"M14 17H5",key:"gfn3mx"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["circle",{cx:"7",cy:"7",r:"3",key:"dfmy0x"}]])},51154:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(90602).A)("LoaderCircle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},51290:(e,t,r)=>{r.r(t),r.d(t,{default:()=>l});var a=r(95155);r(12115);var n=r(42441),o=r(98287);let d=[{id:"1",category:"การค้าระหว่างประเทศ",percent:32.24},{id:"2",category:"ปิโตรเคมีและการกลั่น",percent:26.53},{id:"3",category:"น้ำมัน",percent:22.41},{id:"4",category:"ก๊าซธรรมชาติ",percent:13.28},{id:"5",category:"ธุรกิจใหม่และความยั่งยืน",percent:3.02},{id:"6",category:"สำรวจและผลิตปิโตรเลียม",percent:2.49},{id:"7",category:"อื่นๆ",percent:.03}],s=[{accessorKey:"category",header:"หมวดรายได้"},{accessorKey:"percent",header:"สัดส่วนต่อรายได้รวม (%)",meta:{cellAlign:"right",align:"right"},cell:e=>{let{getValue:t}=e;return"".concat(t().toFixed(2),"%")}}];function l(){return(0,a.jsxs)("div",{className:"container mx-auto p-6 space-y-6",children:[(0,a.jsxs)("header",{children:[(0,a.jsx)("h1",{className:"text-2xl font-bold",children:"22. Zebra Striping (theme)"}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"Theme เล็กๆ — แถวคู่ได้สีพื้นอ่อนตัดกับแถวคี่ ตัวหนังสือ/font ทุกอย่างเหมือนเดิม เปลี่ยนแค่สี row"})]}),(0,a.jsxs)("section",{className:"space-y-2",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:"ปิด (default)"}),(0,a.jsx)(n.bQ,{data:d,columns:s,rowId:e=>e.id})]}),(0,a.jsxs)("section",{className:"space-y-2",children:[(0,a.jsx)("h2",{className:"text-lg font-semibold",children:"เปิด zebra"}),(0,a.jsx)(n.bQ,{data:d,columns:s,rowId:e=>e.id,features:{zebra:!0}}),(0,a.jsx)(o.N,{title:"features.zebra = true",code:"// เปิด zebra striping ผ่าน features.zebra\n<DataTable<Income>\n  data={data}\n  columns={columns}\n  rowId={(r) => r.id}\n  features={{ zebra: true }}    // \uD83D\uDC48 แถวคู่ได้ bg อ่อน\n/>"})]})]})}},53904:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(90602).A)("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},54059:(e,t,r)=>{r.d(t,{C1:()=>T,bL:()=>q,q7:()=>_});var a=r(12115),n=r(85185),o=r(6101),d=r(46081),s=r(63655),l=r(89196),i=r(5845),c=r(94315),u=r(11275),p=r(45503),f=r(28905),h=r(95155),m="Radio",[y,x]=(0,d.A)(m),[v,b]=y(m),g=a.forwardRef((e,t)=>

1{let{__scopeRadio:r,name:d,checked:l=!1,required:i,disabled:c,value:u="on",onCheck:p,form:f,...m}=e,[y,x]=a.useState(null),b=(0,o.s)(t,e=>x(e)),g=a.useRef(!1),k=!y||f||!!y.closest("form");return(0,h.jsxs)(v,{scope:r,checked:l,disabled:c,children:[(0,h.jsx)(s.sG.button,{type:"button",role:"radio","aria-checked":l,"data-state":N(l),"data-disabled":c?"":void 0,disabled:c,value:u,...m,ref:b,onClick:(0,n.m)(e.onClick,e=>{l||null==p||p(),k&&(g.current=e.isPropagationStopped(),g.current||e.stopPropagation())})}),k&&(0,h.jsx)(w,{control:y,bubbles:!g.current,name:d,value:u,checked:l,required:i,disabled:c,form:f,style:{transform:"translateX(-100%)"}})]})});g.displayName=m;var k="RadioIndicator",j=a.forwardRef((e,t)=>{let{__scopeRadio:r,forceMount:a,...n}=e,o=b(k,r);return(0,h.jsx)(f.C,{present:a||o.checked,children:(0,h.jsx)(s.sG.span,{"data-state":N(o.checked),"data-disabled":o.disabled?"":void 0,...n,ref:t})})});j.displayName=k;var w=e=>{let{control:t,checked:r,bubbles:n=!0,...o}=e,d=a.useRef(null),s=(0,p.Z)(r),l=(0,u.X)(t);return a.useEffect(()=>{let e=d.current,t=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"checked").set;if(s!==r&&t){let a=new Event("click",{bubbles:n});t.call(e,r),e.dispatchEvent(a)}},[s,r,n]),(0,h.jsx)("input",{type:"radio","aria-hidden":!0,defaultChecked:r,...o,tabIndex:-1,ref:d,style:{...e.style,...l,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function N(e){return e?"checked":"unchecked"}var A=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],R="RadioGroup",[S,C]=(0,d.A)(R,[l.RG,x]),L=(0,l.RG)(),P=x(),[M,E]=S(R),z=a.forwardRef((e,t)=>{let{__scopeRadioGroup:r,name:a,defaultValue:n,value:o,required:d=!1,disabled:u=!1,orientation:p,dir:f,loop:m=!0,onValueChange:y,...x}=e,v=L(r),b=(0,c.jH)(f),[g,k]=(0,i.i)({prop:o,defaultProp:n,onChange:y});return(0,h.jsx)(M,{scope:r,name:a,required:d,disabled:u,value:g,onValueChange:k,children:(0,h.jsx)(l.bL,{asChild:!0,...v,orientation:p,dir:b,loop:m,children:(0,h.jsx)(s.sG.div,{role:"radiogroup","aria-required":d,"aria-orientation":p,"data-disabled":u?"":void 0,dir:b,...x,ref:t})})})});z.displayName=R;var I="RadioGroupItem",D=a.forwardRef((e,t)=>{let{__scopeRadioGroup:r,disabled:d,...s}=e,i=E(I,r),c=i.disabled||d,u=L(r),p=P(r),f=a.useRef(null),m=(0,o.s)(t,f),y=i.value===s.value,x=a.useRef(!1);return a.useEffect(()=>{let e=e=>{A.includes(e.key)&&(x.current=!0)},t=()=>x.current=!1;return document.addEventListener("keydown",e),document.addEventListener("keyup",t),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t)}},[]),(0,h.jsx)(l.q7,{asChild:!0,...u,focusable:!c,active:y,children:(0,h.jsx)(g,{disabled:c,required:i.required,

1checked:y,...p,...s,name:i.name,ref:m,onCheck:()=>i.onValueChange(s.value),onKeyDown:(0,n.m)(e=>{"Enter"===e.key&&e.preventDefault()}),onFocus:(0,n.m)(s.onFocus,()=>{var e;x.current&&(null===(e=f.current)||void 0===e||e.click())})})})});D.displayName=I;var G=a.forwardRef((e,t)=>{let{__scopeRadioGroup:r,...a}=e,n=P(r);return(0,h.jsx)(j,{...n,...a,ref:t})});G.displayName="RadioGroupIndicator";var q=z,_=D,T=G},62196:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(90602).A)("Triangle",[["path",{d:"M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z",key:"14u9p9"}]])},66766:(e,t,r)=>{r.d(t,{default:()=>n.a});var a=r(71469),n=r.n(a)},71469:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return l},getImageProps:function(){return s}});let a=r(88229),n=r(38883),o=r(33063),d=a._(r(51193));function s(e){let{props:t}=(0,n.getImgProps)(e,{defaultLoader:d.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let l=o.Image},85339:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(90602).A)("CircleAlert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},87489:(e,t,r)=>{r.d(t,{b:()=>i});var a=r(12115),n=r(63655),o=r(95155),d="horizontal",s=["horizontal","vertical"],l=a.forwardRef((e,t)=>{var r;let{decorative:a,orientation:l=d,...i}=e,c=(r=l,s.includes(r))?l:d;return(0,o.jsx)(n.sG.div,{"data-orientation":c,...a?{role:"none"}:{"aria-orientation":"vertical"===c?c:void 0,role:"separator"},...i,ref:t})});l.displayName="Separator";var i=l},98287:(e,t,r)=>{r.d(t,{N:()=>o});var a=r(95155),n=r(12115);function o(e){let{title:t="Usage",code:r,language:o="tsx"}=e,[d,s]=n.useState(!1),l=async()=>{try{await navigator.clipboard.writeText(r),s(!0),setTimeout(()=>s(!1),1500)}catch(e){}};return(0,a.jsxs)("div",{className:"rounded-xl border overflow-hidden bg-neutral-950 text-neutral-100",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-3 py-2 border-b border-neutral-800 bg-neutral-900",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,a.jsx)("span",{className:"font-semibold text-neutral-200",children:t}),(0,a.jsx)("span",{className:"px-1.5 py-0.5 rounded bg-neutral-800 text-neutral-400 text-[10px] uppercase",children:o})]}),(0,a.jsx)("button",{onClick:l,className:"text-[11px] px-2 py-1 rounded border border-neutral-700 hover:bg-neutral-800 transition-colors",children:d?"Copied ✓":"Copy"})]}),(0,a.jsx)("pre",{className:"text-xs leading-5 p-4 overflow-x-auto",children:(0,a.jsx)("code",{children:r})})]})}}}]);