lew-ui 2.7.20 → 2.7.22

package/dist/assets/js/index-rSf_z9-U.js

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as t}from"./LewDocsTables-BEtkuNGi.js";import{d as a,a2 as r,am as i,_ as o,J as l,a7 as s,a6 as c,u as d,aE as u,a3 as p,a as m,a9 as h,ac as g,ag as f,ah as w,ab as y,aa as b,N as x,Q as v,Y as D,bu as S,g as k,k as C,bv as _,bw as A,bx as P,by as B,bg as R,p as G,c8 as M,bf as L}from"./.pnpm-CZLWBssD.js";import{c as T,a as I}from"./utils-CLdZaKTe.js";import{bt as H,bu as z,bv as F,_ as K,bw as q}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const E={title:"Emits",columnsKey:"emits",orderNum:99,data:T(H)},N={title:"Model",columnsKey:"model",orderNum:10,data:I(z)},W={title:"Props",columnsKey:"props",orderNum:10,data:I(F)},Y=Object.freeze(Object.defineProperty({__proto__:null,emits:E,model:N,props:W,tableColumns:{title:"TableColumns",columnsKey:"props",data:[{name:"field",description:"列数据在数据项中对应的字段名",type:"string",default:"-"},{name:"fixed",description:"列是否固定，可选 left 或 right",type:"left | right",default:"-"},{name:"title",description:"列头显示文字",type:"string",default:"-"},{name:"type",description:"列数据类型，text 为普通文本，text-trim 为自动省略的文本，template 为自定义模板",type:"text | text-trim | template",default:"text"},{name:"width",description:"列宽度，单位为像素",type:"number",default:"-"},{name:"x",description:"设置列内容的水平对齐方式",type:"start | center | end",default:"-"},{name:"customRender",description:"自定义渲染函数，用于自定义列的内容",type:"Function(object): VNode",default:"-"}]}},Symbol.toStringTag,{value:"Module"})),j=K(a({__name:"DemoTable1",setup(e){const n=r([{id:1,name:"iPhone 20",releaseYear:2030,rating:95,brand:"Apple",category:"Smartphone"},{id:2,name:"Galaxy S21",releaseYear:2020,rating:92,brand:"Samsung",category:"Smartphone"},{id:3,name:"MacBook Pro",releaseYear:2025,rating:88,brand:"Apple",category:"Laptop"},{id:4,name:"Surface Laptop 4",releaseYear:2024,rating:85,brand:"Microsoft",category:"Laptop"},{id:5,name:"iPad Pro",releaseYear:2021,rating:90,brand:"Apple",category:"Tablet"}]),t=[{title:"ID",field:"id",width:80,x:"center",fixed:"left"},{title:"Brand",width:120,field:"brand"},{title:"Product Name",width:120,field:"name"},{title:"Release Year",field:"releaseYear",width:100,x:"center",customRender:({row:e})=>e.releaseYear},{title:"Category",field:"category",width:140,x:"center"},{title:"Rating",width:100,field:"rating",x:"center",fixed:"right"}],a=r("medium"),f=[{label:"小",value:"small"},{label:"中",value:"medium"},{label:"大",value:"large"}];return(e,r)=>{const w=i("lew-tabs"),y=i("lew-badge"),b=i("lew-flex"),x=i("lew-table");return l(),o(s,null,[c(w,{modelValue:d(a),"onUpdate:modelValue":r[0]||(r[0]=e=>u(a)?a.value=e:null),style:{"margin-bottom":"20px"},"item-width":"50px",round:"",options:f},null,8,["modelValue"]),c(x,{"data-source":d(n),columns:t,size:d(a)},{rating:p(({row:e})=>[c(b,{x:"center",y:"center"},{default:p(()=>[e.rating>=90?(l(),m(y,{key:0,round:"",color:"green"})):e.rating>=80?(l(),m(y,{key:1,round:"",color:"blue"})):(l(),m(y,{key:2,round:"",color:"orange"})),h("span",null,g(e.rating>=90?"Excellent":e.rating>=80?"Good":"Fair"),1)]),_:2},1024)]),_:1},8,["data-source","size"])],64)}}}),[["__scopeId","data-v-7f206525"]]),X=a({__name:"DemoTable2",setup(e){const n=r([{id:1,name:"GeForce RTX 4090",brand:"NVIDIA",memory:"24GB GDDR6X",performance:10,price:9999,features:["DLSS 3","Ray Tracing","8K Gaming","PCIe 4.0","HDMI 2.1"],releaseDate:"2022-10-12",powerConsumption:"450W",architecture:"Ada Lovelace",coreCount:16384,boostClock:"2.52 GHz",tdp:450,manufacturingProcess:"4nm"},{id:2,name:"Radeon RX 7900 XTX",brand:"AMD",memory:"24GB GDDR6",performance:9,price:8999,features:["FSR 3","Ray Tracing","4K Gaming","PCIe 4.0","DisplayPort 2.1"],releaseDate:"2022-12-13",powerConsumption:"355W",architecture:"RDNA 3",coreCount:12288,boostClock:"2.5 GHz",tdp:355,manufacturingProcess:"5nm"},{id:3,name:"GeForce RTX 4080",brand:"NVIDIA",memory:"16GB GDDR6X",performance:8,price:7999,features:["DLSS 3","Ray Tracing","4K Gaming","PCIe 4.0","HDMI 2.1"],releaseDate:"2022-11-16",powerConsumption:"320W",architecture:"Ada Lovelace",coreCount:9728,boostClock:"2.51 GHz",tdp:320,manufacturingProcess:"4nm"},{id:4,name:"Radeon RX 7900 XT",brand:"AMD",memory:"20GB GDDR6",performance:7.5,price:7499,features:["FSR 3","Ray Tracing","4K Gaming","PCIe 4.0","DisplayPort 2.1"],releaseDate:"2022-12-13",powerConsumption:"315W",architecture:"RDNA 3",coreCount:10752,boostClock:"2.4 GHz",tdp:315,manufacturingProcess:"5nm"},{id:5,name:"GeForce RTX 4070 Ti",brand:"NVIDIA",memory:"12GB GDDR6X",performance:7,price:5999,features:["DLSS 3","Ray Tracing","4K Gaming","PCIe 4.0","HDMI 2.1"],releaseDate:"2023-01-05",powerConsumption:"285W",architecture:"Ada Lovelace",coreCount:7680,boostClock:"2.61 GHz",tdp:285,manufacturingProcess:"4nm"},{id:6,name:"GeForce RTX 4070",brand:"NVIDIA",memory:"12GB GDDR6X",performance:6.5,price:4999,features:["DLSS 3","Ray Tracing","4K Gaming","PCIe 4.0","HDMI 2.1"],releaseDate:"2023-04-13",powerConsumption:"200W",architecture:"Ada Lovelace",coreCount:5888,boostClock:"2.48 GHz",tdp:200,manufacturingProcess:"4nm"},{id:7,name:"Radeon RX 7800 XT",brand:"AMD",memory:"16GB GDDR6",performance:6,price:4499,features:["FSR 3","Ray Tracing","1440p Gaming","PCIe 4.0","DisplayPort 2.1"],releaseDate:"2023-09-06",powerConsumption:"263W",architecture:"RDNA 3",coreCount:3840,boostClock:"2.43 GHz",tdp:263,manufacturingProcess:"5nm"},{id:8,name:"Radeon RX 7700 XT",brand:"AMD",memory:"12GB GDDR6",performance:5.5,price:3999,features:["FSR 3","Ray Tracing","1440p Gaming","PCIe 4.0","DisplayPort 2.1"],releaseDate:"2023-09-06",powerConsumption:"245W",architecture:"RDNA 3",coreCount:3456,boostClock:"2.54 GHz",tdp:245,manufacturingProcess:"5nm"},{id:9,name:"GeForce RTX 4060 Ti",brand:"NVIDIA",memory:"8GB GDDR6",performance:5,price:3499,features:["DLSS 3","Ray Tracing","1440p Gaming","PCIe 4.0","HDMI 2.1"],releaseDate:"2023-05-24",powerConsumption:"160W",architecture:"Ada Lovelace",coreCount:4352,boostClock:"2.54 GHz",tdp:160,manufacturingProcess:"4nm"},{id:10,name:"GeForce RTX 4060",brand:"NVIDIA",memory:"8GB GDDR6",performance:4.5,price:2999,features:["DLSS 3","Ray Tracing","1080p Gaming","PCIe 4.0","HDMI 2.1"],releaseDate:"2023-06-29",powerConsumption:"115W",architecture:"Ada Lovelace",coreCount:3072,boostClock:"2.46 GHz",tdp:115,manufacturingProcess:"4nm"}]),t=[{title:"ID",width:80,field:"id",x:"center",fixed:"left"},{title:"Brand",width:80,field:"brand",x:"start",fixed:"left"},{title:"Model",width:180,field:"name",x:"start"},{title:"Memory",width:140,field:"memory",x:"start"},{title:"Performance",width:120,field:"performance",x:"center"},{title:"Features",width:420,field:"features",x:"start"},{title:"Release Date",width:140,field:"releaseDate",x:"center"},{title:"Power",width:100,field:"powerConsumption",x:"center"},{title:"Architecture",width:140,field:"architecture",x:"start"},{title:"Core Count",width:120,field:"coreCount",x:"center"},{title:"Boost Clock",width:120,field:"boostClock",x:"center"},{title:"TDP",width:100,field:"tdp",x:"center"},{title:"Process",width:100,field:"manufacturingProcess",x:"center"},{title:"Price",width:120,fixed:"right",field:"price",x:"center"}];function a(e){switch(!0){case e>=9:return"Top-tier";case e>=7:return"High-end";case e>=5:return"Mid-range";default:return"Entry-level"}}function u(e){return x("div",{},`${e.brand} ${e.name} ${e.memory}`)}const h=r(!1);function D(){h.value=!0,setTimeout(()=>{n.value=v([...n.value].map((e,n)=>({...e,id:n+1})).sort(()=>Math.random()-.5)),h.value=!1},1e3)}return(e,r)=>{const x=i("lew-button"),v=i("lew-tag"),S=i("lew-flex"),k=i("lew-table"),C=f("loading");return l(),o(s,null,[c(x,{onClick:D},{default:p(()=>r[0]||(r[0]=[y(" Update ")])),_:1,__:[0]}),w((l(),m(S,null,{default:p(()=>[c(k,{"data-source":d(n),columns:t,"sort-tooltip-custom-render":u},{performance:p(({row:e})=>[y(g(a(e.performance)),1)]),features:p(({row:e})=>[c(S,{gap:"5px",x:"start",wrap:""},{default:p(()=>[(l(!0),o(s,null,b(e.features,(e,n)=>(l(),m(v,{key:n,size:"small",type:"light",color:"blue"},{default:p(()=>[y(g(e),1)]),_:2},1024))),128))]),_:2},1024)]),price:p(({row:e})=>[y(" ¥"+g(e.price),1)]),tdp:p(({row:e})=>[y(g(e.tdp)+"W ",1)]),manufacturingProcess:p(({row:e})=>[y(g(e.manufacturingProcess),1)]),_:1},8,["data-source"])]),_:1})),[[C,{visible:d(h)}]])],64)}}}),$=a({__name:"DemoTable3",setup(e){const n=[{id:1,name:"Intel Core i9-12900K",cores:"16 (8P+8E)",threads:"24",baseFrequency:"3.2 GHz",boostFrequency:"5.2 GHz",tdp:"125W",architecture:"Alder Lake",socket:"LGA 1700",features:["PCIe 5.0","DDR5","Intel UHD Graphics 770","Turbo Boost Max 3.0"]},{id:2,name:"AMD Ryzen 9 5950X",cores:"16",threads:"32",baseFrequency:"3.4 GHz",boostFrequency:"4.9 GHz",tdp:"105W",architecture:"Zen 3",socket:"AM4",features:["PCIe 4.0","DDR4","AMD StoreMI","Precision Boost 2"]},{id:3,name:"Apple M1 Ultra",cores:"20",threads:"20",baseFrequency:"N/A",boostFrequency:"N/A",tdp:"N/A",architecture:"ARM",socket:"SoC",features:["Neural Engine","Apple ProRes","Unified Memory","Metal-optimized GPU"]},{id:4,name:"AMD EPYC 7763",cores:"64",threads:"128",baseFrequency:"2.45 GHz",boostFrequency:"3.5 GHz",tdp:"280W",architecture:"Zen 3",socket:"SP3",features:["PCIe 4.0","DDR4","AMD Infinity Guard","AMD Infinity Fabric"]},{id:5,name:"Intel Xeon Platinum 8380",cores:"40",threads:"80",baseFrequency:"2.3 GHz",boostFrequency:"3.4 GHz",tdp:"270W",architecture:"Ice Lake-SP",socket:"LGA 4189",features:["PCIe 4.0","DDR4","Intel SGX","Intel Optane Persistent Memory"]}],t=[{title:"ID",width:50,field:"id",x:"center",fixed:"left"},{title:"Processor Name",width:180,field:"name",x:"start",fixed:"left"},{title:"Cores",width:130,field:"cores",x:"center"},{title:"Threads",width:100,field:"threads",x:"center"},{title:"Base Frequency",width:120,field:"baseFrequency",x:"center"},{title:"Boost Frequency",width:120,field:"boostFrequency",x:"center"},{title:"TDP",width:100,field:"tdp",x:"center"},{title:"Architecture",width:120,field:"architecture",x:"center"},{title:"Socket",width:120,field:"socket",x:"center"},{title:"Features",width:400,field:"features"},{title:"Actions",width:110,field:"action",fixed:"right",x:"center"}],a=D(()=>e=>[{label:"Edit",icon:x(S,{size:14}),onClick:()=>{q.info(`Edit: ${e.name}`)}},{label:"Delete",icon:x(k,{size:14}),onClick:()=>{q.info(`Delete: ${e.name}`)}},{label:"Copy",icon:x(C,{size:14}),onClick:()=>{q.info(`Copy: ${e.name}`)}},{label:"Download",icon:x(_,{size:14}),onClick:()=>{q.info(`Download: ${e.name}`)}},{label:"Share",icon:x(A,{size:14}),onClick:()=>{q.info(`Share: ${e.name}`)}},{label:"View",icon:x(P,{size:14}),onClick:()=>{q.info(`View: ${e.name}`)}},{label:"Archive",icon:x(B,{size:14}),onClick:()=>{q.info(`Archive: ${e.name}`)}},{label:"Settings",icon:x(R,{size:14}),onClick:()=>{q.info(`Settings: ${e.name}`)}}]),r=x(G,{size:14});return(e,u)=>{const h=i("lew-tag"),f=i("lew-flex"),w=i("lew-action-box"),x=i("lew-table");return l(),m(x,{"data-source":n,columns:t},{features:p(({row:e})=>[c(f,{gap:"5px",x:"start"},{default:p(()=>[(l(!0),o(s,null,b(e.features,(e,n)=>(l(),m(h,{key:n,type:"light",color:"blue",size:"small"},{default:p(()=>[y(g(e),1)]),_:2},1024))),128))]),_:2},1024)]),action:p(({row:e})=>[(l(),m(w,{key:e.id,options:d(a)(e),"dropdown-threshold":2,"dropdown-label":"","dropdown-icon":d(r),"icon-only":""},null,8,["options","dropdown-icon"]))]),_:1})}}}),U=K(a({__name:"DemoTable4",setup(e){const n=[{id:1,name:"Apple",ticker:"AAPL",price:150.25,marketCap:"2.5T",peRatio:28.5,dividend:"0.88%",sector:"Technology",industry:"Consumer Electronics"},{id:2,name:"Microsoft",ticker:"MSFT",price:305.75,marketCap:"2.3T",peRatio:32.1,dividend:"0.75%",sector:"Technology",industry:"Software"},{id:3,name:"Amazon",ticker:"AMZN",price:3300.5,marketCap:"1.7T",peRatio:58.7,dividend:"N/A",sector:"Consumer Cyclical",industry:"E-Commerce"},{id:4,name:"Google",ticker:"GOOGL",price:2750.25,marketCap:"1.8T",peRatio:27.8,dividend:"N/A",sector:"Communication Services",industry:"Internet Content & Information"},{id:5,name:"Tesla",ticker:"TSLA",price:725.6,marketCap:"730B",peRatio:370.2,dividend:"N/A",sector:"Consumer Cyclical",industry:"Auto Manufacturers"}],t=[{title:"ID",width:50,field:"id",x:"center",fixed:"left"},{title:"Company Name",width:100,field:"name",x:"center",fixed:"left"},{title:"Ticker",width:100,field:"ticker",x:"center"},{title:"Price",width:100,field:"price",x:"center"},{title:"Market Cap",width:100,field:"marketCap",x:"center"},{title:"P/E Ratio",width:100,field:"peRatio",x:"center"},{title:"Dividend",width:100,field:"dividend",x:"center"},{title:"Industry",width:420,field:"industry"},{title:"Actions",width:115,field:"action",fixed:"right",x:"center"}];function a(e,n){return[{label:"Edit",onClick:()=>{LewMessage.success(`Edit ${n.title} ${e.name}`)}},{label:"Delete",onClick:()=>{LewMessage.success(`Delete ${n.title} ${e.name}`)}},{label:"View",onClick:()=>{LewMessage.success(`View ${n.title} ${e.name}`)}},{label:"Detail",onClick:()=>{LewMessage.success(`Detail ${n.title} ${e.name}`)}}]}return(e,r)=>{const o=i("lew-tag"),s=i("lew-action-box"),d=i("lew-table");return l(),m(d,{"data-source":n,columns:t},{price:p(({row:e})=>{return[y(g((n=e.price,`$${n.toFixed(2)}`)),1)];var n}),industry:p(({row:e})=>[c(o,{type:"light",color:"blue",size:"small"},{default:p(()=>[y(g(e.sector),1)]),_:2},1024),c(o,{type:"light",color:"green",size:"small"},{default:p(()=>[y(g(e.industry),1)]),_:2},1024)]),action:p(({row:e,column:n})=>[(l(),m(s,{key:e.id,options:a(e,n),"dropdown-threshold":1,"dropdown-label":"More"},null,8,["options"]))]),_:1})}}}),[["__scopeId","data-v-c09a9ff4"]]),O=a({__name:"DemoTable5",setup(e){const n=[{id:1,name:"Smart Cleaner X1",price:"1999",suction:4e3,batteryLife:"180 minutes",noiseLevel:"65dB",cleanArea:"200 sq.m",features:["Laser Navigation","Auto Recharge","APP Control","Voice Control","Anti-fall"],tdStyle:{price:"background:var(--lew-color-primary-light);color:var(--lew-color-primary-dark)",suction:"font-weight: bold; color: var(--lew-color-success)",batteryLife:"font-style: italic; color: var(--lew-color-info)"},weight:"3.5kg",dustBinCapacity:"600ml",waterTankCapacity:"300ml",filterType:"HEPA",warranty:"2 years"},{id:2,name:"All-in-One Cleaning Master",price:"2499",suction:4500,batteryLife:"200 minutes",noiseLevel:"62dB",cleanArea:"250 sq.m",features:["Laser Navigation","Auto Recharge","APP Control","Voice Control","Anti-fall","Auto Empty"],tdStyle:{name:"background: var(--lew-color-success-light); font-weight: bold",cleanArea:"text-decoration: underline; color: var(--lew-color-primary)"},weight:"3.8kg",dustBinCapacity:"700ml",waterTankCapacity:"350ml",filterType:"HEPA",warranty:"3 years"},{id:3,name:"Home Cleaning Elf",price:"1799",suction:3800,batteryLife:"160 minutes",noiseLevel:"68dB",cleanArea:"180 sq.m",features:["Laser Navigation","Auto Recharge","APP Control","Anti-fall"],tdStyle:{batteryLife:"color:var(--lew-color-warning-dark);",noiseLevel:"background:var(--lew-color-warning);color:#fff",features:"font-size: 12px; font-style: italic"},weight:"3.2kg",dustBinCapacity:"550ml",waterTankCapacity:"250ml",filterType:"Regular",warranty:"1 year"},{id:4,name:"Super Suction King",price:"2999",suction:5e3,batteryLife:"240 minutes",noiseLevel:"60dB",cleanArea:"300 sq.m",features:["Laser Navigation","Auto Recharge","APP Control","Voice Control","Anti-fall","Auto Empty","Mopping Function"],tdStyle:{suction:"background:var(--lew-color-error);color:#fff",price:"font-weight: bold; font-size: 16px; color: var(--lew-color-error)",batteryLife:"background: var(--lew-color-success-light); border-radius: 4px; padding: 2px 4px"},weight:"4.2kg",dustBinCapacity:"800ml",waterTankCapacity:"400ml",filterType:"HEPA",warranty:"3 years"},{id:5,name:"Budget Friendly Cleaner",price:"1299",suction:3500,batteryLife:"140 minutes",noiseLevel:"70dB",cleanArea:"150 sq.m",features:["Collision Sensing","Auto Recharge","APP Control","Anti-fall"],tdStyle:{price:"color: var(--lew-color-success); font-weight: bold",noiseLevel:"background: var(--lew-color-error-light); border: 1px solid var(--lew-color-error)"},weight:"3.0kg",dustBinCapacity:"500ml",waterTankCapacity:"200ml",filterType:"Regular",warranty:"1 year"}],t=[{title:"ID",width:50,field:"id",x:"center",fixed:"left"},{title:"Model",width:150,field:"name",x:"start",fixed:"left"},{title:"Price ($)",width:120,field:"price",x:"center"},{title:"Suction (Pa)",width:120,field:"suction",x:"center"},{title:"Battery Life",width:120,field:"batteryLife",x:"center"},{title:"Noise Level",width:120,field:"noiseLevel",x:"center"},{title:"Cleaning Area",width:120,field:"cleanArea",x:"center"},{title:"Features",width:550,field:"features",x:"start"},{title:"Value for Money",width:120,field:"valueForMoney",x:"center"},{title:"Weight",width:100,field:"weight",x:"center"},{title:"Dust Bin Capacity",width:220,field:"dustBinCapacity",x:"center"},{title:"Water Tank Capacity",width:120,field:"waterTankCapacity",x:"center"},{title:"Filter Type",width:120,field:"filterType",x:"center"},{title:"Warranty",width:100,field:"warranty",x:"center"}];function a(e){const n=Number.parseInt(e);return n<=62?"Quiet":n<=66?"Moderate":"Loud"}function r(e,n,t){const a=Number.parseInt(e),r=n*Number.parseInt(t)/a;return r>400?"Excellent":r>300?"Very High":r>200?"High":r>100?"Average":"Low"}return(e,d)=>{const u=i("lew-tag"),h=i("lew-flex"),f=i("lew-table");return l(),m(f,{"data-source":n,columns:t},{noiseLevel:p(({row:e})=>[y(g(e.noiseLevel)+" ("+g(a(e.noiseLevel))+") ",1)]),features:p(({row:e})=>[c(h,{gap:"5px",x:"start",wrap:""},{default:p(()=>[(l(!0),o(s,null,b(e.features,(e,n)=>(l(),m(u,{key:n,type:"light",color:"blue",size:"small"},{default:p(()=>[y(g(e),1)]),_:2},1024))),128))]),_:2},1024)]),valueForMoney:p(({row:e})=>[y(g(r(e.price,e.suction,e.batteryLife)),1)]),_:1})}}}),V=a({__name:"DemoTable6",setup(e){const n=[{id:1,brand:"Supreme",founded:"1994",origin:"USA",style:"Streetwear",popularItems:["Box Logo T-shirt","Hoodie","Skateboard"],description:"Known for its iconic red box logo and limited release strategy."},{id:2,brand:"Off-White",founded:"2012",origin:"Italy",style:"High-end Streetwear",popularItems:["Industrial Belt","Arrow T-shirt","Quotation Mark Shoes"],description:"Combines high fashion with street culture, known for unique quotation designs and diagonal stripe logo."},{id:3,brand:"BAPE",founded:"1993",origin:"Japan",style:"Japanese Streetwear",popularItems:["Shark Hoodie","Camo Pattern","Bapesta Sneakers"],description:"Famous for its unique camouflage patterns and cartoon ape head logo."},{id:4,brand:"Palace",founded:"2009",origin:"UK",style:"Skate Culture",popularItems:["Tri-Ferg Logo T-shirt","Track Jacket","Skateboard Accessories"],description:"Originated from London skate culture, famous for its triangular logo and humorous designs."}],t=[{title:"ID",width:50,field:"id",x:"center"},{title:"Brand",width:100,field:"brand",x:"start"},{title:"Founded",width:100,field:"founded",x:"center"},{title:"Origin",width:80,field:"origin",x:"center"},{title:"Style",width:100,field:"style",x:"start"},{title:"Popular Items",width:500,field:"popularItems",x:"start"},{title:"Description",width:350,field:"description",x:"start"}],a=r([]),f=r();function w(){a.value=[2,3]}return(e,r)=>{const x=i("lew-button"),v=i("lew-tag"),D=i("lew-flex"),S=i("lew-table");return l(),m(D,{style:{width:"100%"},direction:"y",x:"start"},{default:p(()=>[c(x,{style:{"margin-bottom":"10px"},onClick:w},{default:p(()=>r[1]||(r[1]=[y(" Set Default Selected Brands ")])),_:1,__:[1]}),h("div",null,"Selected: "+g(d(a)),1),c(S,{ref_key:"tableRef",ref:f,"selected-keys":d(a),"onUpdate:selectedKeys":r[0]||(r[0]=e=>u(a)?a.value=e:null),"data-source":n,columns:t,checkable:"",multiple:"","row-key":"id"},{popularItems:p(({row:e})=>[c(D,{gap:"5px",x:"start"},{default:p(()=>[(l(!0),o(s,null,b(e.popularItems,(e,n)=>(l(),m(v,{key:n,type:"light",color:"blue"},{default:p(()=>[y(g(e),1)]),_:2},1024))),128))]),_:2},1024)]),_:1},8,["selected-keys"])]),_:1})}}}),J=a({__name:"DemoTable7",setup(e){const n=r([{id:1,brand:"Supreme",founded:"1994",origin:"USA",style:"Streetwear",popularItems:["Box Logo T-shirt","Hoodies","Skateboards"],description:"Famous for its iconic red box logo and limited release strategy."},{id:2,brand:"Off-White",founded:"2012",origin:"Italy",style:"High-end Streetwear",popularItems:["Industrial Belt","Arrow T-shirt","Quotation Mark Shoes"],description:"Combines high fashion with street culture, known for unique quotation designs and diagonal stripe logo."},{id:3,brand:"BAPE",founded:"1993",origin:"Japan",style:"Japanese Streetwear",popularItems:["Shark Hoodie","Camo Pattern","Bapesta Sneakers"],description:"Known worldwide for its distinctive camouflage patterns and cartoon ape head logo."},{id:4,brand:"Palace",founded:"2009",origin:"UK",style:"Skate Culture",popularItems:["Tri-Ferg Logo Tee","Track Jackets","Skate Accessories"],description:"Originated from London skate culture, famous for its triangular logo and humorous designs."}]),t=[{title:"ID",width:50,field:"id",x:"center"},{title:"Brand",width:100,field:"brand",x:"start"},{title:"Founded",width:180,field:"founded",sortable:!0,x:"center"},{title:"Origin",width:80,field:"origin",x:"center"},{title:"Style",width:100,field:"style",x:"start"},{title:"Popular Items",width:450,field:"popularItems",x:"start"},{title:"Description",width:350,field:"description",type:"text-trim",x:"start"}];function a(e){e.founded?n.value=M(n.value,"founded",e.founded):n.value=M(n.value,"id","asc")}return(e,r)=>{const u=i("lew-tag"),h=i("lew-flex"),f=i("lew-table");return l(),m(h,{style:{width:"100%"},direction:"y",x:"start"},{default:p(()=>[c(f,{"data-source":d(n),columns:t,multiple:"","row-key":"id",onSortChange:a},{popularItems:p(({row:e})=>[c(h,{gap:"5px",x:"start"},{default:p(()=>[(l(!0),o(s,null,b(e.popularItems,(e,n)=>(l(),m(u,{key:n,type:"light",color:"blue"},{default:p(()=>[y(g(e),1)]),_:2},1024))),128))]),_:2},1024)]),_:1},8,["data-source"])]),_:1})}}}),Q=K(a({__name:"DemoTable8",setup(e){const n=r([{id:1,name:"Supreme Box Logo Hoodie",releaseYear:"2020",popularity:98,brand:"Supreme",category:"Tops",price:3999,stock:50,sales:1200,rating:4.8,intro:"Classic Box Logo design, made with premium cotton, comfortable and warm, a must-have for street fashion.",material:"100% Cotton",size:"M/L/XL",color:"Black/White/Red",origin:"USA",warranty:"30 days"},{id:2,name:"Off-White Industrial Belt",releaseYear:"2019",popularity:95,brand:"Off-White",category:"Accessories",price:1999,stock:100,sales:800,rating:4.6,intro:"Signature industrial style design, made of nylon material, adjustable length, showcasing personality.",material:"Nylon",size:"One Size",color:"Black/Yellow",origin:"Italy",warranty:"1 year"},{id:3,name:"BAPE Shark Hoodie",releaseYear:"2021",popularity:92,brand:"BAPE",category:"Tops",price:2999,stock:75,sales:950,rating:4.7,intro:"Classic shark head design, featuring camo print, zipper extends to the top to form a shark mouth shape.",material:"80% Cotton 20% Polyester",size:"S/M/L/XL",color:"Camo Green/Camo Blue",origin:"Japan",warranty:"14 days"},{id:4,name:"Yeezy Boost 350 V2 Sneakers",releaseYear:"2022",popularity:97,brand:"Adidas",category:"Footwear",price:2499,stock:60,sales:1500,rating:4.9,intro:"Designed by Kanye West, featuring Boost cushioning technology, knitted upper, comfortable and stylish.",material:"Primeknit Fabric",size:"36-45",color:"Zebra/Black Red/Ice Blue",origin:"China",warranty:"1 year"},{id:5,name:"Palace Tri-Ferg T-Shirt",releaseYear:"2021",popularity:90,brand:"Palace",category:"Tops",price:799,stock:120,sales:700,rating:4.5,intro:"Iconic triangle logo design, made with premium cotton, simple and versatile, a street fashion essential.",material:"100% Cotton",size:"S/M/L/XL",color:"White/Black/Gray",origin:"UK",warranty:"7 days"}]),t=[{title:"ID",field:"id",width:60,align:"center"},{title:"Product Info",width:240,field:"productInfo",align:"start",customRender:({row:e})=>x("div",{class:"info"},[x("div",{style:"font-weight: bold; margin-bottom: 5px;"},e.name),x("div",{class:"brand"},`${e.brand} (${e.category})`)])},{title:"Release Year",field:"releaseYear",width:100,align:"center",customRender:({row:e})=>{const n=(new Date).getFullYear()-Number.parseInt(e.releaseYear);return x("div",[x("div",e.releaseYear),x("div",{style:"font-size: 12px; color: #999;"},`${n} years ago`)])}},{title:"Popularity & Price",width:140,align:"center",customRender:({row:e})=>{const n=e.popularity>=95?"#ff4d4f":e.popularity>=90?"#faad14":"#52c41a";return x("div",{class:"popularity-price-container"},[x("div",{class:"popularity",style:`color: ${n};`},[x("span",{class:"popularity-value"},`${e.popularity}%`)]),x("div",{class:"price"},[x("span",{class:"price-value"},`¥${e.price.toLocaleString()}`)])])}},{title:"Stock",field:"stock",width:80,align:"center"},{title:"Sales",field:"sales",width:100,align:"center"},{title:"Rating",field:"rating",width:100,align:"center",customRender:({row:e})=>x("div",[x("span",{style:"color: #faad14; margin-right: 5px;"},"★"),x("span",e.rating)])},{title:"Description",width:300,field:"intro",align:"start",customRender:({row:e})=>x("div",[x("div",{style:"font-weight: bold; margin-bottom: 5px;"},e.name),x("div",{style:"font-size: 14px;"},e.intro)])},{title:"Material",field:"material",width:120,align:"center"},{title:"Size",field:"size",width:100,align:"center"},{title:"Color",field:"color",width:150,align:"center"},{title:"Origin",field:"origin",width:100,align:"center"},{title:"Warranty",field:"warranty",width:100,align:"center"}];return(e,a)=>{const r=i("lew-table");return l(),m(r,{"data-source":d(n),columns:t},null,8,["data-source"])}}}),[["__scopeId","data-v-87fc94f5"]]),Z=JSON.parse('[{"original_price":null,"rating":{"count":142479,"max":10,"value":6.4,"star_count":3},"cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2872533452.jpg","width":1711,"shape":"rectangle","height":2500},"actions":[],"year":"2022","card_subtitle":"2022 / USA / Action Fantasy Adventure / Sam Raimi / Benedict Cumberbatch Elizabeth Olsen","id":"30304994","title":"Doctor Strange in the Multiverse of Madness","comments":[{"comment":"Phase 4 is just watching Doctor Strange, Wanda, Wong, and Spider-Man compete for who can create the biggest mess?? -- MoonChaser","rating":{"count":1,"max":5,"star_count":3,"value":3},"sharing_url":"https://www.douban.com/doubanapp/dispatch?uri=/movie/30304994/interest/1521284633","show_time_tip":false,"is_voted":false,"uri":"douban://douban.com/movie/30304994/interest/1521284633","platforms":[],"vote_count":3946,"create_time":"2022-05-06 09:46:34","status":"done","user":{"loc":{"id":"118124","name":"Dallas","uid":"dallas"},"reg_time":"2018-10-22 20:40:07","followed":false,"name":"MoonChaser","avatar_side_icon":"","url":"https://www.douban.com/people/186273940/","gender":"M","uri":"douban://douban.com/user/186273940","avatar":"https://img9.doubanio.com/icon/up186273940-2.jpg","id":"186273940","remark":"","in_blacklist":false,"is_club":false,"type":"user","kind":"user","uid":"kannnnnnnnnnnnn"},"recommend_reason":"","user_done_desc":"","id":"1521284633","wechat_timeline_share":"screenshot"}],"label":null,"actors":["Benedict Cumberbatch","Elizabeth Olsen","Chiwetel Ejiofor"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"USA / Action Fantasy Adventure / Sam Raimi / Benedict Cumberbatch Elizabeth Olsen","rating_data":{"stats":[0.027072094163805786,0.14565963707699853,0.4968121628249142,0.26660127513487003,0.06385483079941148],"type_ranks":[{"type":"Fantasy","rank":0.38},{"type":"Action","rank":0.42}]},"url":"https://movie.douban.com/subject/30304994/","release_date":"05.04","original_title":"Doctor Strange in the Multiverse of Madness","uri":"douban://douban.com/movie/30304994","subtype":"","directors":["Sam Raimi"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":31846,"max":10,"value":8.3,"star_count":4},"actions":[],"year":"2022","card_subtitle":"2022 / UK / Drama Comedy Romance / Sophie Hyde / Emma Thompson Daryl McCormack","id":"35235813","title":"Good Luck to You, Leo Grande","label":null,"actors":["Emma Thompson","Daryl McCormack","Isabella Laughland"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"UK / Drama Comedy Romance / Sophie Hyde / Emma Thompson Daryl McCormack","url":"https://movie.douban.com/subject/35235813/","release_date":"01.21","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2872943472.jpg","width":1170,"shape":"rectangle","height":1721},"uri":"douban://douban.com/movie/35235813","subtype":"","directors":["Sophie Hyde"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":4813,"max":10,"value":7.1,"star_count":3.5},"actions":[],"year":"2022","card_subtitle":"2022 / South Korea / Drama / Hirokazu Kore-eda / Song Kang-ho Kang Dong-won","id":"35192111","title":"Broker","label":null,"actors":["Song Kang-ho","Kang Dong-won","Bae Doona"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"South Korea / Drama / Hirokazu Kore-eda / Song Kang-ho Kang Dong-won","url":"https://movie.douban.com/subject/35192111/","release_date":"05.26","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2872169127.jpg","width":1400,"shape":"rectangle","height":1998},"uri":"douban://douban.com/movie/35192111","subtype":"","directors":["Hirokazu Kore-eda"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":663,"max":10,"value":7.4,"star_count":3.5},"actions":[],"year":"2022","card_subtitle":"2022 / USA / Drama Comedy Biography / David Frankel / Bryan Cranston Annette Bening","id":"35503077","title":"Jerry & Marge Go Large","label":null,"actors":["Bryan Cranston","Annette Bening","Larry Wilmore"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"USA / Drama Comedy Biography / David Frankel / Bryan Cranston Annette Bening","url":"https://movie.douban.com/subject/35503077/","release_date":"06.14","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2874019160.jpg","width":2025,"shape":"rectangle","height":3000},"uri":"douban://douban.com/movie/35503077","subtype":"","directors":["David Frankel"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":706,"max":10,"value":6.2,"star_count":3},"actions":[],"year":"2022","card_subtitle":"2022 / Japan / Drama Crime Thriller / Ryuichi Hiroki / Kenichi Matsuyama Tatsuya Fujiwara","id":"35248699","title":"Noise","label":null,"actors":["Kenichi Matsuyama","Tatsuya Fujiwara"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"Japan / Drama Crime Thriller / Ryuichi Hiroki / Kenichi Matsuyama Tatsuya Fujiwara","url":"https://movie.douban.com/subject/35248699/","release_date":"01.28","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2707235613.jpg","width":750,"shape":"rectangle","height":1061},"uri":"douban://douban.com/movie/35248699","subtype":"","directors":["Ryuichi Hiroki"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":6806,"max":10,"value":6.8,"star_count":3.5},"actions":[],"year":"2022","card_subtitle":"2022 / UK / Horror / Alex Garland / Jessie Buckley Rory Kinnear","id":"35341588","title":"Men","label":null,"actors":["Jessie Buckley","Rory Kinnear","Paapa Essiedu"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"UK / Horror / Alex Garland / Jessie Buckley Rory Kinnear","url":"https://movie.douban.com/subject/35341588/","release_date":"05.20","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2867939386.jpg","width":2765,"shape":"rectangle","height":4096},"uri":"douban://douban.com/movie/35341588","subtype":"","directors":["Alex Garland"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":9527,"max":10,"value":6.3,"star_count":3},"actions":[],"year":"2022","card_subtitle":"2022 / Canada France Greece UK / Drama Sci-Fi Horror / David Cronenberg / Viggo Mortensen Léa Seydoux","id":"35448536","title":"Crimes of the Future","label":null,"actors":["Viggo Mortensen","Léa Seydoux","Kristen Stewart"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"Canada France Greece UK / Drama Sci-Fi Horror / David Cronenberg / Viggo Mortensen Léa Seydoux","url":"https://movie.douban.com/subject/35448536/","release_date":"05.23","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2872937741.jpg","width":2000,"shape":"rectangle","height":2962},"uri":"douban://douban.com/movie/35448536","subtype":"","directors":["David Cronenberg"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":5145,"max":10,"value":8.6,"star_count":4.5},"actions":[],"year":"2022","card_subtitle":"2022 / India / Drama / Dijo Jose Antony / Prithviraj Sukumaran Mamta Mohandas","id":"35882880","title":"Jana Gana Mana","label":null,"actors":["Prithviraj Sukumaran","Mamta Mohandas","Vincy Aloshious"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"India / Drama / Dijo Jose Antony / Prithviraj Sukumaran Mamta Mohandas","url":"https://movie.douban.com/subject/35882880/","release_date":"04.28","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2874026114.jpg","width":1403,"shape":"rectangle","height":2048},"uri":"douban://douban.com/movie/35882880","subtype":"","directors":["Dijo Jose Antony"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":3165,"max":10,"value":6.9,"star_count":3.5},"actions":[],"year":"2022","card_subtitle":"2022 / Japan / Drama Romance / Michihito Fujii / Nana Komatsu Kentaro Sakaguchi","id":"35418583","title":"10 Years with Hayabusa2","label":null,"actors":["Nana Komatsu","Kentaro Sakaguchi","Yuki Yamada"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"Japan / Drama Romance / Michihito Fujii / Nana Komatsu Kentaro Sakaguchi","url":"https://movie.douban.com/subject/35418583/","release_date":"03.04","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2781473147.jpg","width":2892,"shape":"rectangle","height":4096},"uri":"douban://douban.com/movie/35418583","subtype":"","directors":["Michihito Fujii"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":7341,"max":10,"value":7.4,"star_count":3.5},"actions":[],"year":"2022","card_subtitle":"2022 / France Belgium / Comedy Action / Philippe Lacheau / Philippe Lacheau Amr Waked","id":"35212079","title":"Superhero Academy","label":null,"actors":["Philippe Lacheau","Amr Waked","Jean-Hugues Anglade"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"France Belgium / Comedy Action / Philippe Lacheau / Philippe Lacheau Amr Waked","url":"https://movie.douban.com/subject/35212079/","release_date":"02.09","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2708256204.jpg","width":2835,"shape":"rectangle","height":3850},"uri":"douban://douban.com/movie/35212079","subtype":"","directors":["Philippe Lacheau"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":3308,"max":10,"value":6.4,"star_count":3},"actions":[],"year":"2022","card_subtitle":"2022 / USA / Comedy Action Thriller / Patrick Hughes / Kevin Hart Woody Harrelson","id":"34959527","title":"The Man from Toronto","label":null,"actors":["Kevin Hart","Woody Harrelson","Kaley Cuoco"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"USA / Comedy Action Thriller / Patrick Hughes / Kevin Hart Woody Harrelson","url":"https://movie.douban.com/subject/34959527/","release_date":"06.24","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2873964024.jpg","width":510,"shape":"rectangle","height":755},"uri":"douban://douban.com/movie/34959527","subtype":"","directors":["Patrick Hughes"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":339262,"max":10,"value":7.7,"star_count":4},"actions":[],"year":"2022","card_subtitle":"2022 / USA / Comedy Fantasy Adventure / Daniel Kwan Daniel Scheinert / Michelle Yeoh Stephanie Hsu","id":"30314848","title":"Everything Everywhere All at Once","label":null,"actors":["Michelle Yeoh","Stephanie Hsu","Ke Huy Quan"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"USA / Comedy Fantasy Adventure / Daniel Kwan / Michelle Yeoh Stephanie Hsu","url":"https://movie.douban.com/subject/30314848/","release_date":"03.11","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2869765076.jpg","width":8699,"shape":"rectangle","height":12599},"uri":"douban://douban.com/movie/30314848","subtype":"","directors":["Daniel Kwan"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":26611,"max":10,"value":8.2,"star_count":4},"actions":[],"year":"2022","card_subtitle":"2022 / UK USA / Drama Romance / Simon Curtis / Michelle Dockery Hugh Bonneville","id":"35008440","title":"Downton Abbey: A New Era","label":null,"actors":["Michelle Dockery","Hugh Bonneville","Elizabeth McGovern"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"UK USA / Drama Romance / Simon Curtis / Michelle Dockery Hugh Bonneville","url":"https://movie.douban.com/subject/35008440/","release_date":"05.20","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2871809800.jpg","width":3500,"shape":"rectangle","height":5185},"uri":"douban://douban.com/movie/35008440","subtype":"","directors":["Simon Curtis"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":23621,"max":10,"value":7.1,"star_count":3.5},"actions":[],"year":"2022","card_subtitle":"2022 / China / Action Martial Arts / Yang Bingjia / Xie Miao Gao Weiman","id":"35295405","title":"Eye for an Eye","label":null,"actors":["Xie Miao","Gao Weiman","Xiang Hao"],"interest":null,"type":"movie","description":"","has_linewatch":true,"price":null,"date":null,"info":"China / Action Martial Arts / Yang Bingjia / Xie Miao Gao Weiman","url":"https://movie.douban.com/subject/35295405/","release_date":"06.03","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2873818227.jpg","width":992,"shape":"rectangle","height":1389},"uri":"douban://douban.com/movie/35295405","subtype":"","directors":["Yang Bingjia"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":8931,"max":10,"value":7.4,"star_count":3.5},"actions":[],"year":"2022","card_subtitle":"2022 / USA / Drama Comedy Sport / Jeremiah Zagar / Adam Sandler Juancho Hernangómez","id":"35073914","title":"Hustle","label":null,"actors":["Adam Sandler","Juancho Hernangómez","Robert Duvall"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"USA / Drama Comedy Sport / Jeremiah Zagar / Adam Sandler Juancho Hernangómez","url":"https://movie.douban.com/subject/35073914/","release_date":"06.08","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2872856462.jpg","width":1500,"shape":"rectangle","height":2222},"uri":"douban://douban.com/movie/35073914","subtype":"","directors":["Jeremiah Zagar"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":23394,"max":10,"value":6.9,"star_count":3.5},"actions":[],"year":"2022","card_subtitle":"2022 / USA / Comedy Action Crime / Tom Gormican / Nicolas Cage Pedro Pascal","id":"34890458","title":"The Unbearable Weight of Massive Talent","label":null,"actors":["Nicolas Cage","Pedro Pascal","Tiffany Haddish"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"USA / Comedy Action Crime / Tom Gormican / Nicolas Cage Pedro Pascal","url":"https://movie.douban.com/subject/34890458/","release_date":"03.12","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2869531882.jpg","width":750,"shape":"rectangle","height":1111},"uri":"douban://douban.com/movie/34890458","subtype":"","directors":["Tom Gormican"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":3376,"max":10,"value":7.9,"star_count":4},"actions":[],"year":"2022","card_subtitle":"2022 / France / Drama / Mikhael Hers / Charlotte Gainsbourg Quito Rayon Richter","id":"35354759","title":"Passengers of the Night","label":null,"actors":["Charlotte Gainsbourg","Quito Rayon Richter","Noée Abita"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"France / Drama / Mikhael Hers / Charlotte Gainsbourg Quito Rayon Richter","url":"https://movie.douban.com/subject/35354759/","release_date":"02.13","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2871210079.jpg","width":1371,"shape":"rectangle","height":1866},"uri":"douban://douban.com/movie/35354759","subtype":"","directors":["Mikhael Hers"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":90715,"max":10,"value":5.4,"star_count":2.5},"actions":[],"year":"2022","card_subtitle":"2022 / USA China UK / Sci-Fi Disaster / Roland Emmerich / Halle Berry Patrick Wilson","id":"26825482","title":"Moonfall","label":null,"actors":["Halle Berry","Patrick Wilson","John Bradley"],"interest":null,"type":"movie","description":"","has_linewatch":true,"price":null,"date":null,"info":"USA China UK / Sci-Fi Disaster / Roland Emmerich / Halle Berry Patrick Wilson","url":"https://movie.douban.com/subject/26825482/","release_date":"03.25","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2869422067.jpg","width":1080,"shape":"rectangle","height":1800},"uri":"douban://douban.com/movie/26825482","subtype":"","directors":["Roland Emmerich"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":6878,"max":10,"value":7.5,"star_count":4},"actions":[],"year":"2022","card_subtitle":"2022 / South Korea / Drama / Hong Sang-soo / Lee Hye-young Kim Min-hee","id":"35743103","title":"The Novelist\'s Film","label":null,"actors":["Lee Hye-young","Kim Min-hee","Seo Young-hwa"],"interest":null,"type":"movie","description":"","has_linewatch":false,"price":null,"date":null,"info":"South Korea / Drama / Hong Sang-soo / Lee Hye-young Kim Min-hee","url":"https://movie.douban.com/subject/35743103/","release_date":"02.16","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2870976733.jpg","width":1000,"shape":"rectangle","height":1425},"uri":"douban://douban.com/movie/35743103","subtype":"","directors":["Hong Sang-soo"],"reviewer_name":"","null_rating_reason":""},{"original_price":null,"rating":{"count":3298,"max":10,"value":6.5,"star_count":3.5},"actions":[],"year":"2021","card_subtitle":"2021 / China / Drama Mystery / He Quan / Ye Shuo Zhou Chudi","id":"35182979","title":"Distant Mountains","label":null,"actors":["Ye Shuo","Zhou Chudi","Yang Jun"],"interest":null,"type":"movie","description":"","has_linewatch":true,"price":null,"date":null,"info":"China / Drama Mystery / He Quan / Ye Shuo Zhou Chudi","url":"https://movie.douban.com/subject/35182979/","release_date":"06.18","cover":{"url":"https://img9.doubanio.com/view/photo/m_ratio_poster/public/p2867871477.jpg","width":1417,"shape":"rectangle","height":1984},"uri":"douban://douban.com/movie/35182979","subtype":"","directors":["He Quan"],"reviewer_name":"","null_rating_reason":""}]'),ee={style:{"margin-bottom":"10px"}},ne={class:"name"},te={class:"brand"},ae=[j,X,$,U,O,V,J,Q,K(a({__name:"DemoTable9",setup(e){const n=r(Z),t=r(),a=[{type:"text",title:"ID",field:"id",width:100,x:"center"},{type:"text",title:"Title",field:"title",width:180},{type:"text",title:"Release Date",field:"release_date",width:150,x:"center"},{type:"template",title:"Available Online",field:"has_linewatch",width:150,x:"center"},{type:"text",title:"Directors",field:"directors",width:150},{type:"text",title:"Synopsis",field:"info",width:320},{type:"template",title:"Category",field:"type",width:100,x:"center"},{type:"template",title:"Cast",align:"start",field:"actors",width:450}],f=r("35503077");return(e,r)=>{const w=i("lew-tag"),x=i("lew-text-trim"),v=i("lew-flex"),D=i("lew-table");return l(),o(s,null,[h("div",ee," Selected: "+g(d(f)),1),c(D,{ref_key:"tableRef",ref:t,"selected-keys":d(f),"onUpdate:selectedKeys":r[0]||(r[0]=e=>u(f)?f.value=e:null),checkable:"","data-source":d(n),columns:a,"max-height":400,"row-key":"id"},{release_date:p(({row:e})=>[y(g(e.release_date),1)]),directors:p(({row:e})=>[(l(!0),o(s,null,b(e.directors,(e,n)=>(l(),m(w,{key:n,round:"",oversize:"",size:"small",type:"light",color:"gray"},{default:p(()=>[y(g(e),1)]),_:2},1024))),128))]),info:p(({row:e})=>[c(x,{style:{width:"100%"},text:e.info},null,8,["text"])]),type:p(({row:e})=>[c(w,{oversize:"",color:"green",type:"light",round:"",size:"small"},{default:p(()=>[y(g(e.type),1)]),_:2},1024)]),has_linewatch:p(({row:e})=>[h("span",null,g(e.has_linewatch?"Yes":"No"),1)]),actors:p(({row:e})=>[c(v,{x:"start",gap:"5px",wrap:""},{default:p(()=>[(l(!0),o(s,null,b(e.actors,(e,n)=>(l(),m(w,{key:n,type:"light",color:"blue",size:"small"},{default:p(()=>[y(g(e),1)]),_:2},1024))),128))]),_:2},1024)]),_:1},8,["selected-keys","data-source"])],64)}}}),[["__scopeId","data-v-94cf50c2"]]),K(a({__name:"DemoTable10",setup(e){const n=[{type:"text",title:"ID",field:"id",width:100,fixed:"left",x:"center"},{type:"text",title:"Title",field:"title",width:180},{type:"text",title:"Release Date",field:"release_date",width:100,x:"center"},{type:"template",title:"Watch Online",field:"has_linewatch",width:100,x:"center"},{type:"text",title:"Director",field:"directors",width:140},{type:"text",title:"Synopsis",field:"info",width:120},{type:"template",title:"Genre",field:"type",width:100,x:"center"},{type:"template",title:"Cast",align:"start",field:"actors",width:450},{type:"template",title:"Actions",field:"action",width:120,align:"center",fixed:"right",x:"center"}];return(e,t)=>{const a=i("lew-table");return l(),m(a,{checkable:"",columns:n,"max-height":400,"row-key":"id"})}}}),[["__scopeId","data-v-94f25794"]]),K(a({__name:"DemoTable11",setup(e){const n=r([{id:1,name:"iPhone 20",avatar:"https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668",releaseYear:2030,rating:95,brand:"Apple",category:"Smartphone",intro:"Equipped with A20 Bionic chip, supports 8G network, features Super Retina XDR display.",price:999,stock:1e3,color:"Space Black",storage:"512GB",camera:"108MP",battery:"5000mAh"},{id:2,name:"Galaxy S21",avatar:"https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668",releaseYear:2020,rating:92,brand:"Samsung",category:"Smartphone",intro:"Powered by Exynos 2100 processor, supports 8K video recording, features Dynamic AMOLED 2X display.",price:799,stock:800,color:"Phantom Silver",storage:"256GB",camera:"64MP",battery:"4800mAh"},{id:3,name:"MacBook Pro",avatar:"https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668",releaseYear:2025,rating:88,brand:"Apple",category:"Laptop",intro:"Featuring M1 Pro or M1 Max chip, Liquid Retina XDR display, and ProMotion adaptive refresh rate technology.",price:1599,stock:500,color:"Silver",storage:"1TB",processor:"M1 Pro",memory:"32GB"},{id:4,name:"Surface Laptop 4",avatar:"https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668",releaseYear:2024,rating:85,brand:"Microsoft",category:"Laptop",intro:"Powered by Intel Core or AMD Ryzen processors, features PixelSense touchscreen, supports Windows Hello facial recognition.",price:1299,stock:600,color:"Platinum",storage:"512GB",processor:"Intel i7",memory:"16GB"},{id:5,name:"iPad Pro",avatar:"https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668",releaseYear:2021,rating:90,brand:"Apple",category:"Tablet",intro:"Powered by M1 chip, supports 5G network, features Liquid Retina XDR display with ProMotion technology.",price:899,stock:750,color:"Space Gray",storage:"256GB",processor:"M1",memory:"8GB"}]),t=[{title:"ID",field:"id",width:60,x:"center"},{title:"Product Info",x:"center",children:[{title:"Basic Info",x:"center",fixed:"left",children:[{title:"Name",width:150,field:"name"},{title:"Brand",field:"brand",width:100,x:"center"},{title:"Category",field:"category",width:100,x:"center"}]},{title:"Release Year",field:"releaseYear",width:120,x:"center",customRender:({row:e})=>e.releaseYear},{title:"Price",field:"price",width:120,x:"center",sortable:!0,customRender:({row:e})=>`$${e.price}`}]},{title:"Specifications",x:"center",children:[{title:"Storage",field:"storage",width:120,x:"center"},{title:"Color",field:"color",width:120,x:"center"},{title:"Stock",field:"stock",width:120,x:"center"}]},{title:"Rating",width:120,field:"rating",x:"center"},{title:"Description",width:300,field:"intro",type:"text-trim"}],a=r({price:"desc"});function o(){a.value.price?n.value=M(n.value,"price",a.value.price):n.value=M(n.value,"id","asc")}return(e,r)=>{const s=i("lew-flex"),f=i("lew-badge"),w=i("lew-table");return l(),m(w,{"sort-value":d(a),"onUpdate:sortValue":r[0]||(r[0]=e=>u(a)?a.value=e:null),bordered:"","data-source":d(n),columns:t,onSortChange:o},{info:p(({row:e})=>[c(s,{direction:"y",x:"start",gap:"0px",class:"info"},{default:p(()=>[h("div",ne,g(e.name),1),h("div",te,g(e.brand),1)]),_:2},1024)]),rating:p(({row:e})=>[c(s,{x:"center",y:"center"},{default:p(()=>[e.rating>=90?(l(),m(f,{key:0,round:"",color:"green"})):e.rating>=80?(l(),m(f,{key:1,round:"",color:"blue"})):(l(),m(f,{key:2,round:"",color:"orange"})),h("span",null,g(e.rating>=90?"Excellent":e.rating>=80?"Good":"Average"),1)]),_:2},1024)]),_:1},8,["sort-value","data-source"])}}}),[["__scopeId","data-v-53883eb1"]]),a({__name:"DemoTable12",setup(e){const n=r([{id:1,name:"MacBook Pro 16",brand:"Apple",processor:"M3 Max",memory:"64GB",price:3999,features:["Retina","Touch Bar","Thunderbolt","Face ID","Backlit"],releaseDate:"2023-11-07",batteryLife:"22 hours",storage:"2TB SSD"},{id:2,name:"ThinkPad X1 Carbon",brand:"Lenovo",processor:"Intel i9",memory:"32GB",price:2499,features:["4K","Fingerprint","Military","Thunderbolt","Backlit"],releaseDate:"2023-09-15",batteryLife:"15 hours",storage:"1TB SSD"},{id:3,name:"Dell XPS 15",brand:"Dell",processor:"Intel i7",memory:"32GB",price:1999,features:["OLED","Thunderbolt","Backlit","Fingerprint","SD Card"],releaseDate:"2023-08-20",batteryLife:"12 hours",storage:"1TB SSD"},{id:4,name:"Surface Laptop 5",brand:"Microsoft",processor:"Intel i7",memory:"16GB",price:1799,features:["PixelSense","Windows Hello","USB-C","Backlit","Alcantara"],releaseDate:"2023-10-05",batteryLife:"18 hours",storage:"512GB SSD"},{id:5,name:"ROG Zephyrus G14",brand:"ASUS",processor:"AMD Ryzen 9",memory:"32GB",price:1899,features:["QHD","RGB","Wi-Fi 6E","USB-C","Gaming"],releaseDate:"2023-07-15",batteryLife:"10 hours",storage:"1TB SSD"},{id:6,name:"Razer Blade 15",brand:"Razer",processor:"Intel i9",memory:"32GB",price:2999,features:["4K OLED","RGB","Thunderbolt","Wi-Fi 6E","Gaming"],releaseDate:"2023-06-20",batteryLife:"8 hours",storage:"2TB SSD"},{id:7,name:"HP Spectre x360",brand:"HP",processor:"Intel i7",memory:"16GB",price:1599,features:["4K Touch","360°","Thunderbolt","Fingerprint","Backlit"],releaseDate:"2023-09-01",batteryLife:"14 hours",storage:"1TB SSD"},{id:8,name:"Alienware x17",brand:"Dell",processor:"Intel i9",memory:"64GB",price:3499,features:["4K","RGB","Thunderbolt","Wi-Fi 6E","Gaming"],releaseDate:"2023-05-15",batteryLife:"6 hours",storage:"4TB SSD"},{id:9,name:"MSI GS66 Stealth",brand:"MSI",processor:"Intel i9",memory:"32GB",price:2299,features:["QHD","RGB","Thunderbolt","Wi-Fi 6E","Gaming"],releaseDate:"2023-04-10",batteryLife:"9 hours",storage:"2TB SSD"},{id:10,name:"Acer Swift X",brand:"Acer",processor:"AMD Ryzen 7",memory:"16GB",price:1299,features:["FHD","Backlit","USB-C","Fingerprint","Lightweight"],releaseDate:"2023-08-25",batteryLife:"16 hours",storage:"512GB SSD"}]),t=[{title:"ID",width:80,field:"id",x:"center"},{title:"Brand",width:120,field:"brand",x:"start"},{title:"Model",width:180,field:"name",x:"start"},{title:"Processor",width:140,field:"processor",x:"start"},{title:"Memory",width:100,field:"memory",x:"center"},{title:"Features",width:370,field:"features",x:"start"},{title:"Release Date",width:140,field:"releaseDate",x:"center"},{title:"Battery Life",width:120,field:"batteryLife",x:"center"},{title:"Storage",width:120,field:"storage",x:"center"},{title:"Price",width:120,field:"price",x:"center"}];function a(e){return x("div",{},`${e.brand} ${e.name} ${e.processor}`)}return(e,r)=>{const u=i("lew-tag"),h=i("lew-flex"),f=i("lew-table");return l(),m(f,{"data-source":d(n),sortable:!0,columns:t,"sort-tooltip-custom-render":a},{features:p(({row:e})=>[c(h,{gap:"5px",x:"start",wrap:""},{default:p(()=>[(l(!0),o(s,null,b(e.features,(e,n)=>(l(),m(u,{key:n,size:"small",type:"light",color:"blue"},{default:p(()=>[y(g(e),1)]),_:2},1024))),128))]),_:2},1024)]),price:p(({row:e})=>[y(" $"+g(e.price),1)]),_:1},8,["data-source"])}}})],re=["<script lang=\"ts\" setup>\nconst data: any = ref([\n  {\n    id: 1,\n    name: 'iPhone 20',\n    releaseYear: 2030,\n    rating: 95,\n    brand: 'Apple',\n    category: 'Smartphone',\n  },\n  {\n    id: 2,\n    name: 'Galaxy S21',\n    releaseYear: 2020,\n    rating: 92,\n    brand: 'Samsung',\n    category: 'Smartphone',\n  },\n  {\n    id: 3,\n    name: 'MacBook Pro',\n    releaseYear: 2025,\n    rating: 88,\n    brand: 'Apple',\n    category: 'Laptop',\n  },\n  {\n    id: 4,\n    name: 'Surface Laptop 4',\n    releaseYear: 2024,\n    rating: 85,\n    brand: 'Microsoft',\n    category: 'Laptop',\n  },\n  {\n    id: 5,\n    name: 'iPad Pro',\n    releaseYear: 2021,\n    rating: 90,\n    brand: 'Apple',\n    category: 'Tablet',\n  },\n])\n\nconst columns = [\n  {\n    title: 'ID',\n    field: 'id',\n    width: 80,\n    x: 'center',\n    fixed: 'left',\n  },\n  {\n    title: 'Brand',\n    width: 120,\n    field: 'brand',\n  },\n  {\n    title: 'Product Name',\n    width: 120,\n    field: 'name',\n  },\n  {\n    title: 'Release Year',\n    field: 'releaseYear',\n    width: 100,\n    x: 'center',\n    customRender: ({ row }: any) => {\n      return row.releaseYear\n    },\n  },\n  {\n    title: 'Category',\n    field: 'category',\n    width: 140,\n    x: 'center',\n  },\n  {\n    title: 'Rating',\n    width: 100,\n    field: 'rating',\n    x: 'center',\n    fixed: 'right',\n  },\n]\nconst tableSize = ref('medium')\nconst tableSizeOptions = [\n  {\n    label: '小',\n    value: 'small',\n  },\n  {\n    label: '中',\n    value: 'medium',\n  },\n  {\n    label: '大',\n    value: 'large',\n  },\n]\n<\/script>\n\n<template>\n  <lew-tabs\n    v-model=\"tableSize\"\n    style=\"margin-bottom: 20px\"\n    item-width=\"50px\"\n    round\n    :options=\"tableSizeOptions\"\n  />\n\n  <lew-table :data-source=\"data\" :columns=\"columns\" :size=\"tableSize\">\n    <template #rating=\"{ row }\">\n      <lew-flex x=\"center\" y=\"center\">\n        <lew-badge v-if=\"row.rating >= 90\" round color=\"green\" />\n        <lew-badge v-else-if=\"row.rating >= 80\" round color=\"blue\" />\n        <lew-badge v-else round color=\"orange\" />\n        <span>\n          {{\n            row.rating >= 90 ? 'Excellent' : row.rating >= 80 ? 'Good' : 'Fair'\n          }}\n        </span>\n      </lew-flex>\n    </template>\n  </lew-table>\n</template>\n\n<style lang=\"scss\" scoped>\n.info {\n  line-height: 22px;\n\n  .name {\n    font-weight: bold;\n  }\n\n  .brand {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 12px;\n    white-space: nowrap;\n    color: var(--lew-text-color-7);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { cloneDeep } from 'lodash-es'\n\nconst dataSource: any = ref([\n  {\n    id: 1,\n    name: 'GeForce RTX 4090',\n    brand: 'NVIDIA',\n    memory: '24GB GDDR6X',\n    performance: 10,\n    price: 9999,\n    features: ['DLSS 3', 'Ray Tracing', '8K Gaming', 'PCIe 4.0', 'HDMI 2.1'],\n    releaseDate: '2022-10-12',\n    powerConsumption: '450W',\n    architecture: 'Ada Lovelace',\n    coreCount: 16384,\n    boostClock: '2.52 GHz',\n    tdp: 450,\n    manufacturingProcess: '4nm',\n  },\n  {\n    id: 2,\n    name: 'Radeon RX 7900 XTX',\n    brand: 'AMD',\n    memory: '24GB GDDR6',\n    performance: 9,\n    price: 8999,\n    features: [\n      'FSR 3',\n      'Ray Tracing',\n      '4K Gaming',\n      'PCIe 4.0',\n      'DisplayPort 2.1',\n    ],\n    releaseDate: '2022-12-13',\n    powerConsumption: '355W',\n    architecture: 'RDNA 3',\n    coreCount: 12288,\n    boostClock: '2.5 GHz',\n    tdp: 355,\n    manufacturingProcess: '5nm',\n  },\n  {\n    id: 3,\n    name: 'GeForce RTX 4080',\n    brand: 'NVIDIA',\n    memory: '16GB GDDR6X',\n    performance: 8,\n    price: 7999,\n    features: ['DLSS 3', 'Ray Tracing', '4K Gaming', 'PCIe 4.0', 'HDMI 2.1'],\n    releaseDate: '2022-11-16',\n    powerConsumption: '320W',\n    architecture: 'Ada Lovelace',\n    coreCount: 9728,\n    boostClock: '2.51 GHz',\n    tdp: 320,\n    manufacturingProcess: '4nm',\n  },\n  {\n    id: 4,\n    name: 'Radeon RX 7900 XT',\n    brand: 'AMD',\n    memory: '20GB GDDR6',\n    performance: 7.5,\n    price: 7499,\n    features: [\n      'FSR 3',\n      'Ray Tracing',\n      '4K Gaming',\n      'PCIe 4.0',\n      'DisplayPort 2.1',\n    ],\n    releaseDate: '2022-12-13',\n    powerConsumption: '315W',\n    architecture: 'RDNA 3',\n    coreCount: 10752,\n    boostClock: '2.4 GHz',\n    tdp: 315,\n    manufacturingProcess: '5nm',\n  },\n  {\n    id: 5,\n    name: 'GeForce RTX 4070 Ti',\n    brand: 'NVIDIA',\n    memory: '12GB GDDR6X',\n    performance: 7,\n    price: 5999,\n    features: ['DLSS 3', 'Ray Tracing', '4K Gaming', 'PCIe 4.0', 'HDMI 2.1'],\n    releaseDate: '2023-01-05',\n    powerConsumption: '285W',\n    architecture: 'Ada Lovelace',\n    coreCount: 7680,\n    boostClock: '2.61 GHz',\n    tdp: 285,\n    manufacturingProcess: '4nm',\n  },\n  {\n    id: 6,\n    name: 'GeForce RTX 4070',\n    brand: 'NVIDIA',\n    memory: '12GB GDDR6X',\n    performance: 6.5,\n    price: 4999,\n    features: ['DLSS 3', 'Ray Tracing', '4K Gaming', 'PCIe 4.0', 'HDMI 2.1'],\n    releaseDate: '2023-04-13',\n    powerConsumption: '200W',\n    architecture: 'Ada Lovelace',\n    coreCount: 5888,\n    boostClock: '2.48 GHz',\n    tdp: 200,\n    manufacturingProcess: '4nm',\n  },\n  {\n    id: 7,\n    name: 'Radeon RX 7800 XT',\n    brand: 'AMD',\n    memory: '16GB GDDR6',\n    performance: 6,\n    price: 4499,\n    features: [\n      'FSR 3',\n      'Ray Tracing',\n      '1440p Gaming',\n      'PCIe 4.0',\n      'DisplayPort 2.1',\n    ],\n    releaseDate: '2023-09-06',\n    powerConsumption: '263W',\n    architecture: 'RDNA 3',\n    coreCount: 3840,\n    boostClock: '2.43 GHz',\n    tdp: 263,\n    manufacturingProcess: '5nm',\n  },\n  {\n    id: 8,\n    name: 'Radeon RX 7700 XT',\n    brand: 'AMD',\n    memory: '12GB GDDR6',\n    performance: 5.5,\n    price: 3999,\n    features: [\n      'FSR 3',\n      'Ray Tracing',\n      '1440p Gaming',\n      'PCIe 4.0',\n      'DisplayPort 2.1',\n    ],\n    releaseDate: '2023-09-06',\n    powerConsumption: '245W',\n    architecture: 'RDNA 3',\n    coreCount: 3456,\n    boostClock: '2.54 GHz',\n    tdp: 245,\n    manufacturingProcess: '5nm',\n  },\n  {\n    id: 9,\n    name: 'GeForce RTX 4060 Ti',\n    brand: 'NVIDIA',\n    memory: '8GB GDDR6',\n    performance: 5,\n    price: 3499,\n    features: ['DLSS 3', 'Ray Tracing', '1440p Gaming', 'PCIe 4.0', 'HDMI 2.1'],\n    releaseDate: '2023-05-24',\n    powerConsumption: '160W',\n    architecture: 'Ada Lovelace',\n    coreCount: 4352,\n    boostClock: '2.54 GHz',\n    tdp: 160,\n    manufacturingProcess: '4nm',\n  },\n  {\n    id: 10,\n    name: 'GeForce RTX 4060',\n    brand: 'NVIDIA',\n    memory: '8GB GDDR6',\n    performance: 4.5,\n    price: 2999,\n    features: ['DLSS 3', 'Ray Tracing', '1080p Gaming', 'PCIe 4.0', 'HDMI 2.1'],\n    releaseDate: '2023-06-29',\n    powerConsumption: '115W',\n    architecture: 'Ada Lovelace',\n    coreCount: 3072,\n    boostClock: '2.46 GHz',\n    tdp: 115,\n    manufacturingProcess: '4nm',\n  },\n])\n\nconst columns = [\n  {\n    title: 'ID',\n    width: 80,\n    field: 'id',\n    x: 'center',\n    fixed: 'left',\n  },\n  {\n    title: 'Brand',\n    width: 80,\n    field: 'brand',\n    x: 'start',\n    fixed: 'left',\n  },\n  {\n    title: 'Model',\n    width: 180,\n    field: 'name',\n    x: 'start',\n  },\n  {\n    title: 'Memory',\n    width: 140,\n    field: 'memory',\n    x: 'start',\n  },\n  {\n    title: 'Performance',\n    width: 120,\n    field: 'performance',\n    x: 'center',\n  },\n  {\n    title: 'Features',\n    width: 420,\n    field: 'features',\n    x: 'start',\n  },\n  {\n    title: 'Release Date',\n    width: 140,\n    field: 'releaseDate',\n    x: 'center',\n  },\n  {\n    title: 'Power',\n    width: 100,\n    field: 'powerConsumption',\n    x: 'center',\n  },\n  {\n    title: 'Architecture',\n    width: 140,\n    field: 'architecture',\n    x: 'start',\n  },\n  {\n    title: 'Core Count',\n    width: 120,\n    field: 'coreCount',\n    x: 'center',\n  },\n  {\n    title: 'Boost Clock',\n    width: 120,\n    field: 'boostClock',\n    x: 'center',\n  },\n  {\n    title: 'TDP',\n    width: 100,\n    field: 'tdp',\n    x: 'center',\n  },\n  {\n    title: 'Process',\n    width: 100,\n    field: 'manufacturingProcess',\n    x: 'center',\n  },\n  {\n    title: 'Price',\n    width: 120,\n    fixed: 'right',\n    field: 'price',\n    x: 'center',\n  },\n]\n\nfunction formatPerformance(performance: number) {\n  switch (true) {\n    case performance >= 9:\n      return 'Top-tier'\n    case performance >= 7:\n      return 'High-end'\n    case performance >= 5:\n      return 'Mid-range'\n    default:\n      return 'Entry-level'\n  }\n}\n\nfunction getSortTooltipComponent(row: any) {\n  return h('div', {}, `${row.brand} ${row.name} ${row.memory}`)\n}\n\nconst loading = ref(false)\n\nfunction update() {\n  loading.value = true\n  setTimeout(() => {\n    dataSource.value = cloneDeep(\n      [...dataSource.value]\n        .map((item, index) => ({\n          ...item,\n          id: index + 1,\n        }))\n        .sort(() => Math.random() - 0.5),\n    )\n    loading.value = false\n  }, 1000)\n}\n<\/script>\n\n<template>\n  <lew-button @click=\"update\">\n    Update\n  </lew-button>\n  <lew-flex v-loading=\"{ visible: loading }\">\n    <lew-table\n      :data-source=\"dataSource\"\n      :columns=\"columns\"\n      :sort-tooltip-custom-render=\"getSortTooltipComponent\"\n    >\n      <template #performance=\"{ row }\">\n        {{ formatPerformance(row.performance) }}\n      </template>\n      <template #features=\"{ row }\">\n        <lew-flex gap=\"5px\" x=\"start\" wrap>\n          <lew-tag\n            v-for=\"(item, index) in row.features\"\n            :key=\"index\"\n            size=\"small\"\n            type=\"light\"\n            color=\"blue\"\n          >\n            {{ item }}\n          </lew-tag>\n        </lew-flex>\n      </template>\n      <template #price=\"{ row }\">\n        ¥{{ row.price }}\n      </template>\n      <template #tdp=\"{ row }\">\n        {{ row.tdp }}W\n      </template>\n      <template #manufacturingProcess=\"{ row }\">\n        {{ row.manufacturingProcess }}\n      </template>\n    </lew-table>\n  </lew-flex>\n</template>\n","<script lang=\"ts\" setup>\nimport { LewMessage } from 'lew-ui'\nimport {\n  Archive,\n  Copy,\n  Download,\n  Edit,\n  MoreHorizontal,\n  Settings,\n  Share,\n  Trash,\n  View,\n} from 'lucide-vue-next'\n\nconst data: any = [\n  {\n    id: 1,\n    name: 'Intel Core i9-12900K',\n    cores: '16 (8P+8E)',\n    threads: '24',\n    baseFrequency: '3.2 GHz',\n    boostFrequency: '5.2 GHz',\n    tdp: '125W',\n    architecture: 'Alder Lake',\n    socket: 'LGA 1700',\n    features: [\n      'PCIe 5.0',\n      'DDR5',\n      'Intel UHD Graphics 770',\n      'Turbo Boost Max 3.0',\n    ],\n  },\n  {\n    id: 2,\n    name: 'AMD Ryzen 9 5950X',\n    cores: '16',\n    threads: '32',\n    baseFrequency: '3.4 GHz',\n    boostFrequency: '4.9 GHz',\n    tdp: '105W',\n    architecture: 'Zen 3',\n    socket: 'AM4',\n    features: ['PCIe 4.0', 'DDR4', 'AMD StoreMI', 'Precision Boost 2'],\n  },\n  {\n    id: 3,\n    name: 'Apple M1 Ultra',\n    cores: '20',\n    threads: '20',\n    baseFrequency: 'N/A',\n    boostFrequency: 'N/A',\n    tdp: 'N/A',\n    architecture: 'ARM',\n    socket: 'SoC',\n    features: [\n      'Neural Engine',\n      'Apple ProRes',\n      'Unified Memory',\n      'Metal-optimized GPU',\n    ],\n  },\n  {\n    id: 4,\n    name: 'AMD EPYC 7763',\n    cores: '64',\n    threads: '128',\n    baseFrequency: '2.45 GHz',\n    boostFrequency: '3.5 GHz',\n    tdp: '280W',\n    architecture: 'Zen 3',\n    socket: 'SP3',\n    features: ['PCIe 4.0', 'DDR4', 'AMD Infinity Guard', 'AMD Infinity Fabric'],\n  },\n  {\n    id: 5,\n    name: 'Intel Xeon Platinum 8380',\n    cores: '40',\n    threads: '80',\n    baseFrequency: '2.3 GHz',\n    boostFrequency: '3.4 GHz',\n    tdp: '270W',\n    architecture: 'Ice Lake-SP',\n    socket: 'LGA 4189',\n    features: [\n      'PCIe 4.0',\n      'DDR4',\n      'Intel SGX',\n      'Intel Optane Persistent Memory',\n    ],\n  },\n]\n\nconst columns = [\n  {\n    title: 'ID',\n    width: 50,\n    field: 'id',\n    x: 'center',\n    fixed: 'left',\n  },\n  {\n    title: 'Processor Name',\n    width: 180,\n    field: 'name',\n    x: 'start',\n    fixed: 'left',\n  },\n  {\n    title: 'Cores',\n    width: 130,\n    field: 'cores',\n    x: 'center',\n  },\n  {\n    title: 'Threads',\n    width: 100,\n    field: 'threads',\n    x: 'center',\n  },\n  {\n    title: 'Base Frequency',\n    width: 120,\n    field: 'baseFrequency',\n    x: 'center',\n  },\n  {\n    title: 'Boost Frequency',\n    width: 120,\n    field: 'boostFrequency',\n    x: 'center',\n  },\n  {\n    title: 'TDP',\n    width: 100,\n    field: 'tdp',\n    x: 'center',\n  },\n  {\n    title: 'Architecture',\n    width: 120,\n    field: 'architecture',\n    x: 'center',\n  },\n  {\n    title: 'Socket',\n    width: 120,\n    field: 'socket',\n    x: 'center',\n  },\n  {\n    title: 'Features',\n    width: 400,\n    field: 'features',\n  },\n  {\n    title: 'Actions',\n    width: 110,\n    field: 'action',\n    fixed: 'right',\n    x: 'center',\n  },\n]\n\nconst options = computed(() => (row: any) => {\n  return [\n    {\n      label: 'Edit',\n      icon: h(Edit, { size: 14 }),\n      onClick: () => {\n        LewMessage.info(`Edit: ${row.name}`)\n      },\n    },\n    {\n      label: 'Delete',\n      icon: h(Trash, { size: 14 }),\n      onClick: () => {\n        LewMessage.info(`Delete: ${row.name}`)\n      },\n    },\n    {\n      label: 'Copy',\n      icon: h(Copy, { size: 14 }),\n      onClick: () => {\n        LewMessage.info(`Copy: ${row.name}`)\n      },\n    },\n    {\n      label: 'Download',\n      icon: h(Download, { size: 14 }),\n      onClick: () => {\n        LewMessage.info(`Download: ${row.name}`)\n      },\n    },\n    {\n      label: 'Share',\n      icon: h(Share, { size: 14 }),\n      onClick: () => {\n        LewMessage.info(`Share: ${row.name}`)\n      },\n    },\n    {\n      label: 'View',\n      icon: h(View, { size: 14 }),\n      onClick: () => {\n        LewMessage.info(`View: ${row.name}`)\n      },\n    },\n    {\n      label: 'Archive',\n      icon: h(Archive, { size: 14 }),\n      onClick: () => {\n        LewMessage.info(`Archive: ${row.name}`)\n      },\n    },\n    {\n      label: 'Settings',\n      icon: h(Settings, { size: 14 }),\n      onClick: () => {\n        LewMessage.info(`Settings: ${row.name}`)\n      },\n    },\n  ]\n})\n\nconst dropdownIcon = h(MoreHorizontal, { size: 14 })\n<\/script>\n\n<template>\n  <lew-table :data-source=\"data\" :columns=\"columns\">\n    <template #features=\"{ row }\">\n      <lew-flex gap=\"5px\" x=\"start\">\n        <lew-tag\n          v-for=\"(item, index) in row.features\"\n          :key=\"index\"\n          type=\"light\"\n          color=\"blue\"\n          size=\"small\"\n        >\n          {{ item }}\n        </lew-tag>\n      </lew-flex>\n    </template>\n    <template #action=\"{ row }\">\n      <lew-action-box\n        :key=\"row.id\"\n        :options=\"options(row)\"\n        :dropdown-threshold=\"2\"\n        dropdown-label=\"\"\n        :dropdown-icon=\"dropdownIcon\"\n        icon-only\n      />\n    </template>\n  </lew-table>\n</template>\n","<script lang=\"ts\" setup>\nconst data: any = [\n  {\n    id: 1,\n    name: 'Apple',\n    ticker: 'AAPL',\n    price: 150.25,\n    marketCap: '2.5T',\n    peRatio: 28.5,\n    dividend: '0.88%',\n    sector: 'Technology',\n    industry: 'Consumer Electronics',\n  },\n  {\n    id: 2,\n    name: 'Microsoft',\n    ticker: 'MSFT',\n    price: 305.75,\n    marketCap: '2.3T',\n    peRatio: 32.1,\n    dividend: '0.75%',\n    sector: 'Technology',\n    industry: 'Software',\n  },\n  {\n    id: 3,\n    name: 'Amazon',\n    ticker: 'AMZN',\n    price: 3300.5,\n    marketCap: '1.7T',\n    peRatio: 58.7,\n    dividend: 'N/A',\n    sector: 'Consumer Cyclical',\n    industry: 'E-Commerce',\n  },\n  {\n    id: 4,\n    name: 'Google',\n    ticker: 'GOOGL',\n    price: 2750.25,\n    marketCap: '1.8T',\n    peRatio: 27.8,\n    dividend: 'N/A',\n    sector: 'Communication Services',\n    industry: 'Internet Content & Information',\n  },\n  {\n    id: 5,\n    name: 'Tesla',\n    ticker: 'TSLA',\n    price: 725.6,\n    marketCap: '730B',\n    peRatio: 370.2,\n    dividend: 'N/A',\n    sector: 'Consumer Cyclical',\n    industry: 'Auto Manufacturers',\n  },\n]\n\nconst columns = [\n  {\n    title: 'ID',\n    width: 50,\n    field: 'id',\n    x: 'center',\n    fixed: 'left',\n  },\n  {\n    title: 'Company Name',\n    width: 100,\n    field: 'name',\n    x: 'center',\n    fixed: 'left',\n  },\n  {\n    title: 'Ticker',\n    width: 100,\n    field: 'ticker',\n    x: 'center',\n  },\n  {\n    title: 'Price',\n    width: 100,\n    field: 'price',\n    x: 'center',\n  },\n  {\n    title: 'Market Cap',\n    width: 100,\n    field: 'marketCap',\n    x: 'center',\n  },\n  {\n    title: 'P/E Ratio',\n    width: 100,\n    field: 'peRatio',\n    x: 'center',\n  },\n  {\n    title: 'Dividend',\n    width: 100,\n    field: 'dividend',\n    x: 'center',\n  },\n  {\n    title: 'Industry',\n    width: 420,\n    field: 'industry',\n  },\n  {\n    title: 'Actions',\n    width: 115,\n    field: 'action',\n    fixed: 'right',\n    x: 'center',\n  },\n]\n\nfunction formatPrice(price: number) {\n  return `$${price.toFixed(2)}`\n}\n// 按照第一个“Edit”的英文提示格式，完善后面几个操作的提示，使其风格一致\nfunction options(row: any, column: any) {\n  return [\n    {\n      label: 'Edit',\n      onClick: () => {\n        LewMessage.success(`Edit ${column.title} ${row.name}`)\n      },\n    },\n    {\n      label: 'Delete',\n      onClick: () => {\n        LewMessage.success(`Delete ${column.title} ${row.name}`)\n      },\n    },\n    {\n      label: 'View',\n      onClick: () => {\n        LewMessage.success(`View ${column.title} ${row.name}`)\n      },\n    },\n    {\n      label: 'Detail',\n      onClick: () => {\n        LewMessage.success(`Detail ${column.title} ${row.name}`)\n      },\n    },\n  ]\n}\n<\/script>\n\n<template>\n  <lew-table :data-source=\"data\" :columns=\"columns\">\n    <template #price=\"{ row }\">\n      {{ formatPrice(row.price) }}\n    </template>\n    <template #industry=\"{ row }\">\n      <lew-tag type=\"light\" color=\"blue\" size=\"small\">\n        {{ row.sector }}\n      </lew-tag>\n      <lew-tag type=\"light\" color=\"green\" size=\"small\">\n        {{\n          row.industry\n        }}\n      </lew-tag>\n    </template>\n    <template #action=\"{ row, column }\">\n      <lew-action-box\n        :key=\"row.id\"\n        :options=\"options(row, column)\"\n        :dropdown-threshold=\"1\"\n        dropdown-label=\"More\"\n      />\n    </template>\n  </lew-table>\n</template>\n\n<style lang=\"scss\" scoped>\n.popover-body {\n  padding: 15px;\n  box-sizing: border-box;\n}\n</style>\n","<script lang=\"ts\" setup>\nconst data: any = [\n  {\n    id: 1,\n    name: 'Smart Cleaner X1',\n    price: '1999',\n    suction: 4000,\n    batteryLife: '180 minutes',\n    noiseLevel: '65dB',\n    cleanArea: '200 sq.m',\n    features: [\n      'Laser Navigation',\n      'Auto Recharge',\n      'APP Control',\n      'Voice Control',\n      'Anti-fall',\n    ],\n    tdStyle: {\n      price:\n        'background:var(--lew-color-primary-light);color:var(--lew-color-primary-dark)',\n      suction: 'font-weight: bold; color: var(--lew-color-success)',\n      batteryLife: 'font-style: italic; color: var(--lew-color-info)',\n    },\n    weight: '3.5kg',\n    dustBinCapacity: '600ml',\n    waterTankCapacity: '300ml',\n    filterType: 'HEPA',\n    warranty: '2 years',\n  },\n  {\n    id: 2,\n    name: 'All-in-One Cleaning Master',\n    price: '2499',\n    suction: 4500,\n    batteryLife: '200 minutes',\n    noiseLevel: '62dB',\n    cleanArea: '250 sq.m',\n    features: [\n      'Laser Navigation',\n      'Auto Recharge',\n      'APP Control',\n      'Voice Control',\n      'Anti-fall',\n      'Auto Empty',\n    ],\n    tdStyle: {\n      name: 'background: var(--lew-color-success-light); font-weight: bold',\n      cleanArea: 'text-decoration: underline; color: var(--lew-color-primary)',\n    },\n    weight: '3.8kg',\n    dustBinCapacity: '700ml',\n    waterTankCapacity: '350ml',\n    filterType: 'HEPA',\n    warranty: '3 years',\n  },\n  {\n    id: 3,\n    name: 'Home Cleaning Elf',\n    price: '1799',\n    suction: 3800,\n    batteryLife: '160 minutes',\n    noiseLevel: '68dB',\n    cleanArea: '180 sq.m',\n    features: ['Laser Navigation', 'Auto Recharge', 'APP Control', 'Anti-fall'],\n    tdStyle: {\n      batteryLife: 'color:var(--lew-color-warning-dark);',\n      noiseLevel: 'background:var(--lew-color-warning);color:#fff',\n      features: 'font-size: 12px; font-style: italic',\n    },\n    weight: '3.2kg',\n    dustBinCapacity: '550ml',\n    waterTankCapacity: '250ml',\n    filterType: 'Regular',\n    warranty: '1 year',\n  },\n  {\n    id: 4,\n    name: 'Super Suction King',\n    price: '2999',\n    suction: 5000,\n    batteryLife: '240 minutes',\n    noiseLevel: '60dB',\n    cleanArea: '300 sq.m',\n    features: [\n      'Laser Navigation',\n      'Auto Recharge',\n      'APP Control',\n      'Voice Control',\n      'Anti-fall',\n      'Auto Empty',\n      'Mopping Function',\n    ],\n    tdStyle: {\n      suction: 'background:var(--lew-color-error);color:#fff',\n      price:\n        'font-weight: bold; font-size: 16px; color: var(--lew-color-error)',\n      batteryLife:\n        'background: var(--lew-color-success-light); border-radius: 4px; padding: 2px 4px',\n    },\n    weight: '4.2kg',\n    dustBinCapacity: '800ml',\n    waterTankCapacity: '400ml',\n    filterType: 'HEPA',\n    warranty: '3 years',\n  },\n  {\n    id: 5,\n    name: 'Budget Friendly Cleaner',\n    price: '1299',\n    suction: 3500,\n    batteryLife: '140 minutes',\n    noiseLevel: '70dB',\n    cleanArea: '150 sq.m',\n    features: [\n      'Collision Sensing',\n      'Auto Recharge',\n      'APP Control',\n      'Anti-fall',\n    ],\n    tdStyle: {\n      price: 'color: var(--lew-color-success); font-weight: bold',\n      noiseLevel:\n        'background: var(--lew-color-error-light); border: 1px solid var(--lew-color-error)',\n    },\n    weight: '3.0kg',\n    dustBinCapacity: '500ml',\n    waterTankCapacity: '200ml',\n    filterType: 'Regular',\n    warranty: '1 year',\n  },\n]\n\nconst columns = [\n  {\n    title: 'ID',\n    width: 50,\n    field: 'id',\n    x: 'center',\n    fixed: 'left',\n  },\n  {\n    title: 'Model',\n    width: 150,\n    field: 'name',\n    x: 'start',\n    fixed: 'left',\n  },\n  {\n    title: 'Price ($)',\n    width: 120,\n    field: 'price',\n    x: 'center',\n  },\n  {\n    title: 'Suction (Pa)',\n    width: 120,\n    field: 'suction',\n    x: 'center',\n  },\n  {\n    title: 'Battery Life',\n    width: 120,\n    field: 'batteryLife',\n    x: 'center',\n  },\n  {\n    title: 'Noise Level',\n    width: 120,\n    field: 'noiseLevel',\n    x: 'center',\n  },\n  {\n    title: 'Cleaning Area',\n    width: 120,\n    field: 'cleanArea',\n    x: 'center',\n  },\n  {\n    title: 'Features',\n    width: 550,\n    field: 'features',\n    x: 'start',\n  },\n  {\n    title: 'Value for Money',\n    width: 120,\n    field: 'valueForMoney',\n    x: 'center',\n  },\n  {\n    title: 'Weight',\n    width: 100,\n    field: 'weight',\n    x: 'center',\n  },\n  {\n    title: 'Dust Bin Capacity',\n    width: 220,\n    field: 'dustBinCapacity',\n    x: 'center',\n  },\n  {\n    title: 'Water Tank Capacity',\n    width: 120,\n    field: 'waterTankCapacity',\n    x: 'center',\n  },\n  {\n    title: 'Filter Type',\n    width: 120,\n    field: 'filterType',\n    x: 'center',\n  },\n  {\n    title: 'Warranty',\n    width: 100,\n    field: 'warranty',\n    x: 'center',\n  },\n]\n\nfunction formatNoiseLevel(level: string) {\n  const noise = Number.parseInt(level)\n  if (noise <= 62)\n    return 'Quiet'\n  if (noise <= 66)\n    return 'Moderate'\n  return 'Loud'\n}\n\nfunction calculateValueForMoney(price: string, suction: number, batteryLife: string) {\n  const priceNum = Number.parseInt(price)\n  const batteryMinutes = Number.parseInt(batteryLife)\n  const score = (suction * batteryMinutes) / priceNum\n  if (score > 400)\n    return 'Excellent'\n  if (score > 300)\n    return 'Very High'\n  if (score > 200)\n    return 'High'\n  if (score > 100)\n    return 'Average'\n  return 'Low'\n}\n<\/script>\n\n<template>\n  <lew-table :data-source=\"data\" :columns=\"columns\">\n    <template #noiseLevel=\"{ row }\">\n      {{ row.noiseLevel }} ({{ formatNoiseLevel(row.noiseLevel) }})\n    </template>\n    <template #features=\"{ row }\">\n      <lew-flex gap=\"5px\" x=\"start\" wrap>\n        <lew-tag\n          v-for=\"(item, index) in row.features\"\n          :key=\"index\"\n          type=\"light\"\n          color=\"blue\"\n          size=\"small\"\n        >\n          {{ item }}\n        </lew-tag>\n      </lew-flex>\n    </template>\n    <template #valueForMoney=\"{ row }\">\n      {{ calculateValueForMoney(row.price, row.suction, row.batteryLife) }}\n    </template>\n  </lew-table>\n</template>\n","<script lang=\"ts\" setup>\nconst data: any = [\n  {\n    id: 1,\n    brand: 'Supreme',\n    founded: '1994',\n    origin: 'USA',\n    style: 'Streetwear',\n    popularItems: ['Box Logo T-shirt', 'Hoodie', 'Skateboard'],\n    description:\n      'Known for its iconic red box logo and limited release strategy.',\n  },\n  {\n    id: 2,\n    brand: 'Off-White',\n    founded: '2012',\n    origin: 'Italy',\n    style: 'High-end Streetwear',\n    popularItems: ['Industrial Belt', 'Arrow T-shirt', 'Quotation Mark Shoes'],\n    description:\n      'Combines high fashion with street culture, known for unique quotation designs and diagonal stripe logo.',\n  },\n  {\n    id: 3,\n    brand: 'BAPE',\n    founded: '1993',\n    origin: 'Japan',\n    style: 'Japanese Streetwear',\n    popularItems: ['Shark Hoodie', 'Camo Pattern', 'Bapesta Sneakers'],\n    description:\n      'Famous for its unique camouflage patterns and cartoon ape head logo.',\n  },\n  {\n    id: 4,\n    brand: 'Palace',\n    founded: '2009',\n    origin: 'UK',\n    style: 'Skate Culture',\n    popularItems: [\n      'Tri-Ferg Logo T-shirt',\n      'Track Jacket',\n      'Skateboard Accessories',\n    ],\n    description:\n      'Originated from London skate culture, famous for its triangular logo and humorous designs.',\n  },\n]\n\nconst columns = [\n  {\n    title: 'ID',\n    width: 50,\n    field: 'id',\n    x: 'center',\n  },\n  {\n    title: 'Brand',\n    width: 100,\n    field: 'brand',\n    x: 'start',\n  },\n  {\n    title: 'Founded',\n    width: 100,\n    field: 'founded',\n    x: 'center',\n  },\n  {\n    title: 'Origin',\n    width: 80,\n    field: 'origin',\n    x: 'center',\n  },\n  {\n    title: 'Style',\n    width: 100,\n    field: 'style',\n    x: 'start',\n  },\n  {\n    title: 'Popular Items',\n    width: 500,\n    field: 'popularItems',\n    x: 'start',\n  },\n  {\n    title: 'Description',\n    width: 350,\n    field: 'description',\n    x: 'start',\n  },\n]\n\nconst selectedKeys = ref<number[]>([])\n\nconst tableRef = ref()\n\nfunction setSelectedBrands() {\n  selectedKeys.value = [2, 3]\n}\n<\/script>\n\n<template>\n  <lew-flex style=\"width: 100%\" direction=\"y\" x=\"start\">\n    <lew-button style=\"margin-bottom: 10px\" @click=\"setSelectedBrands\">\n      Set Default Selected Brands\n    </lew-button>\n    <div>Selected: {{ selectedKeys }}</div>\n    <lew-table\n      ref=\"tableRef\"\n      v-model:selected-keys=\"selectedKeys\"\n      :data-source=\"data\"\n      :columns=\"columns\"\n      checkable\n      multiple\n      row-key=\"id\"\n    >\n      <template #popularItems=\"{ row }\">\n        <lew-flex gap=\"5px\" x=\"start\">\n          <lew-tag\n            v-for=\"(item, index) in row.popularItems\"\n            :key=\"index\"\n            type=\"light\"\n            color=\"blue\"\n          >\n            {{ item }}\n          </lew-tag>\n        </lew-flex>\n      </template>\n    </lew-table>\n  </lew-flex>\n</template>\n","<script lang=\"ts\" setup>\nimport { orderBy } from 'lodash-es'\n\nconst data: any = ref([\n  {\n    id: 1,\n    brand: 'Supreme',\n    founded: '1994',\n    origin: 'USA',\n    style: 'Streetwear',\n    popularItems: ['Box Logo T-shirt', 'Hoodies', 'Skateboards'],\n    description:\n      'Famous for its iconic red box logo and limited release strategy.',\n  },\n  {\n    id: 2,\n    brand: 'Off-White',\n    founded: '2012',\n    origin: 'Italy',\n    style: 'High-end Streetwear',\n    popularItems: ['Industrial Belt', 'Arrow T-shirt', 'Quotation Mark Shoes'],\n    description:\n      'Combines high fashion with street culture, known for unique quotation designs and diagonal stripe logo.',\n  },\n  {\n    id: 3,\n    brand: 'BAPE',\n    founded: '1993',\n    origin: 'Japan',\n    style: 'Japanese Streetwear',\n    popularItems: ['Shark Hoodie', 'Camo Pattern', 'Bapesta Sneakers'],\n    description:\n      'Known worldwide for its distinctive camouflage patterns and cartoon ape head logo.',\n  },\n  {\n    id: 4,\n    brand: 'Palace',\n    founded: '2009',\n    origin: 'UK',\n    style: 'Skate Culture',\n    popularItems: ['Tri-Ferg Logo Tee', 'Track Jackets', 'Skate Accessories'],\n    description:\n      'Originated from London skate culture, famous for its triangular logo and humorous designs.',\n  },\n])\n\nconst columns = [\n  {\n    title: 'ID',\n    width: 50,\n    field: 'id',\n    x: 'center',\n  },\n  {\n    title: 'Brand',\n    width: 100,\n    field: 'brand',\n    x: 'start',\n  },\n  {\n    title: 'Founded',\n    width: 180,\n    field: 'founded',\n    sortable: true,\n    x: 'center',\n  },\n  {\n    title: 'Origin',\n    width: 80,\n    field: 'origin',\n    x: 'center',\n  },\n  {\n    title: 'Style',\n    width: 100,\n    field: 'style',\n    x: 'start',\n  },\n  {\n    title: 'Popular Items',\n    width: 450,\n    field: 'popularItems',\n    x: 'start',\n  },\n  {\n    title: 'Description',\n    width: 350,\n    field: 'description',\n    type: 'text-trim',\n    x: 'start',\n  },\n]\n\nfunction sortChange(e: any) {\n  if (e.founded) {\n    data.value = orderBy(data.value, 'founded', e.founded)\n  }\n  else {\n    data.value = orderBy(data.value, 'id', 'asc')\n  }\n}\n<\/script>\n\n<template>\n  <lew-flex style=\"width: 100%\" direction=\"y\" x=\"start\">\n    <lew-table\n      :data-source=\"data\"\n      :columns=\"columns\"\n      multiple\n      row-key=\"id\"\n      @sort-change=\"sortChange\"\n    >\n      <template #popularItems=\"{ row }\">\n        <lew-flex gap=\"5px\" x=\"start\">\n          <lew-tag\n            v-for=\"(item, index) in row.popularItems\"\n            :key=\"index\"\n            type=\"light\"\n            color=\"blue\"\n          >\n            {{ item }}\n          </lew-tag>\n        </lew-flex>\n      </template>\n    </lew-table>\n  </lew-flex>\n</template>\n","<script lang=\"ts\" setup>\nconst data: any = ref([\n  {\n    id: 1,\n    name: 'Supreme Box Logo Hoodie',\n    releaseYear: '2020',\n    popularity: 98,\n    brand: 'Supreme',\n    category: 'Tops',\n    price: 3999,\n    stock: 50,\n    sales: 1200,\n    rating: 4.8,\n    intro:\n      'Classic Box Logo design, made with premium cotton, comfortable and warm, a must-have for street fashion.',\n    material: '100% Cotton',\n    size: 'M/L/XL',\n    color: 'Black/White/Red',\n    origin: 'USA',\n    warranty: '30 days',\n  },\n  {\n    id: 2,\n    name: 'Off-White Industrial Belt',\n    releaseYear: '2019',\n    popularity: 95,\n    brand: 'Off-White',\n    category: 'Accessories',\n    price: 1999,\n    stock: 100,\n    sales: 800,\n    rating: 4.6,\n    intro:\n      'Signature industrial style design, made of nylon material, adjustable length, showcasing personality.',\n    material: 'Nylon',\n    size: 'One Size',\n    color: 'Black/Yellow',\n    origin: 'Italy',\n    warranty: '1 year',\n  },\n  {\n    id: 3,\n    name: 'BAPE Shark Hoodie',\n    releaseYear: '2021',\n    popularity: 92,\n    brand: 'BAPE',\n    category: 'Tops',\n    price: 2999,\n    stock: 75,\n    sales: 950,\n    rating: 4.7,\n    intro:\n      'Classic shark head design, featuring camo print, zipper extends to the top to form a shark mouth shape.',\n    material: '80% Cotton 20% Polyester',\n    size: 'S/M/L/XL',\n    color: 'Camo Green/Camo Blue',\n    origin: 'Japan',\n    warranty: '14 days',\n  },\n  {\n    id: 4,\n    name: 'Yeezy Boost 350 V2 Sneakers',\n    releaseYear: '2022',\n    popularity: 97,\n    brand: 'Adidas',\n    category: 'Footwear',\n    price: 2499,\n    stock: 60,\n    sales: 1500,\n    rating: 4.9,\n    intro:\n      'Designed by Kanye West, featuring Boost cushioning technology, knitted upper, comfortable and stylish.',\n    material: 'Primeknit Fabric',\n    size: '36-45',\n    color: 'Zebra/Black Red/Ice Blue',\n    origin: 'China',\n    warranty: '1 year',\n  },\n  {\n    id: 5,\n    name: 'Palace Tri-Ferg T-Shirt',\n    releaseYear: '2021',\n    popularity: 90,\n    brand: 'Palace',\n    category: 'Tops',\n    price: 799,\n    stock: 120,\n    sales: 700,\n    rating: 4.5,\n    intro:\n      'Iconic triangle logo design, made with premium cotton, simple and versatile, a street fashion essential.',\n    material: '100% Cotton',\n    size: 'S/M/L/XL',\n    color: 'White/Black/Gray',\n    origin: 'UK',\n    warranty: '7 days',\n  },\n])\n\nconst columns = [\n  {\n    title: 'ID',\n    field: 'id',\n    width: 60,\n    align: 'center',\n  },\n  {\n    title: 'Product Info',\n    width: 240,\n    field: 'productInfo',\n    align: 'start',\n    customRender: ({ row }: any) => {\n      return h('div', { class: 'info' }, [\n        h('div', { style: 'font-weight: bold; margin-bottom: 5px;' }, row.name),\n        h('div', { class: 'brand' }, `${row.brand} (${row.category})`),\n      ])\n    },\n  },\n  {\n    title: 'Release Year',\n    field: 'releaseYear',\n    width: 100,\n    align: 'center',\n    customRender: ({ row }: any) => {\n      const currentYear = new Date().getFullYear()\n      const age = currentYear - Number.parseInt(row.releaseYear)\n      return h('div', [\n        h('div', row.releaseYear),\n        h(\n          'div',\n          { style: 'font-size: 12px; color: #999;' },\n          `${age} years ago`,\n        ),\n      ])\n    },\n  },\n  {\n    title: 'Popularity & Price',\n    width: 140,\n    align: 'center',\n    customRender: ({ row }: any) => {\n      const popularityColor\n        = row.popularity >= 95\n          ? '#ff4d4f'\n          : row.popularity >= 90\n            ? '#faad14'\n            : '#52c41a'\n      return h('div', { class: 'popularity-price-container' }, [\n        h(\n          'div',\n          {\n            class: 'popularity',\n            style: `color: ${popularityColor};`,\n          },\n          [h('span', { class: 'popularity-value' }, `${row.popularity}%`)],\n        ),\n        h('div', { class: 'price' }, [\n          h('span', { class: 'price-value' }, `¥${row.price.toLocaleString()}`),\n        ]),\n      ])\n    },\n  },\n  {\n    title: 'Stock',\n    field: 'stock',\n    width: 80,\n    align: 'center',\n  },\n  {\n    title: 'Sales',\n    field: 'sales',\n    width: 100,\n    align: 'center',\n  },\n  {\n    title: 'Rating',\n    field: 'rating',\n    width: 100,\n    align: 'center',\n    customRender: ({ row }: any) => {\n      return h('div', [\n        h('span', { style: 'color: #faad14; margin-right: 5px;' }, '★'),\n        h('span', row.rating),\n      ])\n    },\n  },\n  {\n    title: 'Description',\n    width: 300,\n    field: 'intro',\n    align: 'start',\n    customRender: ({ row }: any) => {\n      return h('div', [\n        h('div', { style: 'font-weight: bold; margin-bottom: 5px;' }, row.name),\n        h('div', { style: 'font-size: 14px;' }, row.intro),\n      ])\n    },\n  },\n  {\n    title: 'Material',\n    field: 'material',\n    width: 120,\n    align: 'center',\n  },\n  {\n    title: 'Size',\n    field: 'size',\n    width: 100,\n    align: 'center',\n  },\n  {\n    title: 'Color',\n    field: 'color',\n    width: 150,\n    align: 'center',\n  },\n  {\n    title: 'Origin',\n    field: 'origin',\n    width: 100,\n    align: 'center',\n  },\n  {\n    title: 'Warranty',\n    field: 'warranty',\n    width: 100,\n    align: 'center',\n  },\n]\n<\/script>\n\n<template>\n  <lew-table :data-source=\"data\" :columns=\"columns\" />\n</template>\n\n<style lang=\"scss\" scoped>\n.info {\n  line-height: 22px;\n\n  .name {\n    font-weight: bold;\n  }\n\n  .brand {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 12px;\n    white-space: nowrap;\n    color: var(--lew-text-color-7);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport mvJson from './movie_hot_gaia.json'\n\nconst data: any = ref(mvJson)\nconst tableRef = ref()\nconst columns = [\n  {\n    type: 'text',\n    title: 'ID',\n    field: 'id',\n    width: 100,\n    x: 'center',\n  },\n  {\n    type: 'text',\n    title: 'Title',\n    field: 'title',\n    width: 180,\n  },\n\n  {\n    type: 'text',\n    title: 'Release Date',\n    field: 'release_date',\n    width: 150,\n    x: 'center',\n  },\n  {\n    type: 'template',\n    title: 'Available Online',\n    field: 'has_linewatch',\n    width: 150,\n    x: 'center',\n  },\n  {\n    type: 'text',\n    title: 'Directors',\n    field: 'directors',\n    width: 150,\n  },\n  {\n    type: 'text',\n    title: 'Synopsis',\n    field: 'info',\n    width: 320,\n  },\n  {\n    type: 'template',\n    title: 'Category',\n    field: 'type',\n    width: 100,\n    x: 'center',\n  },\n  {\n    type: 'template',\n    title: 'Cast',\n    align: 'start',\n    field: 'actors',\n    width: 450,\n  },\n]\n\nconst selectedKeys = ref('35503077')\n<\/script>\n\n<template>\n  <div style=\"margin-bottom: 10px\">\n    Selected: {{ selectedKeys }}\n  </div>\n  <lew-table\n    ref=\"tableRef\"\n    v-model:selected-keys=\"selectedKeys\"\n    checkable\n    :data-source=\"data\"\n    :columns=\"columns\"\n    :max-height=\"400\"\n    row-key=\"id\"\n  >\n    <template #release_date=\"{ row }\">\n      {{ row.release_date }}\n    </template>\n    <template #directors=\"{ row }\">\n      <lew-tag\n        v-for=\"(item, index) in row.directors\"\n        :key=\"index\"\n        round\n        oversize\n        size=\"small\"\n        type=\"light\"\n        color=\"gray\"\n      >\n        {{ item }}\n      </lew-tag>\n    </template>\n    <template #info=\"{ row }\">\n      <lew-text-trim style=\"width: 100%\" :text=\"row.info\" />\n    </template>\n\n    <template #type=\"{ row }\">\n      <lew-tag oversize color=\"green\" type=\"light\" round size=\"small\">\n        {{ row.type }}\n      </lew-tag>\n    </template>\n    <template #has_linewatch=\"{ row }\">\n      <span>{{ row.has_linewatch ? 'Yes' : 'No' }}</span>\n    </template>\n    <template #actors=\"{ row }\">\n      <lew-flex x=\"start\" gap=\"5px\" wrap>\n        <lew-tag\n          v-for=\"(actor, index) in row.actors\"\n          :key=\"index\"\n          type=\"light\"\n          color=\"blue\"\n          size=\"small\"\n        >\n          {{ actor }}\n        </lew-tag>\n      </lew-flex>\n    </template>\n  </lew-table>\n</template>\n\n<style lang=\"scss\" scoped>\n.title,\n.info {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n</style>\n","<script lang=\"ts\" setup>\nconst columns = [\n  {\n    type: 'text',\n    title: 'ID',\n    field: 'id',\n    width: 100,\n    fixed: 'left',\n    x: 'center',\n  },\n  {\n    type: 'text',\n    title: 'Title',\n    field: 'title',\n    width: 180,\n  },\n  {\n    type: 'text',\n    title: 'Release Date',\n    field: 'release_date',\n    width: 100,\n    x: 'center',\n  },\n  {\n    type: 'template',\n    title: 'Watch Online',\n    field: 'has_linewatch',\n    width: 100,\n\n    x: 'center',\n  },\n  {\n    type: 'text',\n    title: 'Director',\n    field: 'directors',\n    width: 140,\n  },\n  {\n    type: 'text',\n    title: 'Synopsis',\n    field: 'info',\n    width: 120,\n  },\n  {\n    type: 'template',\n    title: 'Genre',\n    field: 'type',\n    width: 100,\n    x: 'center',\n  },\n  {\n    type: 'template',\n    title: 'Cast',\n    align: 'start',\n    field: 'actors',\n    width: 450,\n  },\n\n  {\n    type: 'template',\n    title: 'Actions',\n    field: 'action',\n    width: 120,\n    align: 'center',\n    fixed: 'right',\n    x: 'center',\n  },\n]\n<\/script>\n\n<template>\n  <lew-table checkable :columns=\"columns\" :max-height=\"400\" row-key=\"id\" />\n</template>\n\n<style lang=\"scss\" scoped>\n.title,\n.info {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { orderBy } from 'lodash-es'\n\nconst data: any = ref([\n  {\n    id: 1,\n    name: 'iPhone 20',\n    avatar: 'https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668',\n    releaseYear: 2030,\n    rating: 95,\n    brand: 'Apple',\n    category: 'Smartphone',\n    intro:\n      'Equipped with A20 Bionic chip, supports 8G network, features Super Retina XDR display.',\n    price: 999,\n    stock: 1000,\n    color: 'Space Black',\n    storage: '512GB',\n    camera: '108MP',\n    battery: '5000mAh',\n  },\n  {\n    id: 2,\n    name: 'Galaxy S21',\n    avatar: 'https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668',\n    releaseYear: 2020,\n    rating: 92,\n    brand: 'Samsung',\n    category: 'Smartphone',\n    intro:\n      'Powered by Exynos 2100 processor, supports 8K video recording, features Dynamic AMOLED 2X display.',\n    price: 799,\n    stock: 800,\n    color: 'Phantom Silver',\n    storage: '256GB',\n    camera: '64MP',\n    battery: '4800mAh',\n  },\n  {\n    id: 3,\n    name: 'MacBook Pro',\n    avatar: 'https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668',\n    releaseYear: 2025,\n    rating: 88,\n    brand: 'Apple',\n    category: 'Laptop',\n    intro:\n      'Featuring M1 Pro or M1 Max chip, Liquid Retina XDR display, and ProMotion adaptive refresh rate technology.',\n    price: 1599,\n    stock: 500,\n    color: 'Silver',\n    storage: '1TB',\n    processor: 'M1 Pro',\n    memory: '32GB',\n  },\n  {\n    id: 4,\n    name: 'Surface Laptop 4',\n    avatar: 'https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668',\n    releaseYear: 2024,\n    rating: 85,\n    brand: 'Microsoft',\n    category: 'Laptop',\n    intro:\n      'Powered by Intel Core or AMD Ryzen processors, features PixelSense touchscreen, supports Windows Hello facial recognition.',\n    price: 1299,\n    stock: 600,\n    color: 'Platinum',\n    storage: '512GB',\n    processor: 'Intel i7',\n    memory: '16GB',\n  },\n  {\n    id: 5,\n    name: 'iPad Pro',\n    avatar: 'https://q1.qlogo.cn/g?b=qq&s=100&nk=1057072668',\n    releaseYear: 2021,\n    rating: 90,\n    brand: 'Apple',\n    category: 'Tablet',\n    intro:\n      'Powered by M1 chip, supports 5G network, features Liquid Retina XDR display with ProMotion technology.',\n    price: 899,\n    stock: 750,\n    color: 'Space Gray',\n    storage: '256GB',\n    processor: 'M1',\n    memory: '8GB',\n  },\n])\n\nconst columns = [\n  {\n    title: 'ID',\n    field: 'id',\n    width: 60,\n    x: 'center',\n  },\n  {\n    title: 'Product Info',\n    x: 'center',\n    children: [\n      {\n        title: 'Basic Info',\n        x: 'center',\n        fixed: 'left',\n        children: [\n          {\n            title: 'Name',\n            width: 150,\n            field: 'name',\n          },\n          {\n            title: 'Brand',\n            field: 'brand',\n            width: 100,\n            x: 'center',\n          },\n          {\n            title: 'Category',\n            field: 'category',\n            width: 100,\n            x: 'center',\n          },\n        ],\n      },\n      {\n        title: 'Release Year',\n        field: 'releaseYear',\n        width: 120,\n        x: 'center',\n        customRender: ({ row }: any) => {\n          return row.releaseYear\n        },\n      },\n      {\n        title: 'Price',\n        field: 'price',\n        width: 120,\n        x: 'center',\n        sortable: true,\n        customRender: ({ row }: any) => {\n          return `$${row.price}`\n        },\n      },\n    ],\n  },\n  {\n    title: 'Specifications',\n    x: 'center',\n    children: [\n      {\n        title: 'Storage',\n        field: 'storage',\n        width: 120,\n        x: 'center',\n      },\n      {\n        title: 'Color',\n        field: 'color',\n        width: 120,\n        x: 'center',\n      },\n      {\n        title: 'Stock',\n        field: 'stock',\n\n        width: 120,\n        x: 'center',\n      },\n    ],\n  },\n  {\n    title: 'Rating',\n    width: 120,\n    field: 'rating',\n    x: 'center',\n  },\n  {\n    title: 'Description',\n    width: 300,\n    field: 'intro',\n    type: 'text-trim',\n  },\n]\n\nconst sortValue = ref<any>({\n  price: 'desc',\n})\n\nfunction sortChange() {\n  if (sortValue.value.price) {\n    data.value = orderBy(data.value, 'price', sortValue.value.price)\n  }\n  else {\n    data.value = orderBy(data.value, 'id', 'asc')\n  }\n}\n<\/script>\n\n<template>\n  <lew-table\n    v-model:sort-value=\"sortValue\"\n    bordered\n    :data-source=\"data\"\n    :columns=\"columns\"\n    @sort-change=\"sortChange\"\n  >\n    <template #info=\"{ row }\">\n      <lew-flex direction=\"y\" x=\"start\" gap=\"0px\" class=\"info\">\n        <div class=\"name\">\n          {{ row.name }}\n        </div>\n        <div class=\"brand\">\n          {{ row.brand }}\n        </div>\n      </lew-flex>\n    </template>\n    <template #rating=\"{ row }\">\n      <lew-flex x=\"center\" y=\"center\">\n        <lew-badge v-if=\"row.rating >= 90\" round color=\"green\" />\n        <lew-badge v-else-if=\"row.rating >= 80\" round color=\"blue\" />\n        <lew-badge v-else round color=\"orange\" />\n        <span>\n          {{\n            row.rating >= 90\n              ? 'Excellent'\n              : row.rating >= 80\n                ? 'Good'\n                : 'Average'\n          }}\n        </span>\n      </lew-flex>\n    </template>\n  </lew-table>\n</template>\n\n<style lang=\"scss\" scoped>\n.info {\n  line-height: 22px;\n\n  .name {\n    font-weight: bold;\n  }\n\n  .brand {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 12px;\n    white-space: nowrap;\n    color: var(--lew-text-color-7);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nconst dataSource: any = ref([\n  {\n    id: 1,\n    name: 'MacBook Pro 16',\n    brand: 'Apple',\n    processor: 'M3 Max',\n    memory: '64GB',\n    price: 3999,\n    features: ['Retina', 'Touch Bar', 'Thunderbolt', 'Face ID', 'Backlit'],\n    releaseDate: '2023-11-07',\n    batteryLife: '22 hours',\n    storage: '2TB SSD',\n  },\n  {\n    id: 2,\n    name: 'ThinkPad X1 Carbon',\n    brand: 'Lenovo',\n    processor: 'Intel i9',\n    memory: '32GB',\n    price: 2499,\n    features: ['4K', 'Fingerprint', 'Military', 'Thunderbolt', 'Backlit'],\n    releaseDate: '2023-09-15',\n    batteryLife: '15 hours',\n    storage: '1TB SSD',\n  },\n  {\n    id: 3,\n    name: 'Dell XPS 15',\n    brand: 'Dell',\n    processor: 'Intel i7',\n    memory: '32GB',\n    price: 1999,\n    features: ['OLED', 'Thunderbolt', 'Backlit', 'Fingerprint', 'SD Card'],\n    releaseDate: '2023-08-20',\n    batteryLife: '12 hours',\n    storage: '1TB SSD',\n  },\n  {\n    id: 4,\n    name: 'Surface Laptop 5',\n    brand: 'Microsoft',\n    processor: 'Intel i7',\n    memory: '16GB',\n    price: 1799,\n    features: ['PixelSense', 'Windows Hello', 'USB-C', 'Backlit', 'Alcantara'],\n    releaseDate: '2023-10-05',\n    batteryLife: '18 hours',\n    storage: '512GB SSD',\n  },\n  {\n    id: 5,\n    name: 'ROG Zephyrus G14',\n    brand: 'ASUS',\n    processor: 'AMD Ryzen 9',\n    memory: '32GB',\n    price: 1899,\n    features: ['QHD', 'RGB', 'Wi-Fi 6E', 'USB-C', 'Gaming'],\n    releaseDate: '2023-07-15',\n    batteryLife: '10 hours',\n    storage: '1TB SSD',\n  },\n  {\n    id: 6,\n    name: 'Razer Blade 15',\n    brand: 'Razer',\n    processor: 'Intel i9',\n    memory: '32GB',\n    price: 2999,\n    features: ['4K OLED', 'RGB', 'Thunderbolt', 'Wi-Fi 6E', 'Gaming'],\n    releaseDate: '2023-06-20',\n    batteryLife: '8 hours',\n    storage: '2TB SSD',\n  },\n  {\n    id: 7,\n    name: 'HP Spectre x360',\n    brand: 'HP',\n    processor: 'Intel i7',\n    memory: '16GB',\n    price: 1599,\n    features: ['4K Touch', '360°', 'Thunderbolt', 'Fingerprint', 'Backlit'],\n    releaseDate: '2023-09-01',\n    batteryLife: '14 hours',\n    storage: '1TB SSD',\n  },\n  {\n    id: 8,\n    name: 'Alienware x17',\n    brand: 'Dell',\n    processor: 'Intel i9',\n    memory: '64GB',\n    price: 3499,\n    features: ['4K', 'RGB', 'Thunderbolt', 'Wi-Fi 6E', 'Gaming'],\n    releaseDate: '2023-05-15',\n    batteryLife: '6 hours',\n    storage: '4TB SSD',\n  },\n  {\n    id: 9,\n    name: 'MSI GS66 Stealth',\n    brand: 'MSI',\n    processor: 'Intel i9',\n    memory: '32GB',\n    price: 2299,\n    features: ['QHD', 'RGB', 'Thunderbolt', 'Wi-Fi 6E', 'Gaming'],\n    releaseDate: '2023-04-10',\n    batteryLife: '9 hours',\n    storage: '2TB SSD',\n  },\n  {\n    id: 10,\n    name: 'Acer Swift X',\n    brand: 'Acer',\n    processor: 'AMD Ryzen 7',\n    memory: '16GB',\n    price: 1299,\n    features: ['FHD', 'Backlit', 'USB-C', 'Fingerprint', 'Lightweight'],\n    releaseDate: '2023-08-25',\n    batteryLife: '16 hours',\n    storage: '512GB SSD',\n  },\n])\n\nconst columns = [\n  {\n    title: 'ID',\n    width: 80,\n    field: 'id',\n    x: 'center',\n  },\n  {\n    title: 'Brand',\n    width: 120,\n    field: 'brand',\n    x: 'start',\n  },\n  {\n    title: 'Model',\n    width: 180,\n    field: 'name',\n    x: 'start',\n  },\n  {\n    title: 'Processor',\n    width: 140,\n    field: 'processor',\n    x: 'start',\n  },\n  {\n    title: 'Memory',\n    width: 100,\n    field: 'memory',\n    x: 'center',\n  },\n  {\n    title: 'Features',\n    width: 370,\n    field: 'features',\n    x: 'start',\n  },\n  {\n    title: 'Release Date',\n    width: 140,\n    field: 'releaseDate',\n    x: 'center',\n  },\n  {\n    title: 'Battery Life',\n    width: 120,\n    field: 'batteryLife',\n    x: 'center',\n  },\n  {\n    title: 'Storage',\n    width: 120,\n    field: 'storage',\n    x: 'center',\n  },\n  {\n    title: 'Price',\n    width: 120,\n    field: 'price',\n    x: 'center',\n  },\n]\n\nfunction getSortTooltipComponent(row: any) {\n  return h('div', {}, `${row.brand} ${row.name} ${row.processor}`)\n}\n<\/script>\n\n<template>\n  <lew-table\n    :data-source=\"dataSource\"\n    :sortable=\"true\"\n    :columns=\"columns\"\n    :sort-tooltip-custom-render=\"getSortTooltipComponent\"\n  >\n    <template #features=\"{ row }\">\n      <lew-flex gap=\"5px\" x=\"start\" wrap>\n        <lew-tag\n          v-for=\"(item, index) in row.features\"\n          :key=\"index\"\n          size=\"small\"\n          type=\"light\"\n          color=\"blue\"\n        >\n          {{ item }}\n        </lew-tag>\n      </lew-flex>\n    </template>\n    <template #price=\"{ row }\">\n      ${{ row.price }}\n    </template>\n  </lew-table>\n</template>\n"],ie={class:"demo-wrapper"},oe=a({__name:"DemoTable",setup(a){const i=L().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=r(Object.keys(Y).map(e=>Y[e]));return(a,r)=>(l(),o("div",ie,[c(e),c(n,{"demo-group":d(ae),"code-group":d(re),"component-name":d(i),columns:1,gap:"20px"},null,8,["demo-group","code-group","component-name"]),c(t,{options:d(s)},null,8,["options"])]))}});export{oe as default};

