https://www.barnman.cc/_next/static/chunks/9095.9578ad657b0077c9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9095],{9095:function(e,r,a){a.r(r),a.d(r,{default:function(){return s}});var t=a(85893),l=a(67294);function s(){let[e,r]=(0,l.useState)(1);return(0,t.jsx)("div",{className:"bg-white rounded-lg shadow-lg p-6 border",children:(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)(o,{columns:[{key:"name",label:"商品名称"},{key:"color",label:"颜色"},{key:"category",label:"分类"},{key:"accessories",label:"配件",render:e=>e?"是":"否"},{key:"available",label:"库存",render:e=>e?"有":"无"},{key:"price",label:"价格",render:e=>"\xa5".concat(e)},{key:"weight",label:"重量"},{key:"action",label:"操作",render:()=>(0,t.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,t.jsx)("a",{href:"#",className:"font-medium text-blue-600 dark:text-blue-500 hover:underline",children:"编辑"}),(0,t.jsx)("a",{href:"#",className:"font-medium text-red-600 dark:text-red-500 hover:underline",children:"删除"})]})}],data:[{name:'苹果 MacBook Pro 17"',color:"银色",category:"笔记本",accessories:!0,available:!0,price:2999,weight:"3.0 公斤"},{name:"微软 Surface Pro",color:"白色",category:"笔记本电脑",accessories:!1,available:!0,price:1999,weight:"1.0 公斤"},{name:"Magic Mouse 2",color:"黑色",category:"配件",accessories:!0,available:!1,price:99,weight:"0.2 公斤"},{name:"苹果手表",color:"黑色",category:"手表",accessories:!0,available:!1,price:199,weight:"0.12 公斤"},{name:"iPad Pro",color:"金色",category:"平板电脑",accessories:!1,available:!0,price:699,weight:"1.3 公斤"}]}),(0,t.jsx)(c,{currentPage:e,totalPages:5,onPageChange:e=>{e>=1&&e<=5&&r(e)}}),(0,t.jsxs)("ul",{className:"text-gray-600 list-disc pl-6",children:[(0,t.jsx)("li",{children:"订单说明："}),(0,t.jsx)("li",{className:"font-bold",children:"这只是一个演示页面，不存在真实功能！"})]})]})})}let c=e=>{let{currentPage:r,totalPages:a,onPageChange:l}=e,s=Array.from({length:a},(e,r)=>r+1);return(0,t.jsx)("nav",{"aria-label":"page-navigation",className:"w-full flex mx-auto justify-center items-center py-4",children:(0,t.jsxs)("ul",{className:"inline-flex -space-x-px text-sm",children:[(0,t.jsx)("li",{children:(0,t.jsx)("button",{onClick:()=>l(r-1),disabled:1===r,className:"flex items-center justify-center px-3 h-8 ms-0 leading-tight border border-e-0 rounded-s-lg ".concat(1===r?"text-gray-400 bg-gray-200 cursor-not-allowed":"text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:"上一页"})}),s.map(e=>(0,t.jsx)("li",{children:(0,t.jsx)("button",{onClick:()=>l(e),className:"flex items-center justify-center px-3 h-8 leading-tight border ".concat(r===e?"text-blue-600 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white":"text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:e})},e)),(0,t.jsx)("li",{children:(0,t.jsx)("button",{onClick:()=>l(r+1),disabled:r===a,className:"flex items-center justify-center px-3 h-8 leading-tight border rounded-e-lg ".concat(r===a?"text-gray-400 bg-gray-200 cursor-not-allowed":"text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:"下一页"})})]})})},o=e=>{let{columns:r,data:a}=e;return(0,t.jsx)("div",{className:"relative overflow-x-auto shadow-md sm:rounded-lg",children:(0,t.jsxs)("table",{className:"w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400",children:[(0,t.jsx)("thead",{className:"text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400",children:(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{scope:"col",className:"p-4 w-4",children:(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)("input",{id:"checkbox-all",type:"checkbox",className:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dar

1k:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"}),(0,t.jsx)("label",{htmlFor:"checkbox-all",className:"sr-only",children:"全选"})]})}),r.map((e,r)=>(0,t.jsx)("th",{scope:"col",className:"".concat("name"===e.key?"px-6 py-3 w-[25%]":"px-4 py-3 w-[10%]"),children:e.label},r))]})}),(0,t.jsx)("tbody",{children:a.map((e,a)=>(0,t.jsxs)("tr",{className:"bg-white border-b dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600",children:[(0,t.jsx)("td",{className:"w-4 p-4",children:(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)("input",{id:"checkbox-".concat(a),type:"checkbox",className:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"}),(0,t.jsx)("label",{htmlFor:"checkbox-".concat(a),className:"sr-only",children:"选择"})]})}),r.map((r,a)=>(0,t.jsx)("td",{className:"".concat("name"===r.key?"px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white w-[25%]":"px-4 py-4 w-[10%]"),children:r.render?r.render(e[r.key]):e[r.key]},a))]},a))})]})})}}}]);