package/dist/assets/js/index-tm5vAO3X.js

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as l,a}from"./LewDocsTables-BEtkuNGi.js";import{d as n,a2 as t,am as o,a as r,J as u,aE as p,u as d,a3 as c,a6 as m,bf as s,_ as i}from"./.pnpm-CZLWBssD.js";import{c as v,a as V}from"./utils-CLdZaKTe.js";import{a4 as Y,a5 as w,a6 as h}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const f={title:"Emits",columnsKey:"emits",orderNum:99,data:v(Y)},_={title:"Model",columnsKey:"model",orderNum:1,data:V(w)},b={title:"Props",columnsKey:"props",orderNum:2,data:V(h)},g=Object.freeze(Object.defineProperty({__proto__:null,emits:f,model:_,props:b},Symbol.toStringTag,{value:"Module"})),k=[n({__name:"DemoDatePicker1",setup(e){const l=t("");function a(e){}return(e,n)=>{const t=o("lew-date-picker");return u(),r(t,{modelValue:d(l),"onUpdate:modelValue":n[0]||(n[0]=e=>p(l)?l.value=e:null),width:"300px",onChange:a},null,8,["modelValue"])}}}),n({__name:"DemoDatePicker2",setup(e){const l=t("");return(e,a)=>{const n=o("lew-date-picker");return u(),r(n,{modelValue:d(l),"onUpdate:modelValue":a[0]||(a[0]=e=>p(l)?l.value=e:null),width:"300px",clearable:""},null,8,["modelValue"])}}}),n({__name:"DemoDatePicker3",setup(e){const l=t(""),a=t(""),n=t(""),s=t(""),i=t("");return(e,t)=>{const v=o("lew-date-picker"),V=o("lew-flex");return u(),r(V,{width:"300px",direction:"y",gap:"10px"},{default:c(()=>[m(v,{modelValue:d(l),"onUpdate:modelValue":t[0]||(t[0]=e=>p(l)?l.value=e:null),width:"300px","value-format":"YYYY",placeholder:"Select year",clearable:""},null,8,["modelValue"]),m(v,{modelValue:d(a),"onUpdate:modelValue":t[1]||(t[1]=e=>p(a)?a.value=e:null),"value-format":"YYYY-MM",placeholder:"Select year-month",clearable:""},null,8,["modelValue"]),m(v,{modelValue:d(n),"onUpdate:modelValue":t[2]||(t[2]=e=>p(n)?n.value=e:null),"value-format":"YYYY-MM-DD",placeholder:"Select date",clearable:""},null,8,["modelValue"]),m(v,{modelValue:d(s),"onUpdate:modelValue":t[3]||(t[3]=e=>p(s)?s.value=e:null),"value-format":"YYYY-[Q]Q",placeholder:"Select quarter",clearable:""},null,8,["modelValue"]),m(v,{modelValue:d(i),"onUpdate:modelValue":t[4]||(t[4]=e=>p(i)?i.value=e:null),"value-format":"YYYY-MM-DD HH:mm:ss",placeholder:"Select datetime",clearable:""},null,8,["modelValue"])]),_:1})}}}),n({__name:"DemoDatePicker4",setup(e){const l=t(""),a=[{label:"春节",value:"2022-02-01"},{label:"端午节",value:"2022-05-05"},{label:"儿童节",value:"2024-06-01"},{label:"国庆节",value:"2024-10-01"}];return(e,n)=>{const t=o("lew-date-picker");return u(),r(t,{modelValue:d(l),"onUpdate:modelValue":n[0]||(n[0]=e=>p(l)?l.value=e:null),width:"300px",presets:a},null,8,["modelValue"])}}}),n({__name:"DemoDatePicker5",setup(e){const l=t("2025-02-23");return(e,a)=>{const n=o("lew-date-picker");return u(),r(n,{modelValue:d(l),"onUpdate:modelValue":a[0]||(a[0]=e=>p(l)?l.value=e:null),placeholder:"只读",readonly:"",width:"300px",clearable:""},null,8,["modelValue"])}}}),n({__name:"DemoDatePicker6",setup(e){const l=t("2025-02-25");return(e,a)=>{const n=o("lew-date-picker");return u(),r(n,{modelValue:d(l),"onUpdate:modelValue":a[0]||(a[0]=e=>p(l)?l.value=e:null),placeholder:"禁用",disabled:"",width:"300px",clearable:""},null,8,["modelValue"])}}})],x=['<script setup lang="ts">\nconst value = ref(\'\')\n\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-date-picker v-model="value" width="300px" @change="change" />\n</template>\n','<script setup lang="ts">\nconst value = ref(\'\')\n<\/script>\n\n<template>\n  <lew-date-picker v-model="value" width="300px" clearable />\n</template>\n','<script setup lang="ts">\nconst yearValue = ref(\'\')\nconst monthValue = ref(\'\')\nconst dateValue = ref(\'\')\nconst quarterValue = ref(\'\')\nconst datetimeValue = ref(\'\')\n<\/script>\n\n<template>\n  <lew-flex width="300px" direction="y" gap="10px">\n    <lew-date-picker\n      v-model="yearValue"\n      width="300px"\n      value-format="YYYY"\n      placeholder="Select year"\n      clearable\n    />\n    <lew-date-picker\n      v-model="monthValue"\n      value-format="YYYY-MM"\n      placeholder="Select year-month"\n      clearable\n    />\n    <lew-date-picker\n      v-model="dateValue"\n      value-format="YYYY-MM-DD"\n      placeholder="Select date"\n      clearable\n    />\n    <lew-date-picker\n      v-model="quarterValue"\n      value-format="YYYY-[Q]Q"\n      placeholder="Select quarter"\n      clearable\n    />\n    <lew-date-picker\n      v-model="datetimeValue"\n      value-format="YYYY-MM-DD HH:mm:ss"\n      placeholder="Select datetime"\n      clearable\n    />\n  </lew-flex>\n</template>\n',"<script setup lang=\"ts\">\nconst value = ref('')\n\nconst presets = [\n  {\n    label: '春节',\n    value: '2022-02-01',\n  },\n  {\n    label: '端午节',\n    value: '2022-05-05',\n  },\n  {\n    label: '儿童节',\n    value: '2024-06-01',\n  },\n  {\n    label: '国庆节',\n    value: '2024-10-01',\n  },\n]\n<\/script>\n\n<template>\n  <lew-date-picker v-model=\"value\" width=\"300px\" :presets=\"presets\" />\n</template>\n",'<script setup lang="ts">\nconst value = ref(\'2025-02-23\')\n<\/script>\n\n<template>\n  <lew-date-picker\n    v-model="value"\n    placeholder="只读"\n    readonly\n    width="300px"\n    clearable\n  />\n</template>\n','<script setup lang="ts">\nconst value = ref(\'2025-02-25\')\n<\/script>\n\n<template>\n  <lew-date-picker\n    v-model="value"\n    placeholder="禁用"\n    disabled\n    width="300px"\n    clearable\n  />\n</template>\n'],D={class:"demo-wrapper"},y=n({__name:"DemoDatePicker",setup(n){const o=s().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),r=t(Object.keys(g).map(e=>g[e]));return(n,t)=>(u(),i("div",D,[m(e),m(l,{"demo-group":d(k),"code-group":d(x),"component-name":d(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),m(a,{options:d(r)},null,8,["options"])]))}});export{y as default};

package/dist/assets/js/index-uRTZ7fSS.js

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as l}from"./LewDocsTables-BEtkuNGi.js";import{d as a,a2 as t,am as o,a as u,J as s,a3 as r,a6 as p,aE as d,u as m,bf as i,_ as v}from"./.pnpm-CZLWBssD.js";import{c as b,a as c}from"./utils-CLdZaKTe.js";import{bi as g,bj as w,bk as _}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const x={title:"Emits",columnsKey:"emits",orderNum:99,data:b(g)},V={title:"Model",columnsKey:"model",orderNum:10,data:c(w)},f={title:"Props",columnsKey:"props",orderNum:10,data:c(_)},h=Object.freeze(Object.defineProperty({__proto__:null,emits:x,model:V,props:f},Symbol.toStringTag,{value:"Module"})),y=[a({__name:"DemoSliderRange1",setup(e){const n=t([25,75]);return(e,l)=>{const a=o("lew-slider-range"),t=o("lew-flex");return s(),u(t,{width:"500px",direction:"y",x:"start"},{default:r(()=>[p(a,{modelValue:m(n),"onUpdate:modelValue":l[0]||(l[0]=e=>d(n)?n.value=e:null),size:"small",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"]),p(a,{modelValue:m(n),"onUpdate:modelValue":l[1]||(l[1]=e=>d(n)?n.value=e:null),options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"]),p(a,{modelValue:m(n),"onUpdate:modelValue":l[2]||(l[2]=e=>d(n)?n.value=e:null),size:"large",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])]),_:1})}}}),a({__name:"DemoSliderRange2",setup(e){const n=t([25,75]);return(e,l)=>{const a=o("lew-slider-range");return s(),u(a,{modelValue:m(n),"onUpdate:modelValue":l[0]||(l[0]=e=>d(n)?n.value=e:null),width:"500px",step:"5",range:"",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])}}}),a({__name:"DemoSliderRange3",setup(e){const n=t([30,60]);return(e,l)=>{const a=o("lew-slider-range");return s(),u(a,{modelValue:m(n),"onUpdate:modelValue":l[0]||(l[0]=e=>d(n)?n.value=e:null),width:"500px",step:"5",max:"70",min:"30",range:"",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])}}}),a({__name:"DemoSliderRange4",setup(e){const n=t([25,50]);return(e,l)=>{const a=o("lew-slider-range");return s(),u(a,{modelValue:m(n),"onUpdate:modelValue":l[0]||(l[0]=e=>d(n)?n.value=e:null),width:"500px",readonly:"",range:"",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])}}}),a({__name:"DemoSliderRange5",setup(e){const n=t([30,60]);return(e,l)=>{const a=o("lew-slider-range");return s(),u(a,{modelValue:m(n),"onUpdate:modelValue":l[0]||(l[0]=e=>d(n)?n.value=e:null),width:"500px",disabled:"",range:"",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])}}}),a({__name:"DemoSliderRange6",setup(e){const n=t([-10,40]);return(e,l)=>{const a=o("lew-slider-range");return s(),u(a,{modelValue:m(n),"onUpdate:modelValue":l[0]||(l[0]=e=>d(n)?n.value=e:null),width:"700px",max:"100",min:"-30",range:"",options:[{label:"极冷",value:-30},{label:"冷 (0°C)",value:0},{label:"温暖 (20°C)",value:20},{label:"剧热 (50°C)",value:50},{label:"极热",value:100}],step:"1"},null,8,["modelValue"])}}})],j=['<script setup lang="ts">\nconst v = ref([25, 75])\n<\/script>\n\n<template>\n  <lew-flex width="500px" direction="y" x="start">\n    <lew-slider-range\n      v-model="v"\n      size="small"\n      :options="[\n        {\n          label: \'低\',\n          value: 0,\n        },\n        {\n          label: \'中\',\n          value: 50,\n        },\n        {\n          label: \'高\',\n          value: 100,\n        },\n      ]"\n    />\n\n    <lew-slider-range\n      v-model="v"\n      :options="[\n        {\n          label: \'低\',\n          value: 0,\n        },\n        {\n          label: \'中\',\n          value: 50,\n        },\n        {\n          label: \'高\',\n          value: 100,\n        },\n      ]"\n    />\n\n    <lew-slider-range\n      v-model="v"\n      size="large"\n      :options="[\n        {\n          label: \'低\',\n          value: 0,\n        },\n        {\n          label: \'中\',\n          value: 50,\n        },\n        {\n          label: \'高\',\n          value: 100,\n        },\n      ]"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst v = ref([25, 75])\n<\/script>\n\n<template>\n  <lew-slider-range\n    v-model="v"\n    width="500px"\n    step="5"\n    range\n    :options="[\n      {\n        label: \'低\',\n        value: 0,\n      },\n      {\n        label: \'中\',\n        value: 50,\n      },\n      {\n        label: \'高\',\n        value: 100,\n      },\n    ]"\n  />\n</template>\n','<script setup lang="ts">\nconst v = ref([30, 60])\n<\/script>\n\n<template>\n  <lew-slider-range\n    v-model="v"\n    width="500px"\n    step="5"\n    max="70"\n    min="30"\n    range\n    :options="[\n      {\n        label: \'低\',\n        value: 0,\n      },\n      {\n        label: \'中\',\n        value: 50,\n      },\n      {\n        label: \'高\',\n        value: 100,\n      },\n    ]"\n  />\n</template>\n','<script setup lang="ts">\nconst v = ref([25, 50])\n<\/script>\n\n<template>\n  <lew-slider-range\n    v-model="v"\n    width="500px"\n    readonly\n    range\n    :options="[\n      {\n        label: \'低\',\n        value: 0,\n      },\n      {\n        label: \'中\',\n        value: 50,\n      },\n      {\n        label: \'高\',\n        value: 100,\n      },\n    ]"\n  />\n</template>\n','<script setup lang="ts">\nconst v = ref([30, 60])\n<\/script>\n\n<template>\n  <lew-slider-range\n    v-model="v"\n    width="500px"\n    disabled\n    range\n    :options="[\n      {\n        label: \'低\',\n        value: 0,\n      },\n      {\n        label: \'中\',\n        value: 50,\n      },\n      {\n        label: \'高\',\n        value: 100,\n      },\n    ]"\n  />\n</template>\n','<script setup lang="ts">\nconst v = ref([-10, 40])\n<\/script>\n\n<template>\n  <lew-slider-range\n    v-model="v"\n    width="700px"\n    max="100"\n    min="-30"\n    range\n    :options="[\n      {\n        label: \'极冷\',\n        value: -30,\n      },\n      {\n        label: \'冷 (0°C)\',\n        value: 0,\n      },\n      {\n        label: \'温暖 (20°C)\',\n        value: 20,\n      },\n      {\n        label: \'剧热 (50°C)\',\n        value: 50,\n      },\n      {\n        label: \'极热\',\n        value: 100,\n      },\n    ]"\n    step="1"\n  />\n</template>\n'],C={class:"demo-wrapper"},S=a({__name:"DemoSliderRange",setup(a){const o=i().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),u=t(Object.keys(h).map(e=>h[e]));return(a,t)=>(s(),v("div",C,[p(e),p(n,{"demo-group":m(y),"code-group":m(j),"component-name":m(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),p(l,{options:m(u)},null,8,["options"])]))}});export{S as default};

package/dist/assets/js/index-v6_qVJx0.js

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as s}from"./LewDocsTables-BEtkuNGi.js";import{d as a,a2 as l,am as t,_ as r,J as o,a6 as c,u,a as i,bf as p}from"./.pnpm-CZLWBssD.js";import{c as m,a as b}from"./utils-CLdZaKTe.js";import{H as d,I as v}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const h={title:"Emits",columnsKey:"emits",orderNum:99,data:m(d)},g={title:"Props",columnsKey:"props",orderNum:1,data:b(v)},_=Object.freeze(Object.defineProperty({__proto__:null,emits:h,props:g},Symbol.toStringTag,{value:"Module"})),f={class:"product-detail-page"},w=[a({__name:"DemoBreadcrumb1",setup(e){const n=l([{label:"Product Mgmt",value:"/products"},{label:"Electronics",value:"/products/electronics"},{label:"Phones",value:"/products/electronics/phones"},{label:"iPhone 13",value:"",active:!0}]);function s(e){LewMessage.success(`Clicked breadcrumb item: ${e.label}`)}return(e,a)=>{const l=t("lew-breadcrumb");return o(),r("div",f,[c(l,{options:u(n),onChange:s},null,8,["options"])])}}}),a({__name:"DemoBreadcrumb2",setup(e){const n=l([{label:"User Management",value:"/users"},{label:"User List",value:"/users/list"},{label:"User Details",value:"/users/details",active:!0},{label:"Edit User",value:"/users/edit"}]);function s(e){LewMessage.success(`Clicked breadcrumb item: ${e.label}`)}return(e,a)=>{const l=t("lew-breadcrumb");return o(),i(l,{options:u(n),onChange:s},null,8,["options"])}}}),a({__name:"DemoBreadcrumb3",setup(e){const n=l([{label:"Home",value:"/"},{label:"Electronics",value:"/electronics"},{label:"Phones",value:"/electronics/phones"},{label:"Smartphones",value:"/electronics/phones/smartphones"},{label:"iPhone 13 Pro",value:"/electronics/phones/smartphones/iphone-13-pro",active:!0}]);function s(e){LewMessage.success(`Clicked breadcrumb item: ${e.label}`)}return(e,a)=>{const l=t("lew-breadcrumb");return o(),i(l,{options:u(n),separator:"shoulder",onChange:s},null,8,["options"])}}})],C=["<script lang=\"ts\" setup>\n// Define breadcrumb navigation options\nconst options = ref([\n  {\n    label: 'Product Mgmt',\n    value: '/products',\n  },\n  {\n    label: 'Electronics',\n    value: '/products/electronics',\n  },\n  {\n    label: 'Phones',\n    value: '/products/electronics/phones',\n  },\n  {\n    label: 'iPhone 13',\n    value: '',\n    active: true,\n  },\n])\n\n// Simulate breadcrumb click event\nfunction handleBreadcrumbClick(item: any) {\n  LewMessage.success(`Clicked breadcrumb item: ${item.label}`)\n}\n<\/script>\n\n<template>\n  <div class=\"product-detail-page\">\n    <lew-breadcrumb :options=\"options\" @change=\"handleBreadcrumbClick\" />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nconst options = ref([\n  {\n    label: 'User Management',\n    value: '/users',\n  },\n  {\n    label: 'User List',\n    value: '/users/list',\n  },\n  {\n    label: 'User Details',\n    value: '/users/details',\n    active: true,\n  },\n  {\n    label: 'Edit User',\n    value: '/users/edit',\n  },\n])\n// Simulate breadcrumb click event\nfunction handleBreadcrumbClick(item: any) {\n  LewMessage.success(`Clicked breadcrumb item: ${item.label}`)\n}\n<\/script>\n\n<template>\n  <lew-breadcrumb :options=\"options\" @change=\"handleBreadcrumbClick\" />\n</template>\n","<script lang=\"ts\" setup>\nconst options = ref([\n  {\n    label: 'Home',\n    value: '/',\n  },\n  {\n    label: 'Electronics',\n    value: '/electronics',\n  },\n  {\n    label: 'Phones',\n    value: '/electronics/phones',\n  },\n  {\n    label: 'Smartphones',\n    value: '/electronics/phones/smartphones',\n  },\n  {\n    label: 'iPhone 13 Pro',\n    value: '/electronics/phones/smartphones/iphone-13-pro',\n    active: true,\n  },\n])\n// Simulate breadcrumb click event\nfunction handleBreadcrumbClick(item: any) {\n  LewMessage.success(`Clicked breadcrumb item: ${item.label}`)\n}\n<\/script>\n\n<template>\n  <lew-breadcrumb\n    :options=\"options\"\n    separator=\"shoulder\"\n    @change=\"handleBreadcrumbClick\"\n  />\n</template>\n"],k={class:"demo-wrapper"},L=a({__name:"DemoBreadcrumb",setup(a){const t=p().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),i=l(Object.keys(_).map(e=>_[e]));return(a,l)=>(o(),r("div",k,[c(e),c(n,{"demo-group":u(w),"code-group":u(C),"component-name":u(t),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),c(s,{options:u(i)},null,8,["options"])]))}});export{L as default};

package/dist/assets/js/uploadHelper-fP2TRIx8.js

@@ -1 +0,0 @@
-import{x as e}from"./http-Ctb3-gew.js";const s=({fileItem:s,setFileItem:t})=>{const{key:a,file:o}=s,p=new FormData;p.append("file",o),t({key:a,status:"uploading"}),e.post({url:"/open/upload",data:p,baseURL:"/api_sso",onUploadProgress:e=>{t({key:a,percent:100*e.progress})}}).then(e=>{if(e.success){const{fileName:s}=e.data;t({key:a,status:"success",url:`https://app.tngeek.com/api_sso/open/file/${s}`,percent:100})}else LewMessage.error(e.message),t({key:a,status:"fail"})})};export{s as u};

package/dist/assets/js/utils-CLdZaKTe.js

@@ -1 +0,0 @@
-import{at as e,aA as t,aB as c,aC as i,aD as s,aE as a,aF as h,aG as l,aH as r,aI as g}from"./index-CcB67-Bu.js";import{N as o}from"./.pnpm-CZLWBssD.js";function n(e){const t=[];for(const c in e)if(Object.prototype.hasOwnProperty.call(e,c)){let i="";if(i=Array.isArray(e[c].type)?e[c].type.map(e=>e?e.toString().match(/function\s+(\w+)/)[1]:"").filter(e=>""!==e).join(" | "):null!==e[c].type?e[c].type.toString().match(/function\s+(\w+)/)[1]:"",!e[c].hidden){const s={...e[c],name:c,description:e[c].description,type:i,default:JSON.stringify(e[c].default)};t.push(s)}}return t}function f(e){const t=[];for(const c in e)if(Object.prototype.hasOwnProperty.call(e,c)){const i=e[c].toString(),s=i.indexOf("=>");let a="-";if(s>0){const e=i.substring(0,s).match(/\(([^)]*)\)/);if(e&&e[1].trim()){const t=e[1].trim().split(",").map(e=>e.trim()).filter(e=>e);t.length>0&&(a=t.map(e=>{const t=e.indexOf(":");if(t>0){return`${e.substring(0,t).trim()}: ${e.substring(t+1).trim()}`}return e}).join(", "))}}const h={name:c,argument:a,description:""};t.push(h)}return t}function d(e,t){const c=new Blob([JSON.stringify(e)],{type:"application/json"}),i=URL.createObjectURL(c),s=document.createElement("a");s.href=i,s.download=t,document.body.appendChild(s),s.click(),URL.revokeObjectURL(i),document.body.removeChild(s)}function v(e){return function({name:e,type:o}){return new URL(Object.assign({"../assets/images/icon/blank.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3c/svg%3e","../assets/images/icon/cascader.svg":"data:image/svg+xml,%3csvg%20style='margin-left:2.5px'%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='9'%20y='10'%20width='50'%20height='30'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cg%20clip-path='url(%23clip0_6580_8574)'%3e%3cpath%20d='M12%2014C12%2011.7909%2013.7909%2010%2016%2010H34V44H16C13.7909%2044%2012%2042.2091%2012%2040V14Z'%20%3e%3c/path%3e%3crect%20x='12'%20y='15'%20width='22'%20height='8'%20fill='%230a84ff'%3e%3c/rect%3e%3crect%20x='16'%20y='18'%20width='9'%20height='2'%20rx='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20x='28'%20y='18'%20width='2'%20height='2'%20rx='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20x='16'%20y='26'%20width='9'%20height='2'%20rx='1'%20fill='%23999'%3e%3c/rect%3e%3crect%20x='28'%20y='26'%20width='2'%20height='2'%20rx='1'%20fill='%23999'%3e%3c/rect%3e%3crect%20x='16'%20y='34'%20width='9'%20height='2'%20rx='1'%20fill='%23999'%3e%3c/rect%3e%3crect%20x='28'%20y='34'%20width='2'%20height='2'%20rx='1'%20fill='%23999'%3e%3c/rect%3e%3c/g%3e%3cg%20clip-path='url(%23clip1_6580_8574)'%3e%3cpath%20d='M34%2010H52C54.2091%2010%2056%2011.7909%2056%2014V40C56%2042.2091%2054.2091%2044%2052%2044H34V10Z'%20%3e%3c/path%3e%3crect%20x='34'%20y='23'%20width='22'%20height='8'%20fill='%230a84ff'%3e%3c/rect%3e%3crect%20x='39'%20y='26'%20width='9'%20height='2'%20rx='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20x='50'%20y='26'%20width='2'%20height='2'%20rx='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20x='39'%20y='18'%20width='9'%20height='2'%20rx='1'%20fill='%23999'%3e%3c/rect%3e%3crect%20x='50'%20y='18'%20width='2'%20height='2'%20rx='1'%20fill='%23999'%3e%3c/rect%3e%3crect%20x='39'%20y='34'%20width='9'%20height='2'%20rx='1'%20fill='%23999'%3e%3c/rect%3e%3crect%20x='50'%20y='34'%20width='2'%20height='2'%20rx='1'%20fill='%23999'%3e%3c/rect%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6580_8574'%3e%3cpath%20d='M12%2014C12%2011.7909%2013.7909%2010%2016%2010H34V44H16C13.7909%2044%2012%2042.2091%2012%2040V14Z'%20%3e%3c/path%3e%3c/clipPath%3e%3cclipPath%20id='clip1_6580_8574'%3e%3cpath%20d='M34%2010H52C54.2091%2010%2056%2011.7909%2056%2014V40C56%2042.2091%2054.2091%2044%2052%2044H34V10Z'%20%3e%3c/path%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e","../assets/images/icon/checkbox-group.svg":"data:image/svg+xml,%3csvg%20style='margin:2.5px%200px%200px%202.5px'%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='21'%20y='12'%20width='19'%20height='19'%20rx='5'%3e%3c/rect%3e%3crect%20x='21'%20y='12'%20width='19'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3crect%20x='27'%20y='17.5'%20width='19'%20height='19'%20rx='5'%20fill='%230a84ff'%3e%3c/rect%3e%3crect%20x='27'%20y='17.5'%20width='19'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.363%2023.806a.75.75%200%200%201%20.081%201.057l-4.5%205.25a.75.75%200%200%201-1.1.042l-2.25-2.25a.75.75%200%201%201%201.061-1.06l1.678%201.677%203.973-4.635a.75.75%200%200%201%201.057-.081z'%20fill='%23fff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/checkbox.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='27'%20y='17.5'%20width='19'%20height='19'%20rx='5'%3e%3c/rect%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.363%2023.806a.75.75%200%200%201%20.081%201.057l-4.5%205.25a.75.75%200%200%201-1.1.042l-2.25-2.25a.75.75%200%201%201%201.061-1.06l1.678%201.677%203.973-4.635a.75.75%200%200%201%201.057-.081z'%20fill='%230a84ff'%3e%3c/path%3e%3crect%20x='27'%20y='17.5'%20width='19'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3c/svg%3e","../assets/images/icon/color-picker.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='27'%20y='17.5'%20width='19'%20height='19'%20rx='5'%3e%3c/rect%3e%3crect%20x='27'%20y='17.5'%20width='19'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%230a84ff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-pipette'%20x='30'%20y='20.5'%3e%3cpath%20d='m2%2022%201-1h3l9-9'%20/%3e%3cpath%20d='M3%2021v-3l9-9'%20/%3e%3cpath%20d='m15%206%203.4-3.4a2.1%202.1%200%201%201%203%203L18%209l.4.4a2.1%202.1%200%201%201-3%203l-3.8-3.8a2.1%202.1%200%201%201%203-3l.4.4Z'%20/%3e%3c/svg%3e%3c/svg%3e","../assets/images/icon/date-picker.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cpath%20d='M28%2027h-8'%20stroke='%23999'%3e%3c/path%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.125%2022.5a.375.375%200%200%200-.375.375v.375h-1.5a.75.75%200%200%200-.75.75v6.75c0%20.414.336.75.75.75h7.5a.75.75%200%200%200%20.75-.75V24a.75.75%200%200%200-.75-.75h-1.5v-.375a.375.375%200%200%200-.375-.375H51.5a.375.375%200%200%200-.375.375v.375h-2.25v-.375a.375.375%200%200%200-.375-.375h-.375zm-1.5%201.875h1.125v.375c0%20.207.168.375.375.375h.375a.375.375%200%200%200%20.375-.375v-.375h2.25v.375c0%20.207.168.375.375.375h.375a.375.375%200%200%200%20.375-.375v-.375h1.125v1.5h-6.75v-1.5zm0%202.625v3.375h6.75V27h-6.75z'%20fill='%230a84ff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/date-range-picker.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cpath%20d='M40.5%2027h-8'%20stroke='%23999'%3e%3c/path%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.125%2022.5a.375.375%200%200%200-.375.375v.375h-1.5a.75.75%200%200%200-.75.75v6.75c0%20.414.336.75.75.75h7.5a.75.75%200%200%200%20.75-.75V24a.75.75%200%200%200-.75-.75h-1.5v-.375a.375.375%200%200%200-.375-.375H51.5a.375.375%200%200%200-.375.375v.375h-2.25v-.375a.375.375%200%200%200-.375-.375h-.375zm-1.5%201.875h1.125v.375c0%20.207.168.375.375.375h.375a.375.375%200%200%200%20.375-.375v-.375h2.25v.375c0%20.207.168.375.375.375h.375a.375.375%200%200%200%20.375-.375v-.375h1.125v1.5h-6.75v-1.5zm0%202.625v3.375h6.75V27h-6.75zM20.125%2022.5a.375.375%200%200%200-.375.375v.375h-1.5a.75.75%200%200%200-.75.75v6.75c0%20.414.336.75.75.75h7.5a.75.75%200%200%200%20.75-.75V24a.75.75%200%200%200-.75-.75h-1.5v-.375a.375.375%200%200%200-.375-.375H23.5a.375.375%200%200%200-.375.375v.375h-2.25v-.375a.375.375%200%200%200-.375-.375h-.375zm-1.5%201.875h1.125v.375c0%20.207.168.375.375.375h.375a.375.375%200%200%200%20.375-.375v-.375h2.25v.375c0%20.207.168.375.375.375h.375a.375.375%200%200%200%20.375-.375v-.375h1.125v1.5h-6.75v-1.5zm0%202.625v3.375h6.75V27h-6.75z'%20fill='%230a84ff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/input-number.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cpath%20d='M39%2021v12'%20stroke='%230a84ff'%3e%3c/path%3e%3cpath%20d='M20.32%2023.86c-.24.26-.54.49-.9.71-.36.2-.69.34-1.01.42v1.08c.66-.19%201.21-.49%201.64-.9V31h1.09v-7.14h-.82zm4.872-.14c-.76%200-1.38.25-1.84.77-.45.48-.68%201.12-.69%201.92h1.09c.02-.58.14-1.01.38-1.31.23-.31.57-.46%201.02-.46.42%200%20.75.1.97.3.22.2.33.5.33.9%200%20.42-.17.81-.49%201.17-.2.21-.54.48-1.02.82-.81.56-1.35.99-1.61%201.3-.48.54-.71%201.16-.71%201.87h4.92v-.96h-3.57c.15-.39.61-.84%201.38-1.35.71-.48%201.2-.86%201.48-1.15.46-.51.7-1.07.7-1.69%200-.63-.22-1.14-.65-1.54-.44-.4-1.01-.59-1.69-.59zm5.956%200c-.7%200-1.27.19-1.71.59-.47.4-.73.95-.79%201.66h1.07c.04-.44.19-.77.43-.99.24-.22.58-.33%201.01-.33.42%200%20.75.09.97.29.2.19.31.46.31.82%200%20.36-.12.64-.34.83-.22.19-.55.29-.99.29h-.51v.82h.52c.47%200%20.83.1%201.07.3.26.2.39.51.39.93%200%20.36-.13.65-.37.89-.28.26-.65.4-1.11.4-.42%200-.76-.12-1.02-.36-.3-.26-.45-.63-.47-1.11h-1.1c.06.8.34%201.41.84%201.83.44.37%201.03.56%201.76.56.76%200%201.39-.22%201.87-.64.45-.42.68-.96.68-1.62%200-.42-.12-.77-.36-1.04-.22-.26-.54-.46-.96-.59.78-.26%201.18-.79%201.18-1.57%200-.61-.22-1.09-.64-1.44-.44-.35-1.01-.52-1.73-.52z'%20fill='%230a84ff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/input-tag.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5.5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cpath%20d='M25.9464%2023.4062V22.2727H32.7006V23.4062H29.9776V31H28.6651V23.4062H25.9464ZM35.1051%2031.1449C34.6903%2031.1449%2034.3153%2031.0682%2033.9801%2030.9148C33.6449%2030.7585%2033.3793%2030.5327%2033.1832%2030.2372C32.9901%2029.9418%2032.8935%2029.5795%2032.8935%2029.1506C32.8935%2028.7812%2032.9645%2028.4773%2033.1065%2028.2386C33.2486%2028%2033.4403%2027.8111%2033.6818%2027.6719C33.9233%2027.5327%2034.1932%2027.4276%2034.4915%2027.3565C34.7898%2027.2855%2035.0938%2027.2315%2035.4034%2027.1946C35.7955%2027.1491%2036.1136%2027.1122%2036.358%2027.0838C36.6023%2027.0526%2036.7798%2027.0028%2036.8906%2026.9347C37.0014%2026.8665%2037.0568%2026.7557%2037.0568%2026.6023V26.5724C37.0568%2026.2003%2036.9517%2025.9119%2036.7415%2025.7074C36.5341%2025.5028%2036.2244%2025.4006%2035.8125%2025.4006C35.3835%2025.4006%2035.0455%2025.4957%2034.7983%2025.6861C34.554%2025.8736%2034.3849%2026.0824%2034.2912%2026.3125L33.0938%2026.0398C33.2358%2025.642%2033.4432%2025.321%2033.7159%2025.0767C33.9915%2024.8295%2034.3082%2024.6506%2034.6662%2024.5398C35.0241%2024.4261%2035.4006%2024.3693%2035.7955%2024.3693C36.0568%2024.3693%2036.3338%2024.4006%2036.6264%2024.4631C36.9219%2024.5227%2037.1974%2024.6335%2037.4531%2024.7955C37.7116%2024.9574%2037.9233%2025.1889%2038.0881%2025.4901C38.2528%2025.7884%2038.3352%2026.1761%2038.3352%2026.6534V31H37.0909V30.1051H37.0398C36.9574%2030.2699%2036.8338%2030.4318%2036.669%2030.5909C36.5043%2030.75%2036.2926%2030.8821%2036.0341%2030.9872C35.7756%2031.0923%2035.4659%2031.1449%2035.1051%2031.1449ZM35.3821%2030.1222C35.7344%2030.1222%2036.0355%2030.0526%2036.2855%2029.9134C36.5384%2029.7741%2036.7301%2029.5923%2036.8608%2029.3679C36.9943%2029.1406%2037.0611%2028.8977%2037.0611%2028.6392V27.7955C37.0156%2027.8409%2036.9276%2027.8835%2036.7969%2027.9233C36.669%2027.9602%2036.5227%2027.9929%2036.358%2028.0213C36.1932%2028.0469%2036.0327%2028.071%2035.8764%2028.0938C35.7202%2028.1136%2035.5895%2028.1307%2035.4844%2028.1449C35.2372%2028.1761%2035.0114%2028.2287%2034.8068%2028.3026C34.6051%2028.3764%2034.4432%2028.483%2034.321%2028.6222C34.2017%2028.7585%2034.142%2028.9403%2034.142%2029.1676C34.142%2029.483%2034.2585%2029.7216%2034.4915%2029.8835C34.7244%2030.0426%2035.0213%2030.1222%2035.3821%2030.1222ZM42.7766%2033.5909C42.2567%2033.5909%2041.8093%2033.5227%2041.4343%2033.3864C41.0621%2033.25%2040.7582%2033.0696%2040.5224%2032.8452C40.2866%2032.6207%2040.1104%2032.375%2039.994%2032.108L41.0891%2031.6562C41.1658%2031.7812%2041.2681%2031.9134%2041.396%2032.0526C41.5266%2032.1946%2041.7028%2032.3153%2041.9244%2032.4148C42.1488%2032.5142%2042.4371%2032.5639%2042.7894%2032.5639C43.2724%2032.5639%2043.6715%2032.446%2043.9869%2032.2102C44.3022%2031.9773%2044.4599%2031.6051%2044.4599%2031.0938V29.8068H44.3789C44.3022%2029.946%2044.1914%2030.1009%2044.0465%2030.2713C43.9045%2030.4418%2043.7085%2030.5895%2043.4585%2030.7145C43.2085%2030.8395%2042.8832%2030.902%2042.4826%2030.902C41.9656%2030.902%2041.4996%2030.7812%2041.0849%2030.5398C40.6729%2030.2955%2040.3462%2029.9361%2040.1048%2029.4616C39.8661%2028.9844%2039.7468%2028.3977%2039.7468%2027.7017C39.7468%2027.0057%2039.8647%2026.4091%2040.1005%2025.9119C40.3391%2025.4148%2040.6658%2025.0341%2041.0806%2024.7699C41.4954%2024.5028%2041.9656%2024.3693%2042.4911%2024.3693C42.8974%2024.3693%2043.2255%2024.4375%2043.4755%2024.5739C43.7255%2024.7074%2043.9201%2024.8636%2044.0593%2025.0426C44.2013%2025.2216%2044.3107%2025.3793%2044.3874%2025.5156H44.4812V24.4545H45.7298V31.1449C45.7298%2031.7074%2045.5991%2032.169%2045.3377%2032.5298C45.0763%2032.8906%2044.7227%2033.1577%2044.2766%2033.331C43.8335%2033.5043%2043.3335%2033.5909%2042.7766%2033.5909ZM42.7638%2029.8452C43.1303%2029.8452%2043.44%2029.7599%2043.6928%2029.5895C43.9485%2029.4162%2044.1417%2029.169%2044.2724%2028.848C44.4059%2028.5241%2044.4727%2028.1364%2044.4727%2027.6847C44.4727%2027.2443%2044.4073%2026.8565%2044.2766%2026.5213C44.146%2026.1861%2043.9542%2025.9247%2043.7013%2025.7372C43.4485%2025.5469%2043.136%2025.4517%2042.7638%2025.4517C42.3803%2025.4517%2042.0607%2025.5511%2041.805%2025.75C41.5494%2025.946%2041.3562%2026.2131%2041.2255%2026.5511C41.0977%2026.8892%2041.0337%2027.267%2041.0337%2027.6847C41.0337%2028.1136%2041.0991%2028.4901%2041.2298%2028.8139C41.3604%2029.1378%2041.5536%2029.3906%2041.8093%2029.5724C42.0678%2029.7543%2042.386%2029.8452%2042.7638%2029.8452Z'%20fill='%230a84ff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/input.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cpath%20d='M30%2021v12'%20stroke='%230a84ff'%3e%3c/path%3e%3cpath%20d='M18.15%2023.86v.93h2.39V31h1.08v-6.21H24v-.93h-5.85z'%20fill='%230a84ff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/radio-group.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='27'%20y='17.5'%20width='19'%20height='19'%20rx='11.5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.363%2023.806a.75.75%200%200%201%20.081%201.057l-4.5%205.25a.75.75%200%200%201-1.1.042l-2.25-2.25a.75.75%200%201%201%201.061-1.06l1.678%201.677%203.973-4.635a.75.75%200%200%201%201.057-.081z'%20fill='%230a84ff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/rate.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M36%2019L39.09%2025.26L46%2026.27L41%2031.14L42.18%2038.02L36%2034.77L29.82%2038.02L31%2031.14L26%2026.27L32.91%2025.26L36%2019Z'%20fill='%230a84ff'%20stroke='%230a84ff'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3c/svg%3e","../assets/images/icon/select-multiple.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3crect%20x='17'%20y='25'%20width='8'%20height='4'%20rx='0.5'%20fill='%23999'%3e%3c/rect%3e%3crect%20x='32'%20y='25'%20width='8'%20height='4'%20rx='0.5'%20fill='%23999'%3e%3c/rect%3e%3cpath%20d='M28%2024V30'%20stroke='%23999'%3e%3c/path%3e%3cpath%20d='M47.2219%2025.0093C47.4172%2024.814%2047.7338%2024.814%2047.929%2025.0093L50.1091%2027.1894L52.2267%2025.0718C52.4219%2024.8765%2052.7385%2024.8765%2052.9338%2025.0718L53.2873%2025.4253C53.4826%2025.6206%2053.4826%2025.9372%2053.2873%2026.1324L50.4589%2028.9609C50.2637%2029.1561%2049.9471%2029.1561%2049.7518%2028.9609L49.3983%2028.6073C49.3807%2028.5898%2049.3648%2028.5713%2049.3504%2028.552L46.8684%2026.0699C46.6731%2025.8747%2046.6731%2025.5581%2046.8684%2025.3628L47.2219%2025.0093Z'%20fill='%230a84ff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/select.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3crect%20x='20'%20y='25'%20width='8'%20height='4'%20rx='0.5'%20fill='%23999'%3e%3c/rect%3e%3cpath%20d='M47.222%2025.01a.5.5%200%200%201%20.707%200l2.18%202.18%202.118-2.118a.5.5%200%200%201%20.707%200l.353.353a.5.5%200%200%201%200%20.707l-2.828%202.829a.5.5%200%200%201-.707%200l-.354-.354a.506.506%200%200%201-.048-.055l-2.482-2.482a.5.5%200%200%201%200-.707l.354-.354z'%20fill='%230a84ff'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/slider-range.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%2027C12%2026.4477%2012.4477%2026%2013%2026H59C59.5523%2026%2060%2026.4477%2060%2027C60%2027.5523%2059.5523%2028%2059%2028H13C12.4477%2028%2012%2027.5523%2012%2027Z'%20fill='%23999'%3e%3c/path%3e%3crect%20x='28'%20y='26'%20width='20'%20height='2'%20rx='1'%20fill='%230a84ff'%3e%3c/rect%3e%3cpath%20d='M49%2027C49%2028.6569%2047.6569%2030%2046%2030C44.3431%2030%2043%2028.6569%2043%2027C43%2025.3431%2044.3431%2024%2046%2024C47.6569%2024%2049%2025.3431%2049%2027Z'%20fill='white'%20stroke='%230a84ff'%20stroke-width='2'%3e%3c/path%3e%3cpath%20d='M29%2027C29%2028.6569%2027.6569%2030%2026%2030C24.3431%2030%2023%2028.6569%2023%2027C23%2025.3431%2024.3431%2024%2026%2024C27.6569%2024%2029%2025.3431%2029%2027Z'%20fill='white'%20stroke='%230a84ff'%20stroke-width='2'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/slider.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%2027C12%2026.4477%2012.4477%2026%2013%2026H59C59.5523%2026%2060%2026.4477%2060%2027C60%2027.5523%2059.5523%2028%2059%2028H13C12.4477%2028%2012%2027.5523%2012%2027Z'%20fill='%23999'%3e%3c/path%3e%3crect%20x='12'%20y='26'%20width='18'%20height='2'%20rx='1'%20fill='%230a84ff'%3e%3c/rect%3e%3cpath%20d='M33%2027C33%2028.6569%2031.6569%2030%2030%2030C28.3431%2030%2027%2028.6569%2027%2027C27%2025.3431%2028.3431%2024%2030%2024C31.6569%2024%2033%2025.3431%2033%2027Z'%20fill='white'%20stroke='%230a84ff'%20stroke-width='2'%3e%3c/path%3e%3c/svg%3e","../assets/images/icon/switch.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='20.5'%20y='19.5'%20width='31'%20height='18'%20rx='9.5'%20stroke='%230a84ff'%3e%3c/rect%3e%3crect%20x='36'%20y='22.5'%20width='12'%20height='12'%20rx='10'%20fill='%230a84ff'%3e%3c/rect%3e%3c/svg%3e","../assets/images/icon/tabs.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='17.5'%20width='47'%20height='19'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3cg%20filter='url(%23dxkfp4c1wa)'%3e%3cpath%20d='m24.268%2028.05%201.21-3.33h.02l1.19%203.33h-2.42zm.71-4.19L22.198%2031h.97l.8-2.15h3.02l.78%202.15h1.05l-2.79-7.14h-1.05z'%20fill='%23999'%3e%3c/path%3e%3c/g%3e%3crect%20x='36'%20y='20'%20width='21'%20height='14'%20rx='3'%20fill='%230a84ff'%3e%3c/rect%3e%3cpath%20d='M44.807%2026.93v-2.27h1.9c.207%200%20.4.013.58.04.187.02.35.07.49.15.14.08.25.193.33.34.08.147.12.347.12.6%200%20.38-.12.667-.36.86-.233.187-.62.28-1.16.28h-1.9zm-.95-3.07V31h3.45c.353%200%20.663-.057.93-.17.273-.12.5-.273.68-.46.187-.193.327-.413.42-.66.093-.247.14-.5.14-.76%200-.44-.116-.813-.35-1.12-.233-.307-.57-.507-1.01-.6v-.02c.34-.133.6-.337.78-.61.187-.28.28-.61.28-.99%200-.36-.083-.663-.25-.91a1.812%201.812%200%200%200-.59-.58%201.218%201.218%200%200%200-.39-.15%203.315%203.315%200%200%200-.48-.07%204.62%204.62%200%200%200-.53-.03c-.173-.007-.337-.01-.49-.01h-2.59zm.95%206.34v-2.47h2.17c.2%200%20.394.02.58.06.187.033.35.097.49.19a.955.955%200%200%201%20.35.36c.087.153.13.347.13.58%200%20.4-.12.713-.36.94-.233.227-.56.34-.98.34h-2.38z'%20fill='%23fff'%3e%3c/path%3e%3cdefs%3e%3cfilter%20id='dxkfp4c1wa'%20x='11'%20y='16'%20width='29'%20height='26'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%3e%3c/feFlood%3e%3cfeColorMatrix%20in='SourceAlpha'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%3e%3c/feColorMatrix%3e%3cfeOffset%20dy='2'%3e%3c/feOffset%3e%3cfeGaussianBlur%20stdDeviation='2'%3e%3c/feGaussianBlur%3e%3cfeColorMatrix%20values='0%200%200%200%200.101961%200%200%200%200%200.133333%200%200%200%200%200.2%200%200%200%200.04%200'%3e%3c/feColorMatrix%3e%3cfeBlend%20in2='BackgroundImageFix'%20result='effect1_dropShadow_2817_7776'%3e%3c/feBlend%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_dropShadow_2817_7776'%20result='shape'%3e%3c/feBlend%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e","../assets/images/icon/textarea.svg":"data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2072%2054'%20style='enable-background:new%200%200%2072%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:none;stroke:%23999999;stroke-linecap:round;}%20.st1{fill:none;stroke:%230a84ff;}%20.st2{fill:%230a84ff;}%20.st3{fill:none;stroke:%23FFFFFF;stroke-width:0.96;stroke-linecap:round;stroke-linejoin:round;}%20%3c/style%3e%3cpath%20class='st0'%20d='M16,21h29.4%20M16,25h29.4%20M16,29l40,0%20M16,33l40,0'/%3e%3cpath%20class='st1'%20d='M17.5,15.5h37c2.8,0,5,2.2,5,5v13c0,2.8-2.2,5-5,5h-37c-2.8,0-5-2.2-5-5v-13C12.5,17.7,14.7,15.5,17.5,15.5z'/%3e%3cpath%20class='st2'%20d='M49.6,19h4.8c0.9,0,1.6,0.7,1.6,1.6v4.8c0,0.9-0.7,1.6-1.6,1.6h-4.8c-0.9,0-1.6-0.7-1.6-1.6v-4.8%20C48,19.7,48.7,19,49.6,19z'/%3e%3cpath%20class='st3'%20d='M50,20.9H54%20M52,21.4l0,3.8'/%3e%3c/svg%3e","../assets/images/icon/upload.svg":"data:image/svg+xml,%3csvg%20width='72'%20height='54'%20viewBox='0%200%2072%2054'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='12.5'%20y='14.5'%20width='47'%20height='24'%20rx='5'%20stroke='%230a84ff'%3e%3c/rect%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20x='28'%20y='20'%20width='14'%20height='14'%20viewBox='0%200%2024%2024'%20stroke='%230a84ff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20%3e%3cpolyline%20points='16%2016%2012%2012%208%2016'%3e%3c/polyline%3e%3cline%20x1='12'%20y1='12'%20x2='12'%20y2='21'%3e%3c/line%3e%3cpath%20d='M20.39%2018.39A5%205%200%200%200%2018%209h-1.26A8%208%200%201%200%203%2016.3'%3e%3c/path%3e%3cpolyline%20points='16%2016%2012%2012%208%2016'%3e%3c/polyline%3e%3c/svg%3e%3c/svg%3e","../assets/images/local/br.svg":g,"../assets/images/local/de.svg":r,"../assets/images/local/es.svg":l,"../assets/images/local/fr.svg":h,"../assets/images/local/it.svg":a,"../assets/images/local/ja.svg":s,"../assets/images/local/ko.svg":i,"../assets/images/local/us.svg":c,"../assets/images/local/zh.svg":t})[`../assets/images/${o}/${e}`],import.meta.url).href}({name:`${e}.svg`,type:"icon"})}function w(t){const c=/```([^`]+)```/g,i=[];let s,a=0;for(;s=c.exec(t),null!==s;)s.index>a&&i.push(t.slice(a,s.index)),i.push(o(e,{color:"info"},s[1])),a=s.index+s[0].length;return a<t.length&&i.push(t.slice(a)),0===i.length?t:o("span",{},i)}export{n as a,f as c,d,v as g,w as r};

package/dist/assets/static/.pnpm-DmMgEs00.css

@@ -1 +0,0 @@
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translate(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translate(-5px)}.tippy-box[data-animation=scale-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-subtle][data-state=hidden]{transform:scale(.8);opacity:0}

package/dist/assets/static/Chat-Cj-OpscU.css

@@ -1 +0,0 @@
-ul[data-v-13405c20]{line-height:35px}

package/dist/assets/static/LewCodeHighlighter-C0V3LjdE.css

@@ -1 +0,0 @@
-.lew-code-highlighter{box-sizing:border-box;overflow-x:auto}pre{z-index:1;padding:15px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;position:relative;background-color:var(--lew-bgcolor-0)!important;border-radius:var(--lew-border-radius-small)}code{display:block;line-height:1.7;font-size:var(--lew-font-size-code)!important;letter-spacing:.05em;white-space:pre-wrap;font-family:v-mono,SFMono-Regular,Menlo,Consolas,Courier,monospace!important}.shiki,.shiki span{font-size:14px}.lew-dark .shiki,.lew-dark .shiki span{color:var(--shiki-dark)!important}

package/dist/assets/static/LewDocsTables-BKuMxgWa.css

@@ -1 +0,0 @@
-.demo-box[data-v-a2bf0e5d]{margin:20px 0}.demo-box .desc[data-v-a2bf0e5d]{margin:20px 0;color:var(--lew-text-color-5)}.demo-box .demo-item[data-v-a2bf0e5d]{margin:10px 0;background-color:var(--lew-bgcolor-0);border-radius:var(--lew-border-radius-small);box-shadow:var(--lew-box-shadow);overflow:hidden}.demo-box .demo-docs-title[data-v-a2bf0e5d]{text-transform:capitalize}.demo-box .hl-pre[data-v-a2bf0e5d]{position:relative;border-top:var(--lew-border-1)}.demo-box .hl-pre .pre-box[data-v-a2bf0e5d]{border-radius:var(--lew-border-radius-small)}.demo-box .hl-pre .copy-btn[data-v-a2bf0e5d]{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--lew-bgcolor-3);border-radius:var(--lew-border-radius-small);cursor:pointer;transition:all .2s ease;border:1px solid var(--lew-border-color-1)}.demo-box .hl-pre .copy-btn .copy-icon[data-v-a2bf0e5d]{color:var(--lew-text-color-5);transition:color .2s ease}.demo-box .hl-pre .copy-btn .copy-icon.success[data-v-a2bf0e5d]{color:#10b981}.demo-box .hl-pre .copy-btn[data-v-a2bf0e5d]:hover{background-color:var(--lew-bgcolor-4);border-color:var(--lew-border-color-2)}.demo-box .hl-pre .copy-btn:hover .copy-icon[data-v-a2bf0e5d]:not(.success){color:var(--lew-text-color-3)}.demo-box .hl-pre .copy-btn[data-v-a2bf0e5d]:active{transform:scale(.95)}.demo-box .show-bar[data-v-a2bf0e5d]{display:flex;justify-content:center;align-items:center;border-top:var(--lew-border-1);width:100%;height:35px;font-size:14px;cursor:pointer;color:#999;background-color:var(--lew-bgcolor-1)}.demo-box .show-bar .icon[data-v-a2bf0e5d]{display:flex;justify-content:center;align-items:center;margin-right:10px}.demo-box .show-bar[data-v-a2bf0e5d]:hover{background-color:var(--lew-bgcolor-3);color:var(--lew-text-color-3)}.demo-box .demo-cp[data-v-a2bf0e5d]{width:100%;overflow-x:auto;box-sizing:border-box;padding:30px}@media (max-width: 767px){.demo-box .demo-cp[data-v-a2bf0e5d]{overflow-x:auto}}.lew-demo-box-layout[data-v-e521a0f2]{display:flex;width:100%}.lew-demo-box-layout .demo-column[data-v-e521a0f2]{width:var(--column-width);flex-shrink:0;display:flex;flex-direction:column;min-width:0;overflow:hidden}.lew-demo-box-layout .demo-column[data-v-e521a0f2]:not(:last-child){margin-right:var(--05da6cf6)}.lew-demo-box-layout .demo-column[data-v-e521a0f2] .demo-box{width:100%;min-width:0;overflow:hidden}.popover-body[data-v-ec5cb8b8]{box-sizing:border-box;max-width:500px;border-radius:var(--lew-border-radius-small);overflow:hidden}.demo-docs-title[data-v-fa4c4161]{text-transform:capitalize;letter-spacing:.8px}[data-v-fa4c4161] .lew-tag-value{letter-spacing:1px}

package/dist/assets/static/Locale-BU0WMDwN.css

@@ -1 +0,0 @@
-.language-table[data-v-1f084193]{width:300px;border-collapse:collapse;margin:16px 0;border-radius:8px;overflow:hidden;border:1px solid var(--lew-bgcolor-2)}.language-table th[data-v-1f084193],.language-table td[data-v-1f084193]{padding:12px 16px;border:1px solid var(--lew-bgcolor-2);text-align:left;border-bottom:1px solid var(--lew-border-color)}.language-table th[data-v-1f084193]{background-color:var(--lew-bgcolor-1);font-weight:600;color:var(--lew-text-color)}.language-table td[data-v-1f084193]{background-color:var(--lew-bgcolor-0);color:var(--lew-text-color);font-size:14px}

package/dist/assets/static/Log-Ded26Rz5.css

@@ -1 +0,0 @@
-ul[data-v-55591483],ul[data-v-79816fe1],ul[data-v-4835bdc2]{padding-left:20px;line-height:35px}.line[data-v-4835bdc2]{margin:60px 0;height:1px;width:100%;background-color:var(--lew-bgcolor-3)}

package/dist/assets/static/Playground-D4vqoKB0.css

@@ -1 +0,0 @@
-.form-box[data-v-26db2ad4]{width:450px;flex-shrink:0}pre[data-v-26db2ad4]{width:350px;background-color:var(--lew-bgcolor-2);padding:30px;flex-shrink:0}@media (max-width: 767px){.form-box[data-v-26db2ad4]{width:100%}}

package/dist/assets/static/SetForm-C-J-zOfi.css

@@ -1 +0,0 @@
-.modal-body[data-v-5a43541b]{width:100%;height:100%;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;padding:40px;box-sizing:border-box}.header[data-v-5a43541b]{display:flex;justify-content:center;align-items:center;height:50px;font-size:18px;font-weight:bolder}.set-form-item[data-v-b6f373b1]{width:100%;display:flex;align-items:flex-start;justify-content:space-between;-webkit-user-select:none;user-select:none;border-bottom:1px var(--lew-form-bgcolor) solid;padding-bottom:10px}.set-form-item .set-form-item-label[data-v-b6f373b1]{white-space:nowrap;margin-top:7px}.set-form-item .set-form-item-label .set-form-item-tips[data-v-b6f373b1]{cursor:pointer}.set-form-item .lew-form-item-main[data-v-b6f373b1]{display:flex;align-items:center;justify-content:flex-end;min-height:34px;width:160px;flex-shrink:0}.set-form-item[data-v-b6f373b1]:last-child{border-bottom:none}.set-form-item-y[data-v-b6f373b1]{flex-direction:column;gap:10px}.set-form-item-y .lew-form-item-main[data-v-b6f373b1]{width:100%}.set-form[data-v-5e2cb571]{width:100%;display:flex;flex-direction:column;padding:15px 15px 0;gap:10px;box-sizing:border-box;overflow:hidden;transition:all .25s}

package/dist/assets/static/TodoList-CI_2noZh.css

@@ -1 +0,0 @@
-ul[data-v-4e37e998]{padding-left:20px;line-height:35px}

package/dist/assets/static/file_csv-zEB3Xt4c.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M170.496228 34.133311C132.881319 34.133311 102.400273 64.85329 102.400273 102.160999v853.776497C102.400273 993.552404 132.778919 1023.999317 170.803427 1023.999317h716.560589A68.437288 68.437288 0 0 0 955.733038 955.56203V229.171047L761.787567 34.133311H170.496228z" fill="#FFFFFF" /><path d="M68.266962 85.094343v853.776498A85.094343 85.094343 0 0 0 153.736772 1023.999317h716.560589A85.503943 85.503943 0 0 0 955.733038 938.495374V212.104392a17.134922 17.134922 0 0 0-4.949331-12.049059L756.838237 5.017597A17.169055 17.169055 0 0 0 744.720912 0H153.429572A85.26501 85.26501 0 0 0 68.266962 85.094343zM744.720912 34.133311l-12.117326-5.017597 193.945471 195.037737L921.599727 212.104392v726.356849c0 28.398914-23.005851 51.404766-51.336499 51.404766H153.736772A50.995166 50.995166 0 0 1 102.400273 938.904974V85.094343C102.400273 57.105029 125.337858 34.133311 153.429572 34.133311h591.29134z" fill="#CECECE" /><path d="M802.064873 238.967307H938.666382a17.066655 17.066655 0 0 0 12.083192-29.149847l-204.799863-204.799863A17.066655 17.066655 0 0 0 716.799863 17.100789v136.601509a85.333276 85.333276 0 0 0 85.26501 85.265009zM750.933174 17.100789l-29.149847 12.083192 204.799863 204.799863 12.083192-29.149847h-136.601509A51.199966 51.199966 0 0 1 750.933174 153.702298V17.100789z" fill="#CECECE" /><path d="M391.27048 636.756909l71.065553-103.799398-59.80156-92.296471c-5.631996-8.942927-9.864527-16.657056-12.663458-23.074118s-4.232531-12.595192-4.232531-18.534388c0-6.075729 2.696532-11.502926 8.123728-16.349856s12.049059-7.236262 19.831454-7.236262c8.942927 0 15.940256 2.628265 20.923719 7.918928s11.878392 15.05279 20.684786 29.354648l47.650102 77.141281 50.926899-77.141281 10.71786-16.691189c2.969598-4.64213 5.802663-8.465061 8.567461-11.468793s5.802663-5.324796 9.215993-6.826662 7.338662-2.286932 11.810126-2.286932c8.089595 0 14.711457 2.423465 19.831453 7.270396s7.679995 10.581326 7.679995 17.237321c0 9.69386-5.56373 22.835185-16.691189 39.423974l-62.600491 93.593538 67.379155 103.799397c6.075729 9.113594 10.478926 16.657056 13.209591 22.630385s4.130131 11.673592 4.130131 16.998389a26.828782 26.828782 0 0 1-14.097058 23.825051 30.924779 30.924779 0 0 1-15.15519 3.686397c-6.075729 0-11.195726-1.262932-15.394123-3.788797s-7.577595-5.66613-10.171726-9.420794-7.441062-11.059193-14.506657-21.879452l-55.910363-87.961542-59.357827 90.555673c-4.607997 7.236262-7.918928 12.287992-9.864527 15.15519s-4.300797 5.700263-7.031462 8.465061-6.007463 4.915197-9.762127 6.485329-8.157861 2.389332-13.209591 2.389332c-7.816528 0-14.267724-2.389332-19.38772-7.133862s-7.714128-11.707726-7.714128-20.821319c0-10.683726 5.25653-23.756784 15.803722-39.219174zM726.76679 894.63407c-9.89866 7.714128-19.49012 13.482658-28.740247 17.339722s-19.626654 5.768529-31.12958 5.76853c-10.51306 0-19.729054-2.082132-27.682114-6.212263s-14.062924-9.762127-18.363722-16.861855-6.451196-14.84799-6.451195-23.142385c0-11.195726 3.549864-20.753053 10.649593-28.637848s16.861855-13.209591 29.252247-15.906122c2.594132-0.6144 9.045327-1.945599 19.353587-4.061864s19.114654-4.027731 26.487449-5.76853 15.325856-3.891197 23.927451-6.382929c-0.512-10.786126-2.662398-18.739188-6.519463-23.790917s-11.810125-7.577595-23.92745-7.577595c-10.41066 0-18.227188 1.433599-23.483718 4.33493s-9.762127 7.236262-13.516791 13.038925-6.417062 9.625594-7.953061 11.468792-4.881063 2.764798-9.966927 2.764798c-4.607997 0-8.567461-1.467732-11.912526-4.43733s-5.017597-6.724262-5.017596-11.332259c0-7.202129 2.559998-14.199457 7.645861-20.991986s13.038925-12.390392 23.859184-16.793589 24.234651-6.519462 40.31144-6.519462c17.988255 0 32.153579 2.116265 42.461839 6.382929s17.578655 10.990926 21.811185 20.172786 6.382929 21.401586 6.382929 36.590909l-0.068266 24.439451c-0.034133 6.690129-0.136533 14.165324-0.238934 22.357318 0 7.714128 1.262932 15.735456 3.822931 24.063984s3.822931 13.721591 3.822931 16.110923c0 4.198397-1.979732 8.021328-5.939196 11.468792s-8.430928 5.188263-13.414391 5.188263c-4.198397 0-8.362661-1.979732-12.458659-5.939196s-8.430928-9.625594-13.004791-17.134922z m-2.730665-59.255427c-6.007463 2.184532-14.711457 4.53973-26.180249 6.963195s-19.38772 4.266664-23.790917 5.393064-8.601594 3.413331-12.595192 6.758395-6.007463 8.021328-6.007463 14.028791c0 6.212263 2.355198 11.468792 7.065596 15.837856s10.854393 6.519462 18.466121 6.519462c8.089595 0 15.56479-1.774932 22.425585-5.324796s11.878392-8.123728 15.086923-13.721591c3.686398-6.212263 5.56373-16.383989 5.56373-30.583446v-5.87093z m121.582853 82.670878a25.66825 25.66825 0 0 1-17.100789-6.075729c-4.812797-4.061864-7.202129-9.727994-7.202129-17.032522 0-6.314662 2.355198-11.605326 7.065596-15.906123a23.859184 23.859184 0 0 1 16.657055-6.451195c4.812797 0 9.147727 1.297066 13.038925 3.891197 3.891197 2.594132 6.963195 6.417062 9.147727 11.468792s3.310931 11.263992 3.310931 18.670921c0 9.89866-2.116265 19.182921-6.314662 27.818648a61.098626 61.098626 0 0 1-15.35999 20.548253c-6.041596 5.05173-11.537059 7.577595-16.418122 7.577595-3.106131 0-5.631996-1.023999-7.577595-3.071998s-2.935465-4.43733-2.935465-7.133862c0-4.095997 2.047999-7.406928 6.143996-9.89866 11.707726-6.485329 17.544522-14.609057 17.544522-24.405317z" fill="#7FC881" /></svg>

package/dist/assets/static/file_pdf-CA10oUac.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M170.496228 34.133311C132.881319 34.133311 102.400273 64.85329 102.400273 102.160999v853.776497C102.400273 993.552404 132.778919 1023.999317 170.803427 1023.999317h716.560589A68.437288 68.437288 0 0 0 955.733038 955.56203V229.171047L761.787567 34.133311H170.496228z" fill="#FFFFFF" /><path d="M68.266962 85.094343v853.776498A85.094343 85.094343 0 0 0 153.736772 1023.999317h716.560589A85.503943 85.503943 0 0 0 955.733038 938.495374V212.104392a17.134922 17.134922 0 0 0-4.949331-12.049059L756.838237 5.017597A17.169055 17.169055 0 0 0 744.720912 0H153.429572A85.26501 85.26501 0 0 0 68.266962 85.094343zM744.720912 34.133311l-12.117326-5.017597 193.945471 195.037737L921.599727 212.104392v726.356849c0 28.398914-23.005851 51.404766-51.336499 51.404766H153.736772A50.995166 50.995166 0 0 1 102.400273 938.904974V85.094343C102.400273 57.105029 125.337858 34.133311 153.429572 34.133311h591.29134z" fill="#CECECE" /><path d="M802.064873 238.967307H938.666382a17.066655 17.066655 0 0 0 12.083192-29.149847l-204.799863-204.799863A17.066655 17.066655 0 0 0 716.799863 17.100789v136.601509a85.333276 85.333276 0 0 0 85.26501 85.265009zM750.933174 17.100789l-29.149847 12.083192 204.799863 204.799863 12.083192-29.149847h-136.601509A51.199966 51.199966 0 0 1 750.933174 153.702298V17.100789z" fill="#CECECE" /><path d="M462.916299 557.465228c11.400526-23.176518 19.148787-40.174907 25.804783-57.446361l4.710397-12.049059a15.906123 15.906123 0 0 0 0.6144-9.762127 2849.6877 2849.6877 0 0 1-6.758396-27.647981l-1.570132-6.724263a725.810716 725.810716 0 0 1-4.198397-19.524253c-8.123728-40.00424-9.625594-65.399423-4.84693-83.251145a11.673592 11.673592 0 0 1 6.587728-1.877332h7.884795c1.023999 0 4.33493 5.05173 5.222397 9.762127 0.4096 3.037865 0.375466 5.597863 0.068266 8.703994a89.668207 89.668207 0 0 1-1.570132 9.932794 139.263907 139.263907 0 0 1-1.809065 7.714128l15.394123 4.369064h16.008522c0-11.571192-0.4096-18.500254-2.389331-27.135982a67.106089 67.106089 0 0 0-3.583998-11.298126c-8.055461-18.875721-15.940256-29.525314-28.979181-31.436779a15.906123 15.906123 0 0 0-11.332259 2.628265c-6.997329 4.778663-11.127459 13.277858-12.356258 23.381317a212.957725 212.957725 0 0 0-2.491732 29.354648c0 24.814917 4.607997 55.46663 13.243725 85.128476a15.56479 15.56479 0 0 0 13.414391 11.400526 15.769589 15.769589 0 0 0 17.203188-10.92266c2.286932-6.553596 3.618131-10.649593 4.437331-14.779723l5.973329-23.756784 6.417062-25.395183-31.505045-4.573864-0.580267 12.253859c-0.477866 9.215994-1.023999 18.431988-1.672532 27.033582-0.682666 9.181861-1.399466 17.066655-2.116265 23.039984a162.576958 162.576958 0 0 1-1.535999 9.727994 247.534768 247.534768 0 0 1-1.228799 5.870929l-1.262933 5.97333a15.906123 15.906123 0 0 0 0.546133 8.191994c2.116265 6.212263 4.43733 12.356258 6.929062 18.363721 14.267724 34.133311 34.815977 64.375424 59.494361 87.449542 6.553596 6.212263 13.653324 11.537059 23.108251 17.544522 4.676264 2.969598 9.966927 6.109863 16.042656 9.625593a15.940256 15.940256 0 0 0 10.376526 1.945599l3.822931-0.546133 7.918928-1.058133a498.243935 498.243935 0 0 1 58.333828-3.857064c24.33705 0.7168 40.857573 4.369064 44.475704 8.089595 0.887466 0.921599 1.433599 2.286932 1.911465 5.563729-0.136533-3.720531-0.477866-1.945599 2.833065-5.324796l11.434659 11.161592h16.008522c0-13.107191-10.00106-23.756784-33.041044-31.334379-19.865587-6.485329-54.408497-6.690129-95.98287-1.501865a15.701323 15.701323 0 0 0-13.789857 13.209591 16.486389 16.486389 0 0 0-0.068267 5.017597c0.648533 4.778663 3.447464 9.318394 8.669861 11.946658 48.435168 24.371184 97.348202 37.171175 117.316189 27.545582a29.866647 29.866647 0 0 0 6.007462-4.061864c1.365332-1.194666 1.365332-1.194666 2.525865-2.321065a66.901289 66.901289 0 0 0 4.642131-5.017597l-12.287992-10.274126-15.66719-3.276798a379.016281 379.016281 0 0 1-1.638399 6.997329l-0.716799 2.662398c0.477866-0.4096-0.887466 0.6144-2.116265 1.058132-11.639459 2.935465-39.38984-2.491732-69.597821-13.789857a344.644037 344.644037 0 0 1-37.102908-16.486389 261.802492 261.802492 0 0 1-10.10346-5.529596 16.110923 16.110923 0 0 0-10.274127-1.979732l-9.932793 1.501865c-47.035702 7.475195-100.078867 20.582386-150.288967 36.454376l-9.38666 3.003731a16.042656 16.042656 0 0 0-8.977061 7.338662 1054.44623 1054.44623 0 0 1-17.237322 29.320514l-1.945598 3.140264-3.686398 5.87093c-26.043716 40.925839-46.079969 62.361558-59.869827 67.037822-4.198397 1.433599-7.816528 1.297066-10.854392-0.3072l-11.161593-5.734396a20.753053 20.753053 0 0 1 1.331199 0.750933c2.935465 1.706666 3.140265 2.696532 3.208531 2.355198a25.66825 25.66825 0 0 1 1.911466-5.666129c4.915197-10.581326 18.158921-25.019717 38.126908-39.697041 5.905063-4.33493 12.390392-8.669861 19.421853-12.936524 0.989866-0.477866 5.324796-2.798931 11.502926-6.17813l10.10346-5.529596 3.037865-1.672532-19.182921-25.190383c-2.116265 2.150399-5.393063 5.46133-8.772261 8.738127-4.095997 3.959464-6.997329 6.519462-7.065595 6.587729-37.819708 31.334379-67.106089 71.509286-65.877289 92.808472-0.034133 10.581326 8.840527 18.090655 18.602654 16.486389 31.539179-5.25653 68.915154-51.677832 116.770055-140.52684 7.475195-13.892257 15.223457-28.808514 23.244785-44.74877a15.974389 15.974389 0 1 0-28.569581-14.370124 1391.103073 1391.103073 0 0 1-43.827171 80.998346c-10.581326 17.885855-20.41172 33.109311-29.38878 45.56797-15.496523 21.572252-28.398914 34.918377-38.126908 39.69704a18.739188 18.739188 0 0 1-5.35893 1.809065l2.628265 15.76959h16.008523v-1.604266a17.237322 17.237322 0 0 1 2.286931-7.406928c6.690129-13.653324 27.067715-39.28744 50.2101-58.572761 1.023999-0.443733 4.403197-3.447464 9.625594-8.465061l1.058133-1.024c3.618131-3.515731 7.099729-6.997329 9.38666-9.352527a15.35999 15.35999 0 0 0 4.403197-13.994657 16.383989 16.383989 0 0 0-16.418122-13.311991 16.383989 16.383989 0 0 0-7.167996 2.116265l-12.834124 7.065595a533.162311 533.162311 0 0 1-11.912526 6.417063c-43.417571 26.316782-70.792486 56.115163-75.36635 80.691146-2.150399 13.141325 0.1024 24.575984 12.356259 30.890646l11.025059 5.631996c39.355707 20.71892 78.950347-17.681055 133.085778-112.264458 51.234099-16.349856 105.710863-29.79838 153.019631-37.034642 49.663967 27.443182 109.124194 43.110371 136.976976 35.976509 8.772261-2.935465 15.496523-8.021328 19.967987-14.13119 2.321065-4.198397 3.003731-6.143996 3.72053-8.601595l1.024-3.754664c0.819199-3.174398 1.501866-6.246396 1.945598-8.362661a18.943987 18.943987 0 0 0 0.1024-6.519462c-2.150399-11.127459-16.110923-16.964255-25.497583-9.523194a19.012254 19.012254 0 0 0-2.525865 2.457599 36.590909 36.590909 0 0 1-2.491731 2.662398c-7.202129 2.935465-33.075178-3.037865-62.293292-14.813857a346.111769 346.111769 0 0 1-26.794649-12.083192l-5.188263 30.173847c6.655996-0.853333 13.141325-1.501866 19.319454-2.047999 28.364781-2.423465 51.097566-1.604266 62.702891 2.184532 5.05173 1.672532 8.499194 3.208531 10.547193 4.43733 3.822931 11.707726 17.919988 16.554656 26.999449 8.533328a20.889586 20.889586 0 0 0 5.495463-8.840528c1.126399-3.583998 1.535999-7.509328 1.535999-11.263992-1.467732-11.707726-4.53973-19.251187-10.854393-25.702383-11.502926-11.775992-33.928511-16.759455-66.901289-17.715188-21.777052 0-45.704503 1.638399-69.70022 5.017597-13.448524-7.918928-21.708786-13.619191-28.467181-20.00212-24.200517-22.630385-44.100237-53.657564-56.627162-88.712475 0.853333-3.959464 1.160533-5.324796 1.501865-7.133862 1.604266-6.826662 3.003731-19.660787 4.266664-37.102908 0.648533-8.840527 1.228799-18.295454 1.706666-27.716248 0.3072-5.66613 0.477866-10.069327 0.580266-12.629325a14.233591 14.233591 0 0 0-0.238933-3.891198c-2.423465-13.789857-21.060253-17.237322-28.706114-6.382929a15.35999 15.35999 0 0 0-2.559999 5.700263l-0.443733 1.809066a18285.35101 18285.35101 0 0 1-10.956792 43.519971 209.783327 209.783327 0 0 0-1.194666 4.84693 93.627671 93.627671 0 0 1-3.618131 11.741858l15.223456 4.949331 15.35999-4.471464a315.801389 315.801389 0 0 1-11.161592-58.606894c-0.2048-2.286932-0.341333-4.53973-0.477867-6.758396l-0.136533-2.730665a211.831325 211.831325 0 0 1-0.170666-7.918928 168.243088 168.243088 0 0 1 2.150398-25.05385c0.3072-2.389332 0.4096-2.594132-1.262932-1.467732l-8.942928-13.073058-2.321065 15.837856c-2.525865-0.375466 0.512 3.754664 4.130131 12.219725 0.7168 1.706666 1.331199 3.720531 1.843198 5.939196 1.297066 5.631996 1.604266 10.751993 1.604266 20.070387a15.018657 15.018657 0 0 0 4.505597 11.332259c7.202129 7.133862 20.991986 6.382929 25.907183-4.369064a18.261321 18.261321 0 0 0 0.955732-2.628265l0.580267-2.184532c0.546133-2.082132 1.160533-4.778663 1.809065-7.884794 0.921599-4.505597 1.638399-8.977061 2.047999-13.243725a64.785023 64.785023 0 0 0-0.034133-14.574923C526.199457 327.338448 513.228799 307.199795 491.110414 307.199795h-7.884795c-16.964255 0-32.870378 9.79626-37.410108 25.224517-8.567461 31.846379-3.037865 73.147685 15.906123 148.684701l-2.867199 7.338661c-6.280529 16.281589-13.653324 32.494912-24.678383 54.920497-1.774932 3.583998-12.697592 25.599983-15.735456 31.846379a15.974389 15.974389 0 0 0 28.671981 14.23359c3.106131-6.417062 13.994657-28.330648 15.803722-31.982912z m2.389332 30.378647c9.864527-19.831453 17.783455-37.410108 24.883184-55.193563 10.71786 17.237322 23.313051 33.109311 37.410108 47.035702-23.995717 5.631996-46.660236 12.185592-68.164221 19.865586-13.926391 4.94933-27.374915 10.376526-40.379707 16.315723l20.71892 22.118385c3.788797-7.065595 7.611728-14.43839 12.595191-24.371184l7.065596-14.062924c2.321065-4.710397 4.64213-9.352527 5.870929-11.707725a16.008523 16.008523 0 1 0-28.535448-14.506657c-2.901331 5.700263-12.253858 24.405317-12.970658 25.838916a900.436733 900.436733 0 0 1-12.219725 23.620251 16.008523 16.008523 0 0 0 20.71892 22.152518c39.185041-17.851721 83.080478-30.924779 132.949245-40.618639a16.008523 16.008523 0 0 0 6.997328-28.159981 306.312329 306.312329 0 0 1-16.349856-13.755725 230.74118 230.74118 0 0 1-53.72583-75.127416 16.008523 16.008523 0 0 0-29.695981 1.331199 695.22727 695.22727 0 0 1-35.771709 84.889543 15.974389 15.974389 0 0 0 28.603714 14.335991z" fill="#F9665C" /></svg>