lew-ui 2.7.20 → 2.7.22

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as o}from"./LewDocsTables-BEtkuNGi.js";import{d as i,a2 as a,am as t,a as s,J as l,a3 as r,_ as c,a7 as d,aa as m,a6 as p,aE as u,u as g,a9 as y,ac as f,b as h,ab as v,a8 as w,A as b,bf as A}from"./.pnpm-CZLWBssD.js";import{c as k,a as z}from"./utils-CLdZaKTe.js";import{V as P,W as S,X as W,Y as M,Z as I,$ as T,_}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const G={title:"Emits(CollapseItem)",columnsKey:"emits",orderNum:11,data:k(P)},B={title:"Model(CollapseItem)",columnsKey:"model",orderNum:2,data:z(S)},C={title:"Props(CollapseItem)",columnsKey:"props",orderNum:4,data:z(W)},F={title:"Emits",columnsKey:"emits",orderNum:99,data:k(M)},L={title:"Model",columnsKey:"model",orderNum:1,data:z(I)},J={title:"Props",columnsKey:"props",orderNum:3,data:z(T)},x=Object.freeze(Object.defineProperty({__proto__:null,collapseItemEmits:G,collapseItemModel:B,collapseItemProps:C,emits:F,model:L,props:J},Symbol.toStringTag,{value:"Module"})),E={key:1},D={class:"title"},V=[i({__name:"DemoCollapse1",setup(e){const n=a(["1"]),o=[{id:"1",name:"Apple",description:"Apple Inc. is an American multinational technology company that designs, manufactures, and markets consumer electronics, computer software, and online services. Founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, Apple is known for its innovative products such as the iPhone, iPad, Mac computers, and Apple Watch."},{id:"2",name:"Google",description:"Google is a technology company that specializes in Internet-related services and products. Founded in 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University, Google is now one of the most valuable companies in the world, known for its search engine, online advertising, and cloud computing services."},{id:"3",name:"Microsoft",description:"Microsoft Corporation is an American technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, and personal computers. Founded by Bill Gates and Paul Allen in 1975, Microsoft is best known for its Windows operating system and Office productivity suite."},{id:"4",name:"Tencent",description:"Tencent Holdings Limited is a Chinese multinational conglomerate holding company founded in 1998. Tencent is one of the largest technology companies in the world, offering a wide range of internet services and products, including social media, entertainment, and online payment systems."},{id:"5",name:"Amazon",description:"Amazon.com, Inc. is an American multinational technology company founded by Jeff Bezos in 1994. Amazon is the world's largest online retailer and cloud computing company, known for its e-commerce platform, Amazon Prime subscription service, and Amazon Web Services (AWS) cloud computing platform."},{id:"6",name:"Tesla",description:"Tesla, Inc. is an American electric vehicle and clean energy company founded by Elon Musk, Martin Eberhard, Marc Tarpenning, JB Straubel, and Ian Wright in 2003. Tesla is known for its electric vehicles, energy storage solutions, and solar products, aiming to accelerate the world's transition to sustainable energy."}],i=[{id:"1123",name:"iPhone",description:"Apple Inc. is an American multinational technology company that designs, manufactures, and markets consumer electronics, computer software, and online services. Founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, Apple is known for its innovative products such as the iPhone, iPad, Mac computers, and Apple Watch."},{id:"2123a",name:"iPad",description:"Google is a technology company that specializes in Internet-related services and products. Founded in 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University, Google is now one of the most valuable companies in the world, known for its search engine, online advertising, and cloud computing services."}];return(e,a)=>{const h=t("lew-collapse-item"),v=t("lew-collapse");return l(),s(v,{modelValue:g(n),"onUpdate:modelValue":a[1]||(a[1]=e=>u(n)?n.value=e:null),width:"400px"},{default:r(()=>[(l(),c(d,null,m(o,e=>p(h,{key:e.id,title:e.name,"collapse-key":e.id},{default:r(()=>["Apple"===e.name?(l(),s(v,{key:0,modelValue:g(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),width:"100%",style:{"padding-left":"20px"}},{default:r(()=>[(l(),c(d,null,m(i,e=>p(h,{key:e.id,title:e.name,"collapse-key":e.id},{default:r(()=>[y("div",null,f(e.description),1)]),_:2},1032,["title","collapse-key"])),64))]),_:1},8,["modelValue"])):(l(),c("div",E,f(e.description),1))]),_:2},1032,["title","collapse-key"])),64))]),_:1},8,["modelValue"])}}}),_(i({__name:"DemoCollapse2",setup(e){const n=a(["1"]),o=[{id:"1",name:"Apple",description:"Apple Inc. is an American multinational technology company that designs, manufactures, and markets consumer electronics, computer software, and online services. Founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, Apple is known for its innovative products such as the iPhone, iPad, Mac computers, and Apple Watch."},{id:"2",name:"Google",description:"Google is a technology company that specializes in Internet-related services and products. Founded in 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University, Google is now one of the most valuable companies in the world, known for its search engine, online advertising, and cloud computing services."},{id:"3",name:"Microsoft",description:"Microsoft Corporation is an American technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, and personal computers. Founded by Bill Gates and Paul Allen in 1975, Microsoft is best known for its Windows operating system and Office productivity suite."},{id:"4",name:"Tencent",description:"Tencent Holdings Limited is a Chinese multinational conglomerate holding company founded in 1998. Tencent is one of the largest technology companies in the world, offering a wide range of internet services and products, including social media, entertainment, and online payment systems."},{id:"5",name:"Amazon",description:"Amazon.com, Inc. is an American multinational technology company founded by Jeff Bezos in 1994. Amazon is the world's largest online retailer and cloud computing company, known for its e-commerce platform, Amazon Prime subscription service, and Amazon Web Services (AWS) cloud computing platform."},{id:"6",name:"Tesla",description:"Tesla, Inc. is an American electric vehicle and clean energy company founded by Elon Musk, Martin Eberhard, Marc Tarpenning, JB Straubel, and Ian Wright in 2003. Tesla is known for its electric vehicles, energy storage solutions, and solar products, aiming to accelerate the world's transition to sustainable energy."}];return(e,i)=>{const a=t("lew-tag"),A=t("lew-flex"),k=t("lew-collapse-item"),z=t("lew-collapse");return l(),s(z,{modelValue:g(n),"onUpdate:modelValue":i[0]||(i[0]=e=>u(n)?n.value=e:null),width:"400"},{default:r(()=>[(l(),c(d,null,m(o,e=>p(k,{key:e.id,title:e.name,"collapse-key":e.id},{title:r(()=>[p(A,{x:"start",class:h({active:g(n).includes(e.id)}),mode:"between"},{default:r(()=>[y("div",D,[v(f(e.name)+" ",1),"1"===e.id?(l(),s(a,{key:0,color:"red",size:"small",round:""},{default:r(()=>i[1]||(i[1]=[v(" HOT ")])),_:1,__:[1]})):w("",!0)]),p(g(b),{class:"icon",size:16})]),_:2},1032,["class"])]),default:r(()=>[y("div",null,f(e.description),1)]),_:2},1032,["title","collapse-key"])),64))]),_:1},8,["modelValue"])}}}),[["__scopeId","data-v-18476bd3"]]),i({__name:"DemoCollapse3",setup(e){const n=a(""),o=[{id:"1",name:"Apple",description:"Apple Inc. is an American multinational technology company that designs, manufactures, and markets consumer electronics, computer software, and online services. Founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, Apple is known for its innovative products such as the iPhone, iPad, Mac computers, and Apple Watch."},{id:"2",name:"Google",description:"Google is a technology company that specializes in Internet-related services and products. Founded in 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University, Google is now one of the most valuable companies in the world, known for its search engine, online advertising, and cloud computing services."},{id:"3",name:"Microsoft",description:"Microsoft Corporation is an American technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, and personal computers. Founded by Bill Gates and Paul Allen in 1975, Microsoft is best known for its Windows operating system and Office productivity suite."},{id:"4",name:"Tencent",description:"Tencent Holdings Limited is a Chinese multinational conglomerate holding company founded in 1998. Tencent is one of the largest technology companies in the world, offering a wide range of internet services and products, including social media, entertainment, and online payment systems."},{id:"5",name:"Amazon",description:"Amazon.com, Inc. is an American multinational technology company founded by Jeff Bezos in 1994. Amazon is the world's largest online retailer and cloud computing company, known for its e-commerce platform, Amazon Prime subscription service, and Amazon Web Services (AWS) cloud computing platform."},{id:"6",name:"Tesla",description:"Tesla, Inc. is an American electric vehicle and clean energy company founded by Elon Musk, Martin Eberhard, Marc Tarpenning, JB Straubel, and Ian Wright in 2003. Tesla is known for its electric vehicles, energy storage solutions, and solar products, aiming to accelerate the world's transition to sustainable energy."}];return(e,i)=>{const a=t("lew-collapse-item"),h=t("lew-collapse");return l(),s(h,{modelValue:g(n),"onUpdate:modelValue":i[0]||(i[0]=e=>u(n)?n.value=e:null),width:"400"},{default:r(()=>[(l(),c(d,null,m(o,e=>p(a,{key:e.id,padding:"10px",radius:"5px",title:e.name,"collapse-key":e.id},{default:r(()=>[y("div",null,f(e.description),1)]),_:2},1032,["title","collapse-key"])),64))]),_:1},8,["modelValue"])}}})],U=["<script lang=\"ts\" setup>\nconst value = ref(['1'])\nconst companies = [\n  {\n    id: '1',\n    name: 'Apple',\n    description:\n      'Apple Inc. is an American multinational technology company that designs, manufactures, and markets consumer electronics, computer software, and online services. Founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, Apple is known for its innovative products such as the iPhone, iPad, Mac computers, and Apple Watch.',\n  },\n  {\n    id: '2',\n    name: 'Google',\n    description:\n      'Google is a technology company that specializes in Internet-related services and products. Founded in 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University, Google is now one of the most valuable companies in the world, known for its search engine, online advertising, and cloud computing services.',\n  },\n  {\n    id: '3',\n    name: 'Microsoft',\n    description:\n      'Microsoft Corporation is an American technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, and personal computers. Founded by Bill Gates and Paul Allen in 1975, Microsoft is best known for its Windows operating system and Office productivity suite.',\n  },\n  {\n    id: '4',\n    name: 'Tencent',\n    description:\n      'Tencent Holdings Limited is a Chinese multinational conglomerate holding company founded in 1998. Tencent is one of the largest technology companies in the world, offering a wide range of internet services and products, including social media, entertainment, and online payment systems.',\n  },\n  {\n    id: '5',\n    name: 'Amazon',\n    description:\n      'Amazon.com, Inc. is an American multinational technology company founded by Jeff Bezos in 1994. Amazon is the world\\'s largest online retailer and cloud computing company, known for its e-commerce platform, Amazon Prime subscription service, and Amazon Web Services (AWS) cloud computing platform.',\n  },\n  {\n    id: '6',\n    name: 'Tesla',\n    description:\n      'Tesla, Inc. is an American electric vehicle and clean energy company founded by Elon Musk, Martin Eberhard, Marc Tarpenning, JB Straubel, and Ian Wright in 2003. Tesla is known for its electric vehicles, energy storage solutions, and solar products, aiming to accelerate the world\\'s transition to sustainable energy.',\n  },\n]\n\nconst companies1 = [\n  {\n    id: '1123',\n    name: 'iPhone',\n    description:\n      'Apple Inc. is an American multinational technology company that designs, manufactures, and markets consumer electronics, computer software, and online services. Founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, Apple is known for its innovative products such as the iPhone, iPad, Mac computers, and Apple Watch.',\n  },\n  {\n    id: '2123a',\n    name: 'iPad',\n    description:\n      'Google is a technology company that specializes in Internet-related services and products. Founded in 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University, Google is now one of the most valuable companies in the world, known for its search engine, online advertising, and cloud computing services.',\n  },\n]\n<\/script>\n\n<template>\n  <lew-collapse v-model=\"value\" width=\"400px\">\n    <lew-collapse-item\n      v-for=\"item in companies\"\n      :key=\"item.id\"\n      :title=\"item.name\"\n      :collapse-key=\"item.id\"\n    >\n      <template v-if=\"item.name === 'Apple'\">\n        <lew-collapse v-model=\"value\" width=\"100%\" style=\"padding-left: 20px\">\n          <lew-collapse-item\n            v-for=\"subItem in companies1\"\n            :key=\"subItem.id\"\n            :title=\"subItem.name\"\n            :collapse-key=\"subItem.id\"\n          >\n            <div>\n              {{ subItem.description }}\n            </div>\n          </lew-collapse-item>\n        </lew-collapse>\n      </template>\n      <template v-else>\n        <div>\n          {{ item.description }}\n        </div>\n      </template>\n    </lew-collapse-item>\n  </lew-collapse>\n</template>\n","<script lang=\"ts\" setup>\nimport { ChevronLeft } from 'lucide-vue-next'\n\nconst value = ref<string[]>(['1'])\nconst companies = [\n  {\n    id: '1',\n    name: 'Apple',\n    description:\n      'Apple Inc. is an American multinational technology company that designs, manufactures, and markets consumer electronics, computer software, and online services. Founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, Apple is known for its innovative products such as the iPhone, iPad, Mac computers, and Apple Watch.',\n  },\n  {\n    id: '2',\n    name: 'Google',\n    description:\n      'Google is a technology company that specializes in Internet-related services and products. Founded in 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University, Google is now one of the most valuable companies in the world, known for its search engine, online advertising, and cloud computing services.',\n  },\n  {\n    id: '3',\n    name: 'Microsoft',\n    description:\n      'Microsoft Corporation is an American technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, and personal computers. Founded by Bill Gates and Paul Allen in 1975, Microsoft is best known for its Windows operating system and Office productivity suite.',\n  },\n  {\n    id: '4',\n    name: 'Tencent',\n    description:\n      'Tencent Holdings Limited is a Chinese multinational conglomerate holding company founded in 1998. Tencent is one of the largest technology companies in the world, offering a wide range of internet services and products, including social media, entertainment, and online payment systems.',\n  },\n  {\n    id: '5',\n    name: 'Amazon',\n    description:\n      'Amazon.com, Inc. is an American multinational technology company founded by Jeff Bezos in 1994. Amazon is the world\\'s largest online retailer and cloud computing company, known for its e-commerce platform, Amazon Prime subscription service, and Amazon Web Services (AWS) cloud computing platform.',\n  },\n  {\n    id: '6',\n    name: 'Tesla',\n    description:\n      'Tesla, Inc. is an American electric vehicle and clean energy company founded by Elon Musk, Martin Eberhard, Marc Tarpenning, JB Straubel, and Ian Wright in 2003. Tesla is known for its electric vehicles, energy storage solutions, and solar products, aiming to accelerate the world\\'s transition to sustainable energy.',\n  },\n]\n<\/script>\n\n<template>\n  <lew-collapse v-model=\"value\" width=\"400\">\n    <lew-collapse-item\n      v-for=\"item in companies\"\n      :key=\"item.id\"\n      :title=\"item.name\"\n      :collapse-key=\"item.id\"\n    >\n      <template #title>\n        <lew-flex\n          x=\"start\"\n          :class=\"{ active: value.includes(item.id) }\"\n          mode=\"between\"\n        >\n          <div class=\"title\">\n            {{ item.name }}\n            <lew-tag v-if=\"item.id === '1'\" color=\"red\" size=\"small\" round>\n              HOT\n            </lew-tag>\n          </div>\n          <ChevronLeft class=\"icon\" :size=\"16\" />\n        </lew-flex>\n      </template>\n      <div>\n        {{ item.description }}\n      </div>\n    </lew-collapse-item>\n  </lew-collapse>\n</template>\n\n<style scoped lang=\"scss\">\n.icon {\n  transition: all 0.3s;\n}\n.active {\n  .icon {\n    transform: rotate(-90deg);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nconst value = ref('')\nconst companies = [\n  {\n    id: '1',\n    name: 'Apple',\n    description:\n      'Apple Inc. is an American multinational technology company that designs, manufactures, and markets consumer electronics, computer software, and online services. Founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, Apple is known for its innovative products such as the iPhone, iPad, Mac computers, and Apple Watch.',\n  },\n  {\n    id: '2',\n    name: 'Google',\n    description:\n      'Google is a technology company that specializes in Internet-related services and products. Founded in 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University, Google is now one of the most valuable companies in the world, known for its search engine, online advertising, and cloud computing services.',\n  },\n  {\n    id: '3',\n    name: 'Microsoft',\n    description:\n      'Microsoft Corporation is an American technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, and personal computers. Founded by Bill Gates and Paul Allen in 1975, Microsoft is best known for its Windows operating system and Office productivity suite.',\n  },\n  {\n    id: '4',\n    name: 'Tencent',\n    description:\n      'Tencent Holdings Limited is a Chinese multinational conglomerate holding company founded in 1998. Tencent is one of the largest technology companies in the world, offering a wide range of internet services and products, including social media, entertainment, and online payment systems.',\n  },\n  {\n    id: '5',\n    name: 'Amazon',\n    description:\n      'Amazon.com, Inc. is an American multinational technology company founded by Jeff Bezos in 1994. Amazon is the world\\'s largest online retailer and cloud computing company, known for its e-commerce platform, Amazon Prime subscription service, and Amazon Web Services (AWS) cloud computing platform.',\n  },\n  {\n    id: '6',\n    name: 'Tesla',\n    description:\n      'Tesla, Inc. is an American electric vehicle and clean energy company founded by Elon Musk, Martin Eberhard, Marc Tarpenning, JB Straubel, and Ian Wright in 2003. Tesla is known for its electric vehicles, energy storage solutions, and solar products, aiming to accelerate the world\\'s transition to sustainable energy.',\n  },\n]\n<\/script>\n\n<template>\n  <lew-collapse v-model=\"value\" width=\"400\">\n    <lew-collapse-item\n      v-for=\"item in companies\"\n      :key=\"item.id\"\n      padding=\"10px\"\n      radius=\"5px\"\n      :title=\"item.name\"\n      :collapse-key=\"item.id\"\n    >\n      <div>\n        {{ item.description }}\n      </div>\n    </lew-collapse-item>\n  </lew-collapse>\n</template>\n"],O={class:"demo-wrapper"},j=i({__name:"DemoCollapse",setup(i){const t=A().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=a(Object.keys(x).map(e=>x[e]));return(i,a)=>(l(),c("div",O,[p(e),p(n,{"demo-group":g(V),"code-group":g(U),"component-name":g(t),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),p(o,{options:g(s)},null,8,["options"])]))}});export{j as default};

package/dist/assets/js/index-D4e-w6Z_.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 o,am as r,a as s,J as a,a3 as l,a6 as i,ab as c,bf as u,a2 as p,_ as d,u as g}from"./.pnpm-CZLWBssD.js";import"./utils-CLdZaKTe.js";import"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const w=Object.freeze(Object.defineProperty({__proto__:null,props:{title:"Props",columnsKey:"props",orderNum:1,data:[{name:"type",description:"消息类型",type:"success | warning | error | info | normal",default:"'normal'"},{name:"content",description:"消息文字",type:"string",default:"--"},{name:"duration",description:"时长",type:"number",default:"3000"}]}},Symbol.toStringTag,{value:"Module"})),m=[o({__name:"DemoMessage1",setup(e){function n(){LewMessage.error({content:"Payment failed. Please check your payment method and try again.",duration:3e3})}function t(){LewMessage.success({content:"Your order has been successfully placed. We will ship it soon.",duration:3e3})}function o(){LewMessage.normal({content:"Your order is being processed. Estimated shipping time: 1-3 business days.",duration:3e3})}function c(){LewMessage.info({content:"New arrival alert: Limited edition items are now available for pre-order!",duration:3e3})}function u(){LewMessage.warning({content:"Warning: Some items in your cart have low stock. Please check soon.",duration:3e3})}return(e,p)=>{const d=r("lew-button"),g=r("lew-flex");return a(),s(g,{wrap:"",x:"start",gap:"20px"},{default:l(()=>[i(d,{text:"Payment Failed",round:"",type:"light",color:"red",onClick:n}),i(d,{text:"Order Success",round:"",type:"light",color:"green",onClick:t}),i(d,{text:"Processing",round:"",type:"light",color:"normal",onClick:o}),i(d,{text:"New Arrival",round:"",type:"light",color:"blue",onClick:c}),i(d,{text:"Low Stock",round:"",type:"light",color:"warning",onClick:u})]),_:1})}}}),o({__name:"DemoMessage2",setup:e=>(e,n)=>{const t=r("lew-button"),o=r("lew-flex");return a(),s(o,{wrap:"",x:"start",gap:"20px"},{default:l(()=>[i(t,{round:"",onClick:n[0]||(n[0]=e=>{LewMessage.warning({id:"concert-ticket-alert",content:"Concert tickets are about to go on sale! Stay tuned to the official ticketing platform to secure your spot.",duration:3e5})})},{default:l(()=>n[2]||(n[2]=[c(" Show Ticket Alert ")])),_:1,__:[2]}),i(t,{round:"",color:"warning",onClick:n[1]||(n[1]=e=>{LewMessage.close({id:"concert-ticket-alert"})})},{default:l(()=>n[3]||(n[3]=[c(" Dismiss Alert ")])),_:1,__:[3]})]),_:1})}}),o({__name:"DemoMessage3",setup(e){function n(e){LewMessage.request({loadingMessage:"Processing your order..."},async()=>new Promise(n=>{setTimeout(()=>{n("success"===e?{content:"Order completed successfully!",duration:1e3,type:"success"}:{content:"Unable to complete your order. Please try again later.",duration:1e3,type:"error"})},1e3)}))}return(e,t)=>{const o=r("lew-button"),u=r("lew-flex");return a(),s(u,{wrap:"",x:"start",gap:"20px"},{default:l(()=>[i(o,{round:"",color:"green",onClick:t[0]||(t[0]=e=>n("success"))},{default:l(()=>t[2]||(t[2]=[c(" Simulate Success ")])),_:1,__:[2]}),i(o,{round:"",color:"red",onClick:t[1]||(t[1]=e=>n("fail"))},{default:l(()=>t[3]||(t[3]=[c(" Simulate Failure ")])),_:1,__:[3]})]),_:1})}}})],f=['<script lang="ts" setup>\nfunction showErrorMessage() {\n  LewMessage.error({\n    content: \'Payment failed. Please check your payment method and try again.\',\n    duration: 3000,\n  })\n}\n\nfunction showSuccessMessage() {\n  LewMessage.success({\n    content: \'Your order has been successfully placed. We will ship it soon.\',\n    duration: 3000,\n  })\n}\n\nfunction showNormalMessage() {\n  LewMessage.normal({\n    content:\n      \'Your order is being processed. Estimated shipping time: 1-3 business days.\',\n    duration: 3000,\n  })\n}\n\nfunction showInfoMessage() {\n  LewMessage.info({\n    content:\n      \'New arrival alert: Limited edition items are now available for pre-order!\',\n    duration: 3000,\n  })\n}\n\nfunction showWarningMessage() {\n  LewMessage.warning({\n    content:\n      \'Warning: Some items in your cart have low stock. Please check soon.\',\n    duration: 3000,\n  })\n}\n<\/script>\n\n<template>\n  <lew-flex wrap x="start" gap="20px">\n    <lew-button\n      text="Payment Failed"\n      round\n      type="light"\n      color="red"\n      @click="showErrorMessage"\n    />\n    <lew-button\n      text="Order Success"\n      round\n      type="light"\n      color="green"\n      @click="showSuccessMessage"\n    />\n    <lew-button\n      text="Processing"\n      round\n      type="light"\n      color="normal"\n      @click="showNormalMessage"\n    />\n    <lew-button\n      text="New Arrival"\n      round\n      type="light"\n      color="blue"\n      @click="showInfoMessage"\n    />\n    <lew-button\n      text="Low Stock"\n      round\n      type="light"\n      color="warning"\n      @click="showWarningMessage"\n    />\n  </lew-flex>\n</template>\n','<script lang="ts" setup>\nfunction open() {\n  LewMessage.warning({\n    id: \'concert-ticket-alert\',\n    content:\n      \'Concert tickets are about to go on sale! Stay tuned to the official ticketing platform to secure your spot.\',\n    duration: 300000,\n  })\n}\nfunction close() {\n  LewMessage.close({ id: \'concert-ticket-alert\' })\n}\n<\/script>\n\n<template>\n  <lew-flex wrap x="start" gap="20px">\n    <lew-button round @click="open()">\n      Show Ticket Alert\n    </lew-button>\n    <lew-button round color="warning" @click="close()">\n      Dismiss Alert\n    </lew-button>\n  </lew-flex>\n</template>\n',"<script lang=\"ts\" setup>\nfunction request(type: string) {\n  LewMessage.request(\n    { loadingMessage: 'Processing your order...' },\n    async () => {\n      return new Promise<any>((resolve) => {\n        setTimeout(() => {\n          if (type === 'success') {\n            resolve({\n              content: 'Order completed successfully!',\n              duration: 1000,\n              type: 'success',\n            })\n          }\n          else {\n            resolve({\n              content: 'Unable to complete your order. Please try again later.',\n              duration: 1000,\n              type: 'error',\n            })\n          }\n        }, 1000)\n      })\n    },\n  )\n}\n<\/script>\n\n<template>\n  <lew-flex wrap x=\"start\" gap=\"20px\">\n    <lew-button round color=\"green\" @click=\"request('success')\">\n      Simulate Success\n    </lew-button>\n    <lew-button round color=\"red\" @click=\"request('fail')\">\n      Simulate Failure\n    </lew-button>\n  </lew-flex>\n</template>\n"],y={class:"demo-wrapper"},_=o({__name:"DemoMessage",setup(o){const r=u().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=p(Object.keys(w).map(e=>w[e]));return(o,l)=>(a(),d("div",y,[i(e),i(n,{"demo-group":g(m),"code-group":g(f),"component-name":g(r),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),i(t,{options:g(s)},null,8,["options"])]))}});export{_ as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as l,a as n}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 m,u as i,bf as d,_ as v}from"./.pnpm-CZLWBssD.js";import{c,a as b}from"./utils-CLdZaKTe.js";import{bl as w,bm as _,bk as f}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:c(w)},V={title:"Model",columnsKey:"model",orderNum:10,data:b(_)},C={title:"Props",columnsKey:"props",orderNum:10,data:b(f)},g=Object.freeze(Object.defineProperty({__proto__:null,emits:x,model:V,props:C},Symbol.toStringTag,{value:"Module"})),h=[a({__name:"DemoSlider1",setup(e){const l=t();return(e,n)=>{const a=o("lew-slider"),t=o("lew-flex");return s(),u(t,{width:"700px",direction:"y",x:"start"},{default:r(()=>[p(a,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>m(l)?l.value=e:null),size:"small",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"]),p(a,{modelValue:i(l),"onUpdate:modelValue":n[1]||(n[1]=e=>m(l)?l.value=e:null),options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"]),p(a,{modelValue:i(l),"onUpdate:modelValue":n[2]||(n[2]=e=>m(l)?l.value=e:null),size:"large",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])]),_:1})}}}),a({__name:"DemoSlider2",setup(e){const l=t(25);return(e,n)=>{const a=o("lew-slider");return s(),u(a,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>m(l)?l.value=e:null),width:"700px",step:"5",min:"20",max:"50",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])}}}),a({__name:"DemoSlider3",setup(e){const l=t(40);return(e,n)=>{const a=o("lew-slider");return s(),u(a,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>m(l)?l.value=e:null),width:"700px",step:"5",max:"70",min:"30",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])}}}),a({__name:"DemoSlider4",setup(e){const l=t(50);return(e,n)=>{const a=o("lew-slider");return s(),u(a,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>m(l)?l.value=e:null),width:"700px",readonly:"",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])}}}),a({__name:"DemoSlider5",setup(e){const l=t(40);return(e,n)=>{const a=o("lew-slider");return s(),u(a,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>m(l)?l.value=e:null),width:"700px",disabled:"",options:[{label:"低",value:0},{label:"中",value:50},{label:"高",value:100}]},null,8,["modelValue"])}}}),a({__name:"DemoSlider6",setup(e){const l=t(0);function n(e){switch(!0){case e<0:return`${e}°C，哇，好冷！`;case e<10:return`${e}°C，有点儿冷`;case e<20:return`${e}°C，舒适的温度`;case e<30:return`${e}°C，温暖的日子`;case e<40:return`${e}°C，热热的夏天`;default:return`${e}°C，哇，好热！`}}return(e,a)=>{const t=o("lew-slider");return s(),u(t,{modelValue:i(l),"onUpdate:modelValue":a[0]||(a[0]=e=>m(l)?l.value=e:null),width:"700px",max:"100",min:"-30","format-tooltip":n,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"])}}})],y=['<script setup lang="ts">\nconst v = ref()\n<\/script>\n\n<template>\n  <lew-flex width="700px" direction="y" x="start">\n    <lew-slider\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\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\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)\n<\/script>\n\n<template>\n  <lew-slider\n    v-model="v"\n    width="700px"\n    step="5"\n    min="20"\n    max="50"\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(40)\n<\/script>\n\n<template>\n  <lew-slider\n    v-model="v"\n    width="700px"\n    step="5"\n    max="70"\n    min="30"\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(50)\n<\/script>\n\n<template>\n  <lew-slider\n    v-model="v"\n    width="700px"\n    readonly\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(40)\n<\/script>\n\n<template>\n  <lew-slider\n    v-model="v"\n    width="700px"\n    disabled\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(0)\nfunction formatTooltip(v: number) {\n  switch (true) {\n    case v < 0:\n      return `${v}°C，哇，好冷！`\n    case v < 10:\n      return `${v}°C，有点儿冷`\n    case v < 20:\n      return `${v}°C，舒适的温度`\n    case v < 30:\n      return `${v}°C，温暖的日子`\n    case v < 40:\n      return `${v}°C，热热的夏天`\n    default:\n      return `${v}°C，哇，好热！`\n  }\n}\n<\/script>\n\n<template>\n  <lew-slider\n    v-model="v"\n    width="700px"\n    max="100"\n    min="-30"\n    :format-tooltip="formatTooltip"\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'],$={class:"demo-wrapper"},j=a({__name:"DemoSlider",setup(a){const o=d().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),u=t(Object.keys(g).map(e=>g[e]));return(a,t)=>(s(),v("div",$,[p(e),p(l,{"demo-group":i(h),"code-group":i(y),"component-name":i(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),p(n,{options:i(u)},null,8,["options"])]))}});export{j as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as o}from"./LewDocsTables-BEtkuNGi.js";import{d as a,a2 as t,am as s,ag as l,ah as r,u as i,J as p,a as d,a3 as c,a6 as u,ab as g,bf as b,_ as m}from"./.pnpm-CZLWBssD.js";import{_ as v}from"./index-CcB67-Bu.js";import"./utils-CLdZaKTe.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const x=Object.freeze(Object.defineProperty({__proto__:null,props:{title:"Props",columnsKey:"props",data:[{name:"visible",description:"是否显示",type:"boolean",default:"false"},{name:"tip",description:"提示内容",type:"string",default:"-"},{name:"iconSize",description:"图标大小",type:"number",default:"24"}]}},Symbol.toStringTag,{value:"Module"})),w=[v(a({__name:"DemoLoading1",setup(e){const n=t(!1);function o(){n.value=!0,setTimeout(()=>{n.value=!1,LewMessage.success("Loading complete.")},2e3)}return(e,a)=>{const t=s("lew-button"),b=s("lew-flex"),m=l("loading");return r((p(),d(b,{class:"demo-card",y:"start",x:"start"},{default:c(()=>[u(t,{onClick:o},{default:c(()=>a[0]||(a[0]=[g(" Click to open loading ")])),_:1,__:[0]})]),_:1})),[[m,{visible:i(n)}]])}}}),[["__scopeId","data-v-84d66601"]]),v(a({__name:"DemoLoading2",setup(e){const n=t(!1);function o(){n.value=!0,setTimeout(()=>{n.value=!1,LewMessage.success("Loading complete.")},2e3)}return(e,a)=>{const t=s("lew-button"),b=s("lew-flex"),m=l("loading");return r((p(),d(b,{class:"demo-card",y:"start",x:"start"},{default:c(()=>[u(t,{onClick:o},{default:c(()=>a[0]||(a[0]=[g(" Click to open loading ")])),_:1,__:[0]})]),_:1})),[[m,{visible:i(n),iconSize:32}]])}}}),[["__scopeId","data-v-4e0bb310"]]),v(a({__name:"DemoLoading3",setup(e){const n=t(!1);function o(){n.value=!0,setTimeout(()=>{n.value=!1,LewMessage.success("Loading complete.")},2e3)}return(e,a)=>{const t=s("lew-button"),b=s("lew-flex"),m=l("loading");return r((p(),d(b,{class:"demo-card",y:"start",x:"start"},{default:c(()=>[u(t,{onClick:o},{default:c(()=>a[0]||(a[0]=[g(" Click to open loading ")])),_:1,__:[0]})]),_:1})),[[m,{visible:i(n),tip:"Data loading..."}]])}}}),[["__scopeId","data-v-22073755"]])],f=['<script setup lang="ts">\nconst visible = ref(false)\n\nfunction openLoading() {\n  visible.value = true\n  setTimeout(() => {\n    visible.value = false\n    LewMessage.success(\'Loading complete.\')\n  }, 2000)\n}\n<\/script>\n\n<template>\n  <lew-flex v-loading="{ visible }" class="demo-card" y="start" x="start">\n    <lew-button @click="openLoading">\n      Click to open loading\n    </lew-button>\n  </lew-flex>\n</template>\n\n<style lang="scss" scoped>\n.demo-card {\n  width: 100%;\n  height: 500px;\n  border: 1px solid var(--lew-pop-border-color);\n  background-color: var(--lew-bgcolor-0);\n  overflow: hidden;\n  background-image:\n    linear-gradient(var(--lew-pop-border-color) 1px, transparent 1px),\n    linear-gradient(90deg, var(--lew-pop-border-color) 1px, transparent 1px);\n  background-size: 20px 20px;\n  background-position: center center;\n  padding: 20px;\n  box-sizing: border-box;\n}\n</style>\n','<script setup lang="ts">\nconst visible = ref(false)\n\nfunction openLoading() {\n  visible.value = true\n  setTimeout(() => {\n    visible.value = false\n    LewMessage.success(\'Loading complete.\')\n  }, 2000)\n}\n<\/script>\n\n<template>\n  <lew-flex v-loading="{ visible, iconSize: 32 }" class="demo-card" y="start" x="start">\n    <lew-button @click="openLoading">\n      Click to open loading\n    </lew-button>\n  </lew-flex>\n</template>\n\n<style lang="scss" scoped>\n.demo-card {\n  width: 100%;\n  height: 500px;\n  border: 1px solid var(--lew-pop-border-color);\n  background-color: var(--lew-bgcolor-0);\n  overflow: hidden;\n  background-image:\n    linear-gradient(var(--lew-pop-border-color) 1px, transparent 1px),\n    linear-gradient(90deg, var(--lew-pop-border-color) 1px, transparent 1px);\n  background-size: 20px 20px;\n  background-position: center center;\n  padding: 20px;\n  box-sizing: border-box;\n}\n</style>\n','<script setup lang="ts">\nconst visible = ref(false)\n\nfunction openLoading() {\n  visible.value = true\n  setTimeout(() => {\n    visible.value = false\n    LewMessage.success(\'Loading complete.\')\n  }, 2000)\n}\n<\/script>\n\n<template>\n  <lew-flex\n    v-loading="{ visible, tip: \'Data loading...\' }"\n    class="demo-card"\n    y="start"\n    x="start"\n  >\n    <lew-button @click="openLoading">\n      Click to open loading\n    </lew-button>\n  </lew-flex>\n</template>\n\n<style lang="scss" scoped>\n.demo-card {\n  width: 100%;\n  height: 500px;\n  border: 1px solid var(--lew-pop-border-color);\n  background-color: var(--lew-bgcolor-0);\n  overflow: hidden;\n  background-image:\n    linear-gradient(var(--lew-pop-border-color) 1px, transparent 1px),\n    linear-gradient(90deg, var(--lew-pop-border-color) 1px, transparent 1px);\n  background-size: 20px 20px;\n  background-position: center center;\n  padding: 20px;\n  box-sizing: border-box;\n}\n</style>\n'],_={class:"demo-wrapper"},L=a({__name:"DemoLoading",setup(a){const s=b().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),l=t(Object.keys(x).map(e=>x[e]));return(a,t)=>(p(),m("div",_,[u(e),u(n,{"demo-group":i(w),"code-group":i(f),"component-name":i(s),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),u(o,{options:i(l)},null,8,["options"])]))}});export{L as default};

package/dist/assets/js/index-DJkeNZUK.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 l,am as i,a as r,J as s,a3 as o,a6 as u,u as d,aE as m,N as p,bf as c,_ as g}from"./.pnpm-CZLWBssD.js";import{c as f,a as w}from"./utils-CLdZaKTe.js";import{ar as b,as as h,at as v}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:f(b)},_={title:"Props",columnsKey:"props",orderNum:10,data:w(h)},y=Object.freeze(Object.defineProperty({__proto__:null,emits:x,props:_},Symbol.toStringTag,{value:"Module"})),M=[a({__name:"DemoInputTable1",setup(e){const n=l([{name:"John",age:18,gender:"Male"},{name:"Mary",age:20,gender:"Female"},{name:"David",age:25,gender:"Male"},{name:"Sarah",age:22,gender:"Female"},{name:"Michael",age:30,gender:"Male"},{name:"Emma",age:19,gender:"Female"},{name:"James",age:27,gender:"Male"},{name:"Lisa",age:24,gender:"Female"},{name:"Robert",age:32,gender:"Male"},{name:"Anna",age:21,gender:"Female"}]),t=l([{title:"Name",field:"name",required:!0,width:100},{title:"Age",field:"age",required:!0,as:"input-number",width:100},{title:"Gender",field:"gender",as:"tabs",required:!0,props:{itemWidth:80,options:[{label:"Male",value:"Male"},{label:"Female",value:"Female"}]},width:100}]),a=l("medium"),c=l([{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}]);function g(e){return p("div",{},`${e.name} ${e.age} ${e.gender}`)}return(e,l)=>{const p=i("lew-tabs"),f=i("lew-input-table"),w=i("lew-flex");return s(),r(w,{direction:"y",x:"start"},{default:o(()=>[u(p,{modelValue:d(a),"onUpdate:modelValue":l[0]||(l[0]=e=>m(a)?a.value=e:null),"item-width":"80px",round:"",options:d(c)},null,8,["modelValue","options"]),u(f,{modelValue:d(n),"onUpdate:modelValue":l[1]||(l[1]=e=>m(n)?n.value=e:null),sortable:"","sort-tooltip-custom-render":g,size:d(a),width:"500px","unique-field":"name",columns:d(t)},null,8,["modelValue","size","columns"])]),_:1})}}}),a({__name:"DemoInputTable2",setup(e){const n=l([]),t=l([{title:"产品名称",required:!0,field:"productName",width:100},{title:"价格",field:"price",required:!0,as:"input-number",width:100},{title:"库存数量",field:"stockQuantity",as:"input-number",required:!0,width:100},{title:"供应商",field:"supplier",width:150},{title:"是否上架",field:"isOnSale",as:"switch",width:100,customRender:({text:e})=>p(v,{type:"light",size:"small",color:e?"green":"gray"},e?"已上架":"已下架")}]);return(e,a)=>{const l=i("lew-input-table"),p=i("lew-flex");return s(),r(p,{direction:"y",x:"start"},{default:o(()=>[u(l,{modelValue:d(n),"onUpdate:modelValue":a[0]||(a[0]=e=>m(n)?n.value=e:null),width:"800px","batch-deletable":!1,clearable:!1,sortable:!1,columns:d(t),"unique-field":"productName","default-form":{stockQuantity:1e3,supplier:"某某供应商",isOnSale:!0}},null,8,["modelValue","columns"])]),_:1})}}}),a({__name:"DemoInputTable3",setup(e){const n=l([]),t=l([{title:"产品名称",field:"productName",width:100},{title:"价格",field:"price",width:100},{title:"库存状态",field:"stockStatus",as:"tabs",props:{itemWidth:80,options:[{label:"有货",value:"有货"},{label:"无货",value:"无货"}]},width:100}]);return(e,a)=>{const l=i("lew-input-table"),p=i("lew-flex");return s(),r(p,{direction:"y",x:"start"},{default:o(()=>[u(l,{modelValue:d(n),"onUpdate:modelValue":a[0]||(a[0]=e=>m(n)?n.value=e:null),width:"500px",columns:d(t)},null,8,["modelValue","columns"])]),_:1})}}})],q=["<script setup lang=\"ts\">\nconst tableData = ref([\n  {\n    name: 'John',\n    age: 18,\n    gender: 'Male',\n  },\n  {\n    name: 'Mary',\n    age: 20,\n    gender: 'Female',\n  },\n  {\n    name: 'David',\n    age: 25,\n    gender: 'Male',\n  },\n  {\n    name: 'Sarah',\n    age: 22,\n    gender: 'Female',\n  },\n  {\n    name: 'Michael',\n    age: 30,\n    gender: 'Male',\n  },\n  {\n    name: 'Emma',\n    age: 19,\n    gender: 'Female',\n  },\n  {\n    name: 'James',\n    age: 27,\n    gender: 'Male',\n  },\n  {\n    name: 'Lisa',\n    age: 24,\n    gender: 'Female',\n  },\n  {\n    name: 'Robert',\n    age: 32,\n    gender: 'Male',\n  },\n  {\n    name: 'Anna',\n    age: 21,\n    gender: 'Female',\n  },\n])\nconst columns = ref([\n  {\n    title: 'Name',\n    field: 'name',\n    required: true,\n    width: 100,\n  },\n  {\n    title: 'Age',\n    field: 'age',\n    required: true,\n    as: 'input-number',\n    width: 100,\n  },\n  {\n    title: 'Gender',\n    field: 'gender',\n    as: 'tabs',\n    required: true,\n    props: {\n      itemWidth: 80,\n      options: [\n        {\n          label: 'Male',\n          value: 'Male',\n        },\n        {\n          label: 'Female',\n          value: 'Female',\n        },\n      ],\n    },\n    width: 100,\n  },\n])\n\nconst size = ref('medium')\nconst sizeOptions = ref([\n  {\n    label: 'Small',\n    value: 'small',\n  },\n  {\n    label: 'Medium',\n    value: 'medium',\n  },\n  {\n    label: 'Large',\n    value: 'large',\n  },\n])\nfunction sortTooltipCustomRender(row: Record<string, any>) {\n  return h('div', {}, `${row.name} ${row.age} ${row.gender}`)\n}\n<\/script>\n\n<template>\n  <lew-flex direction=\"y\" x=\"start\">\n    <lew-tabs v-model=\"size\" item-width=\"80px\" round :options=\"sizeOptions\" />\n    <lew-input-table\n      v-model=\"tableData\"\n      sortable\n      :sort-tooltip-custom-render=\"sortTooltipCustomRender\"\n      :size=\"size\"\n      width=\"500px\"\n      unique-field=\"name\"\n      :columns=\"columns\"\n    />\n  </lew-flex>\n</template>\n","<script setup lang=\"ts\">\nimport { LewTag } from 'lew-ui'\n\nconst tableData = ref([])\nconst columns = ref([\n  {\n    title: '产品名称',\n    required: true,\n    field: 'productName',\n    width: 100,\n  },\n  {\n    title: '价格',\n    field: 'price',\n    required: true,\n    as: 'input-number',\n    width: 100,\n  },\n\n  {\n    title: '库存数量',\n    field: 'stockQuantity',\n    as: 'input-number',\n    required: true,\n    width: 100,\n  },\n  {\n    title: '供应商',\n    field: 'supplier',\n    width: 150,\n  },\n  {\n    title: '是否上架',\n    field: 'isOnSale',\n    as: 'switch',\n    width: 100,\n    customRender: ({ text }: any) => {\n      return h(\n        LewTag,\n        {\n          type: 'light',\n          size: 'small',\n          color: text ? 'green' : 'gray',\n        },\n        text ? '已上架' : '已下架',\n      )\n    },\n  },\n])\n<\/script>\n\n<template>\n  <lew-flex direction=\"y\" x=\"start\">\n    <lew-input-table\n      v-model=\"tableData\"\n      width=\"800px\"\n      :batch-deletable=\"false\"\n      :clearable=\"false\"\n      :sortable=\"false\"\n      :columns=\"columns\"\n      unique-field=\"productName\"\n      :default-form=\"{\n        stockQuantity: 1000,\n        supplier: '某某供应商',\n        isOnSale: true,\n      }\"\n    />\n  </lew-flex>\n</template>\n","<script setup lang=\"ts\">\nconst tableData = ref([])\nconst columns = ref([\n  {\n    title: '产品名称',\n    field: 'productName',\n    width: 100,\n  },\n  {\n    title: '价格',\n    field: 'price',\n    width: 100,\n  },\n  {\n    title: '库存状态',\n    field: 'stockStatus',\n    as: 'tabs',\n    props: {\n      itemWidth: 80,\n      options: [\n        {\n          label: '有货',\n          value: '有货',\n        },\n        {\n          label: '无货',\n          value: '无货',\n        },\n      ],\n    },\n    width: 100,\n  },\n])\n<\/script>\n\n<template>\n  <lew-flex direction=\"y\" x=\"start\">\n    <lew-input-table\n      v-model=\"tableData\"\n      width=\"500px\"\n      :columns=\"columns\"\n    />\n  </lew-flex>\n</template>\n"],F={class:"demo-wrapper"},D=a({__name:"DemoInputTable",setup(a){const i=c().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),r=l(Object.keys(y).map(e=>y[e]));return(a,l)=>(s(),g("div",F,[u(e),u(n,{"demo-group":d(M),"code-group":d(q),"component-name":d(i),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),u(t,{options:d(r)},null,8,["options"])]))}});export{D as default};

package/dist/assets/js/index-DKhCi2az.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 o,am as s,a as i,J as l,bg as c,bf as r,a2 as u,_ as a,a6 as p,u as m}from"./.pnpm-CZLWBssD.js";import{a as y}from"./utils-CLdZaKTe.js";import{aa as w}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const f={title:"Props",columnsKey:"props",orderNum:10,data:y(w)},d=Object.freeze(Object.defineProperty({__proto__:null,props:f},Symbol.toStringTag,{value:"Module"})),g=[o({__name:"DemoDialog1",setup:e=>(e,n)=>{const t=s("lew-button");return l(),i(t,{color:"error",type:"ghost",text:"Delete Repository",onClick:n[0]||(n[0]=e=>{LewDialog.error({title:"Delete GitHub Repository",content:"Are you sure you want to permanently delete this repository? This action cannot be undone and will remove all code, issues, and pull requests. Please be certain before proceeding.",cancelText:"Cancel",okText:"Delete",ok:()=>new Promise(e=>{setTimeout(()=>{e(!0),LewMessage.success({content:"Repository has been successfully deleted"})},1e3)})})})})}}),o({__name:"DemoDialog2",setup:e=>(e,n)=>{const t=s("lew-button");return l(),i(t,{text:"Submit for Review",round:"",type:"light",onClick:n[0]||(n[0]=e=>{LewDialog.info({okText:"Submit",cancelText:"Cancel",title:"Submit for Review",content:"Are you sure you want to submit this app for review?",closeOnClickOverlay:!0,closeByEsc:!0,ok:()=>new Promise(e=>{setTimeout(()=>{e(!0),LewMessage.success({content:"Your app has been submitted for review"})},1e3)})})})})}}),o({__name:"DemoDialog3",setup:e=>(e,n)=>{const t=s("lew-button");return l(),i(t,{text:"Update Profile",round:"",type:"light",onClick:n[0]||(n[0]=e=>{LewDialog.info({okText:"Confirm",cancelText:"Cancel",title:"Update Profile",content:"Do you want to save the changes to your profile?",closeOnClickOverlay:!0,ok:()=>new Promise(e=>{setTimeout(()=>{LewMessage.success({content:"Profile updated successfully"}),e(!0)},1e3)})})})})}}),o({__name:"DemoDialog4",setup:e=>(e,n)=>{const t=s("lew-button");return l(),i(t,{text:"Confirm Action",round:"",type:"light",onClick:n[0]||(n[0]=e=>{LewDialog.warning({okText:"Confirm",cancelText:"Cancel",title:"Confirm Action",content:"This action will permanently delete your data. Are you sure you want to continue?",closeByEsc:!0,ok:()=>new Promise(e=>{setTimeout(()=>{e(!0),LewMessage.success({content:"Action completed successfully"})},1e3)})})})})}}),o({__name:"DemoDialog5",setup:e=>(e,n)=>{const t=s("lew-button");return l(),i(t,{text:"Confirm Action",round:"",type:"light",onClick:n[0]||(n[0]=e=>{LewDialog.info({title:"Confirm Action",content:"This action will permanently delete your data. Are you sure you want to continue?",okText:"Confirm",cancelText:"Cancel",hideIcon:!0,closeByEsc:!0,ok:()=>new Promise(e=>{setTimeout(()=>{e(!0),LewMessage.success({content:"Action completed successfully"})},1e3)})})})})}}),o({__name:"DemoDialog6",setup:e=>(e,n)=>{const t=s("lew-button");return l(),i(t,{text:"Confirm Action",round:"",type:"light",onClick:n[0]||(n[0]=e=>{LewDialog.info({icon:c,title:"Confirm Action",content:"This action will permanently delete your data. Are you sure you want to continue?",okText:"Confirm",cancelText:"Cancel",closeByEsc:!0,ok:()=>new Promise(e=>{setTimeout(()=>{e(!0),LewMessage.success({content:"Action completed successfully"})},1e3)})})})})}})],T=["<script setup lang=\"ts\">\nfunction open() {\n  LewDialog.error({\n    title: 'Delete GitHub Repository',\n    content:\n      'Are you sure you want to permanently delete this repository? This action cannot be undone and will remove all code, issues, and pull requests. Please be certain before proceeding.',\n    cancelText: 'Cancel',\n    okText: 'Delete',\n    ok: () => {\n      return new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(true)\n          LewMessage.success({\n            content: 'Repository has been successfully deleted',\n          })\n        }, 1000)\n      })\n    },\n  })\n}\n<\/script>\n\n<template>\n  <lew-button\n    color=\"error\"\n    type=\"ghost\"\n    text=\"Delete Repository\"\n    @click=\"open()\"\n  />\n</template>\n","<script setup lang=\"ts\">\nfunction open() {\n  LewDialog.info({\n    okText: 'Submit',\n    cancelText: 'Cancel',\n    title: 'Submit for Review',\n    content: 'Are you sure you want to submit this app for review?',\n    closeOnClickOverlay: true,\n    closeByEsc: true,\n    ok: () => {\n      return new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(true)\n          LewMessage.success({\n            content: 'Your app has been submitted for review',\n          })\n        }, 1000)\n      })\n    },\n  })\n}\n<\/script>\n\n<template>\n  <lew-button text=\"Submit for Review\" round type=\"light\" @click=\"open()\" />\n</template>\n","<script setup lang=\"ts\">\nfunction open() {\n  LewDialog.info({\n    okText: 'Confirm',\n    cancelText: 'Cancel',\n    title: 'Update Profile',\n    content: 'Do you want to save the changes to your profile?',\n    closeOnClickOverlay: true,\n    ok: () => {\n      return new Promise((resolve) => {\n        setTimeout(() => {\n          LewMessage.success({\n            content: 'Profile updated successfully',\n          })\n          resolve(true)\n        }, 1000)\n      })\n    },\n  })\n}\n<\/script>\n\n<template>\n  <lew-button text=\"Update Profile\" round type=\"light\" @click=\"open()\" />\n</template>\n","<script setup lang=\"ts\">\nfunction open() {\n  LewDialog.warning({\n    okText: 'Confirm',\n    cancelText: 'Cancel',\n    title: 'Confirm Action',\n    content:\n      'This action will permanently delete your data. Are you sure you want to continue?',\n    closeByEsc: true,\n    ok: () => {\n      return new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(true)\n          LewMessage.success({\n            content: 'Action completed successfully',\n          })\n        }, 1000)\n      })\n    },\n  })\n}\n<\/script>\n\n<template>\n  <lew-button text=\"Confirm Action\" round type=\"light\" @click=\"open()\" />\n</template>\n","<script setup lang=\"ts\">\nfunction open() {\n  LewDialog.info({\n    title: 'Confirm Action',\n    content:\n      'This action will permanently delete your data. Are you sure you want to continue?',\n    okText: 'Confirm',\n    cancelText: 'Cancel',\n    hideIcon: true,\n    closeByEsc: true,\n    ok: () => {\n      return new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(true)\n          LewMessage.success({\n            content: 'Action completed successfully',\n          })\n        }, 1000)\n      })\n    },\n  })\n}\n<\/script>\n\n<template>\n  <lew-button text=\"Confirm Action\" round type=\"light\" @click=\"open()\" />\n</template>\n","<script setup lang=\"ts\">\nimport { Settings } from 'lucide-vue-next'\n\nfunction open() {\n  LewDialog.info({\n    icon: Settings,\n    title: 'Confirm Action',\n    content:\n      'This action will permanently delete your data. Are you sure you want to continue?',\n    okText: 'Confirm',\n    cancelText: 'Cancel',\n    closeByEsc: true,\n    ok: () => {\n      return new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(true)\n          LewMessage.success({\n            content: 'Action completed successfully',\n          })\n        }, 1000)\n      })\n    },\n  })\n}\n<\/script>\n\n<template>\n  <lew-button text=\"Confirm Action\" round type=\"light\" @click=\"open()\" />\n</template>\n"],C={class:"demo-wrapper"},b=o({__name:"DemoDialog",setup(o){const s=r().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),i=u(Object.keys(d).map(e=>d[e]));return(o,c)=>(l(),a("div",C,[p(e),p(n,{"demo-group":m(g),"code-group":m(T),"component-name":m(s),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),p(t,{options:m(i)},null,8,["options"])]))}});export{b as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as a,a as l}from"./LewDocsTables-BEtkuNGi.js";import{d as t,a2 as n,am as r,a as o,J as s,a3 as d,a6 as u,aE as m,u as p,bf as i,_ as c}from"./.pnpm-CZLWBssD.js";import{c as g,a as w}from"./utils-CLdZaKTe.js";import{a7 as _,a5 as V,a8 as f}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:g(_)},y={title:"Model",columnsKey:"model",orderNum:1,data:w(V)},v={title:"Props",columnsKey:"props",orderNum:2,data:w(f)},b=Object.freeze(Object.defineProperty({__proto__:null,emits:x,model:y,props:v},Symbol.toStringTag,{value:"Module"})),k=[t({__name:"DemoDateRangePicker1",setup(e){const a=n({});return(e,l)=>{const t=r("lew-date-range-picker"),n=r("lew-flex");return s(),o(n,{style:{width:"275px"},direction:"y",x:"start"},{default:d(()=>[u(t,{modelValue:p(a),"onUpdate:modelValue":l[0]||(l[0]=e=>m(a)?a.value=e:null),size:"small"},null,8,["modelValue"]),u(t,{modelValue:p(a),"onUpdate:modelValue":l[1]||(l[1]=e=>m(a)?a.value=e:null),size:"medium"},null,8,["modelValue"]),u(t,{modelValue:p(a),"onUpdate:modelValue":l[2]||(l[2]=e=>m(a)?a.value=e:null),size:"large"},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoDateRangePicker2",setup(e){const a=n({});return(e,l)=>{const t=r("lew-date-range-picker"),n=r("lew-flex");return s(),o(n,{style:{width:"275px"},direction:"y",x:"start"},{default:d(()=>[u(t,{modelValue:p(a),"onUpdate:modelValue":l[0]||(l[0]=e=>m(a)?a.value=e:null),clearable:""},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoDateRangePicker3",setup(e){const a=n({});return(e,l)=>{const t=r("lew-date-range-picker"),n=r("lew-flex");return s(),o(n,{style:{width:"275px"},direction:"y",x:"start"},{default:d(()=>[u(t,{modelValue:p(a),"onUpdate:modelValue":l[0]||(l[0]=e=>m(a)?a.value=e:null),readonly:"",clearable:""},null,8,["modelValue"]),u(t,{modelValue:p(a),"onUpdate:modelValue":l[1]||(l[1]=e=>m(a)?a.value=e:null),disabled:"",clearable:""},null,8,["modelValue"])]),_:1})}}})],R=['<script setup lang="ts">\nconst dateRangeValue = ref<{ start?: string, end?: string }>({})\n<\/script>\n\n<template>\n  <lew-flex style="width: 275px" direction="y" x="start">\n    <lew-date-range-picker v-model="dateRangeValue" size="small" />\n    <lew-date-range-picker v-model="dateRangeValue" size="medium" />\n    <lew-date-range-picker v-model="dateRangeValue" size="large" />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst dateRangeValue = ref<{ start?: string, end?: string }>({})\n<\/script>\n\n<template>\n  <lew-flex style="width: 275px" direction="y" x="start">\n    <lew-date-range-picker v-model="dateRangeValue" clearable />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst dateRangeValue = ref({})\n<\/script>\n\n<template>\n  <lew-flex style="width: 275px" direction="y" x="start">\n    <lew-date-range-picker v-model="dateRangeValue" readonly clearable />\n    <lew-date-range-picker v-model="dateRangeValue" disabled clearable />\n  </lew-flex>\n</template>\n'],j={class:"demo-wrapper"},D=t({__name:"DemoDateRangePicker",setup(t){const r=i().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),o=n(Object.keys(b).map(e=>b[e]));return(t,n)=>(s(),c("div",j,[u(e),u(a,{"demo-group":p(k),"code-group":p(R),"component-name":p(r),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),u(l,{options:p(o)},null,8,["options"])]))}});export{D as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as o}from"./LewDocsTables-BEtkuNGi.js";import{am as t,_ as a,J as s,a9 as r,ab as l,a6 as i,a3 as m,a7 as u,d as p,bf as h,a2 as d,u as c}from"./.pnpm-CZLWBssD.js";import{a as f}from"./utils-CLdZaKTe.js";import{aR as y,_ as w}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const _={title:"Props",columnsKey:"props",orderNum:10,data:f(y)},g=Object.freeze(Object.defineProperty({__proto__:null,props:_},Symbol.toStringTag,{value:"Module"}));const k=[w({},[["render",function(e,n){const o=t("lew-mark");return s(),a(u,null,[r("p",null,[n[3]||(n[3]=l(" Spring is the burden of life and death; Summer is the ")),i(o,null,{default:m(()=>n[0]||(n[0]=[l("burst of desire")])),_:1,__:[0]}),n[4]||(n[4]=l("; Autumn is the resolution of karma; Winter is the ")),i(o,{bold:800,color:"red"},{default:m(()=>n[1]||(n[1]=[l(" self-cultivation ")])),_:1,__:[1]}),n[5]||(n[5]=l(". Spring, summer, autumn, winter and another spring represent the entire cycle of life. Lust awakens the ")),i(o,{color:"mint"},{default:m(()=>n[2]||(n[2]=[l(" desire for possession ")])),_:1,__:[2]}),n[6]||(n[6]=l(", which can lead to fatal consequences - what you like, others may like too. "))]),r("p",null,[n[10]||(n[10]=l(" Money is both an angel and a ")),i(o,{round:"",type:"light",color:"blue"},{default:m(()=>n[7]||(n[7]=[l(" devil ")])),_:1,__:[7]}),n[11]||(n[11]=l(". When money is just enough to satisfy you, ")),i(o,{type:"light",color:"blue"},{default:m(()=>n[8]||(n[8]=[l(" money is an angel; when money makes you feel like a pile of trouble, it becomes a devil. Money is flowing wealth. ")])),_:1,__:[8]}),n[12]||(n[12]=l("Some people are generous to friends when they earn money, while others are ")),i(o,{color:"green"},{default:m(()=>n[9]||(n[9]=[l(" stingy with themselves ")])),_:1,__:[9]}),n[13]||(n[13]=l(" when they have more money - there is divine guidance in all of this. "))])],64)}],["__scopeId","data-v-9d52ba2e"]])],b=['<template>\n  <p>\n    Spring is the burden of life and death; Summer is the\n    <lew-mark>burst of desire</lew-mark>; Autumn is the resolution of karma;\n    Winter is the <lew-mark :bold="800" color="red">\n      self-cultivation\n    </lew-mark>.\n    Spring, summer, autumn, winter and another spring represent the entire cycle\n    of life. Lust awakens the\n    <lew-mark color="mint">\n      desire for possession\n    </lew-mark>, which can lead to\n    fatal consequences - what you like, others may like too.\n  </p>\n  <p>\n    Money is both an angel and a\n    <lew-mark round type="light" color="blue">\n      devil\n    </lew-mark>. When money is\n    just enough to satisfy you,\n    <lew-mark type="light" color="blue">\n      money is an angel; when money makes you feel like a pile of trouble, it\n      becomes a devil. Money is flowing wealth.\n    </lew-mark>Some people are generous to friends when they earn money, while others are\n    <lew-mark color="green">\n      stingy with themselves\n    </lew-mark> when they have\n    more money - there is divine guidance in all of this.\n  </p>\n</template>\n\n<style lang="scss" scoped>\np {\n  font-size: 14px;\n  line-height: 28px;\n}\n</style>\n'],v={class:"demo-wrapper"},j=p({__name:"DemoMark",setup(t){const r=h().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),l=d(Object.keys(g).map(e=>g[e]));return(t,m)=>(s(),a("div",v,[i(e),i(n,{"demo-group":c(k),"code-group":c(b),"component-name":c(r),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),i(o,{options:c(l)},null,8,["options"])]))}});export{j as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as t,a as l}from"./LewDocsTables-BEtkuNGi.js";import{am as n,_ as o,J as i,a6 as r,a3 as s,ab as a,a7 as p,d as _,bf as u,a2 as d,u as w}from"./.pnpm-CZLWBssD.js";import{a as m}from"./utils-CLdZaKTe.js";import{bH as c,_ as x}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const z={title:"Props",columnsKey:"props",data:m(c)},f=Object.freeze(Object.defineProperty({__proto__:null,Props:z},Symbol.toStringTag,{value:"Module"}));const g=[x({},[["render",function(e,t){const l=n("lew-title");return i(),o(p,null,[r(l,{bold:400,size:"14px"},{default:s(()=>t[0]||(t[0]=[a(" Product Introduction ")])),_:1,__:[0]}),r(l,{bold:400,size:"16px"},{default:s(()=>t[1]||(t[1]=[a(" Customer Reviews ")])),_:1,__:[1]}),r(l,{bold:400,size:"18px"},{default:s(()=>t[2]||(t[2]=[a(" Featured Functions ")])),_:1,__:[2]}),r(l,{bold:400,size:"22px"},{default:s(()=>t[3]||(t[3]=[a(" Limited Time Offer ")])),_:1,__:[3]}),r(l,{bold:400,size:"26px"},{default:s(()=>t[4]||(t[4]=[a(" Company Vision ")])),_:1,__:[4]})],64)}]]),x({},[["render",function(e,t){const l=n("lew-title");return i(),o(p,null,[r(l,{size:"14px"},{default:s(()=>t[0]||(t[0]=[a(" Micro Robot Medical Care ")])),_:1,__:[0]}),r(l,{size:"16px"},{default:s(()=>t[1]||(t[1]=[a(" Space-Time Travel Theory ")])),_:1,__:[1]}),r(l,{size:"18px"},{default:s(()=>t[2]||(t[2]=[a(" Underwater City Construction ")])),_:1,__:[2]}),r(l,{size:"22px"},{default:s(()=>t[3]||(t[3]=[a(" Anti-Gravity Transport System ")])),_:1,__:[3]}),r(l,{size:"26px"},{default:s(()=>t[4]||(t[4]=[a(" Interstellar Migration Plan ")])),_:1,__:[4]})],64)}]]),x({},[["render",function(e,t){const l=n("lew-title");return i(),o(p,null,[r(l,{size:"16px",color:"blue"},{default:s(()=>t[0]||(t[0]=[a(" Exploring New Horizons ")])),_:1,__:[0]}),r(l,{size:"24px",color:"green"},{default:s(()=>t[1]||(t[1]=[a(" Exploring New Horizons ")])),_:1,__:[1]}),r(l,{size:"30px",color:"red"},{default:s(()=>t[2]||(t[2]=[a(" Exploring New Horizons ")])),_:1,__:[2]}),r(l,{size:"36px",color:"warning"},{default:s(()=>t[3]||(t[3]=[a(" Exploring New Horizons ")])),_:1,__:[3]}),r(l,{size:"48px",color:"normal"},{default:s(()=>t[4]||(t[4]=[a(" Exploring New Horizons ")])),_:1,__:[4]})],64)}]])],b=['<template>\n  <lew-title :bold="400" size="14px">\n    Product Introduction\n  </lew-title>\n  <lew-title :bold="400" size="16px">\n    Customer Reviews\n  </lew-title>\n  <lew-title :bold="400" size="18px">\n    Featured Functions\n  </lew-title>\n  <lew-title :bold="400" size="22px">\n    Limited Time Offer\n  </lew-title>\n  <lew-title :bold="400" size="26px">\n    Company Vision\n  </lew-title>\n</template>\n','<template>\n  <lew-title size="14px">\n    Micro Robot Medical Care\n  </lew-title>\n  <lew-title size="16px">\n    Space-Time Travel Theory\n  </lew-title>\n  <lew-title size="18px">\n    Underwater City Construction\n  </lew-title>\n  <lew-title size="22px">\n    Anti-Gravity Transport System\n  </lew-title>\n  <lew-title size="26px">\n    Interstellar Migration Plan\n  </lew-title>\n</template>\n','<template>\n  <lew-title size="16px" color="blue">\n    Exploring New Horizons\n  </lew-title>\n  <lew-title size="24px" color="green">\n    Exploring New Horizons\n  </lew-title>\n  <lew-title size="30px" color="red">\n    Exploring New Horizons\n  </lew-title>\n  <lew-title size="36px" color="warning">\n    Exploring New Horizons\n  </lew-title>\n  <lew-title size="48px" color="normal">\n    Exploring New Horizons\n  </lew-title>\n</template>\n'],y={class:"demo-wrapper"},C=_({__name:"DemoTitle",setup(n){const s=u().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),a=d(Object.keys(f).map(e=>f[e]));return(n,p)=>(i(),o("div",y,[r(e),r(t,{"demo-group":w(g),"code-group":w(b),"component-name":w(s),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),r(l,{options:w(a)},null,8,["options"])]))}});export{C as default};

package/dist/assets/js/index-DUj5C5W4.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 l,a2 as a,am as i,a as o,J as s,a3 as r,a6 as c,aE as d,u as p,_ as u,a7 as w,ab as v,a9 as f,ac as b,bf as m}from"./.pnpm-CZLWBssD.js";import{c as x,a as g}from"./utils-CLdZaKTe.js";import{ab as h,ac as _,ad as y,_ as k}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const D={title:"Emits",columnsKey:"emits",orderNum:99,data:x(h)},C={title:"Model",columnsKey:"model",orderNum:1,data:g(_)},P={title:"Props",columnsKey:"props",orderNum:10,data:g(y)},N=Object.freeze(Object.defineProperty({__proto__:null,emits:D,model:C,props:P},Symbol.toStringTag,{value:"Module"})),z={class:"product-details"},T={class:"product-header"},j={class:"price"},q={class:"product-info"},A={class:"info-item"},S={class:"value"},U={class:"info-item"},L={class:"value"},M={class:"info-item"},E={class:"value"},O={class:"info-item"},R={class:"value"},B={class:"info-item"},I={class:"value"},Y={class:"info-item"},V={class:"value"},H={class:"info-item"},K={class:"value"},F={class:"product-description"},G=[k(l({__name:"DemoDrawer1",setup(e){const n=a(!1),t=a(!1),l=a(!1),u=a(!1);function w(){n.value=!0}function v(){t.value=!0}function f(){l.value=!0}function b(){u.value=!0}return(e,a)=>{const m=i("lew-image"),x=i("lew-drawer"),g=i("lew-button"),h=i("lew-flex");return s(),o(h,{gap:"20px",x:"start"},{default:r(()=>[c(x,{visible:p(n),"onUpdate:visible":a[0]||(a[0]=e=>d(n)?n.value=e:null),title:"New Product",position:"right"},{default:r(()=>[c(m,{"preview-group-key":"cover","object-position":"top",width:"150px",height:"150px",src:"https://app.tngeek.com/api_sso/open/file/b4c64ae_cat-8321993_1280.webp"})]),_:1},8,["visible"]),c(g,{text:"Right",onClick:w}),c(x,{visible:p(t),"onUpdate:visible":a[1]||(a[1]=e=>d(t)?t.value=e:null),title:"New Product",position:"bottom"},null,8,["visible"]),c(g,{text:"Bottom",onClick:v}),c(x,{visible:p(l),"onUpdate:visible":a[2]||(a[2]=e=>d(l)?l.value=e:null),title:"New Product",position:"left"},null,8,["visible"]),c(g,{text:"Left",onClick:f}),c(x,{visible:p(u),"onUpdate:visible":a[3]||(a[3]=e=>d(u)?u.value=e:null),title:"New Product",position:"top"},null,8,["visible"]),c(g,{text:"Top",onClick:b})]),_:1})}}}),[["__scopeId","data-v-6bfd3743"]]),k(l({__name:"DemoDrawer2",setup(e){const n=a(!1);function t(){return new Promise(e=>{setTimeout(()=>{n.value=!1,e(!0)},1e3)})}function l(){n.value=!1}return(e,a)=>{const o=i("lew-button"),b=i("lew-flex"),m=i("lew-drawer");return s(),u(w,null,[c(b,{x:"start"},{default:r(()=>[c(o,{onClick:a[0]||(a[0]=e=>n.value=!0)},{default:r(()=>a[2]||(a[2]=[v(" Async Close ")])),_:1,__:[2]})]),_:1}),c(m,{visible:p(n),"onUpdate:visible":a[1]||(a[1]=e=>d(n)?n.value=e:null),width:"350px",title:"Simulate Async Request","ok-button-props":{request:t},"close-button-props":{request:l}},{default:r(()=>a[3]||(a[3]=[f("div",{class:"drawer-body"},[f("div",null,"Click confirm, the drawer will close after 1 second.")],-1)])),_:1,__:[3]},8,["visible","ok-button-props","close-button-props"])],64)}}}),[["__scopeId","data-v-87effb8d"]]),k(l({__name:"DemoDrawer3",setup(e){const n=a(!1);function t(){return new Promise(e=>{setTimeout(()=>{n.value=!1,e()},1e3)})}function l(){n.value=!1}return(e,a)=>{const o=i("lew-button"),b=i("lew-flex"),m=i("lew-tag"),x=i("lew-drawer");return s(),u(w,null,[c(b,{x:"start"},{default:r(()=>[c(o,{onClick:a[0]||(a[0]=e=>n.value=!0)},{default:r(()=>a[2]||(a[2]=[v(" Custom ")])),_:1,__:[2]})]),_:1}),c(x,{visible:p(n),"onUpdate:visible":a[1]||(a[1]=e=>d(n)?n.value=e:null),width:"750px","ok-button-props":{request:t},"close-button-props":{request:l}},{header:r(()=>[c(b,{x:"start",class:"lew-drawer-header"},{default:r(()=>[c(m,null,{default:r(()=>a[3]||(a[3]=[v("New")])),_:1,__:[3]}),a[4]||(a[4]=v(" Custom Header "))]),_:1,__:[4]})]),footer:r(()=>[c(b,{x:"end",y:"center",class:"lew-drawer-footer"},{default:r(()=>[c(b,{x:"start",gap:"5px",class:"lew-drawer-footer-tips"},{default:r(()=>a[5]||(a[5]=[v(" Takes effect immediately after submission ")])),_:1,__:[5]}),c(b,{x:"end",y:"center"},{default:r(()=>[c(o,{type:"text",color:"gray",request:t},{default:r(()=>a[6]||(a[6]=[v(" Cancel ")])),_:1,__:[6]}),c(o,{request:t},{default:r(()=>a[7]||(a[7]=[v(" Submit ")])),_:1,__:[7]})]),_:1})]),_:1})]),default:r(()=>[a[8]||(a[8]=f("div",{class:"lew-drawer-body lew-scrollbar"},[f("div",null,"This is the main content")],-1))]),_:1,__:[8]},8,["visible","ok-button-props","close-button-props"])],64)}}}),[["__scopeId","data-v-b36723d9"]]),l({__name:"DemoDrawer4",setup(e){const n=a(!1);return(e,t)=>{const l=i("lew-image"),a=i("lew-drawer"),u=i("lew-button"),w=i("lew-flex");return s(),o(w,{gap:"20px",x:"start"},{default:r(()=>[c(a,{visible:p(n),"onUpdate:visible":t[0]||(t[0]=e=>d(n)?n.value=e:null),title:"New Product","close-by-esc":"",position:"right"},{default:r(()=>[c(l,{"preview-group-key":"cover","object-position":"top",width:"150px",height:"150px",src:"https://app.tngeek.com/api_sso/open/file/b4c64ae_cat-8321993_1280.webp"})]),_:1},8,["visible"]),c(u,{text:"Right",onClick:t[1]||(t[1]=e=>n.value=!0)})]),_:1})}}}),k(l({__name:"DemoDrawer5",setup(e){const n=a(!1),t=a({name:"iPhone 15 Pro",price:"$999",description:"The latest iPhone with advanced features including A17 Pro chip, titanium design, and professional camera system.",category:"electronics",brand:"Apple",model:"A3102",color:"Natural Titanium",storage:"256GB",condition:"New",warranty:"1 Year",stock:15});function l(){n.value=!1}function u(){n.value=!1}return(e,a)=>{const w=i("lew-flex"),m=i("lew-button"),x=i("lew-drawer");return s(),o(w,{gap:"20px",x:"start"},{default:r(()=>[c(x,{visible:p(n),"onUpdate:visible":a[0]||(a[0]=e=>d(n)?n.value=e:null),title:"Product Details","close-on-click-overlay":"",position:"right",width:"500px"},{footer:r(()=>[c(w,{class:"lew-drawer-footer",x:"end",gap:"10"},{default:r(()=>[c(m,{size:"small",color:"gray",type:"text",onClick:u},{default:r(()=>a[10]||(a[10]=[v(" Cancel ")])),_:1,__:[10]}),c(m,{size:"small",onClick:l},{default:r(()=>a[11]||(a[11]=[v(" Edit Product ")])),_:1,__:[11]})]),_:1})]),default:r(()=>[f("div",z,[c(w,{direction:"y",gap:"16"},{default:r(()=>[f("div",T,[f("h3",null,b(p(t).name),1),f("div",j,b(p(t).price),1)]),f("div",q,[f("div",A,[a[2]||(a[2]=f("span",{class:"label"},"Brand:",-1)),f("span",S,b(p(t).brand),1)]),f("div",U,[a[3]||(a[3]=f("span",{class:"label"},"Model:",-1)),f("span",L,b(p(t).model),1)]),f("div",M,[a[4]||(a[4]=f("span",{class:"label"},"Color:",-1)),f("span",E,b(p(t).color),1)]),f("div",O,[a[5]||(a[5]=f("span",{class:"label"},"Storage:",-1)),f("span",R,b(p(t).storage),1)]),f("div",B,[a[6]||(a[6]=f("span",{class:"label"},"Condition:",-1)),f("span",I,b(p(t).condition),1)]),f("div",Y,[a[7]||(a[7]=f("span",{class:"label"},"Warranty:",-1)),f("span",V,b(p(t).warranty),1)]),f("div",H,[a[8]||(a[8]=f("span",{class:"label"},"Stock:",-1)),f("span",K,b(p(t).stock)+" units",1)])]),f("div",F,[a[9]||(a[9]=f("h4",null,"Description",-1)),f("p",null,b(p(t).description),1)])]),_:1})])]),_:1},8,["visible"]),c(m,{text:"View Product Details",onClick:a[1]||(a[1]=e=>n.value=!0)})]),_:1})}}}),[["__scopeId","data-v-8c7c52f6"]]),k(l({__name:"DemoDrawer6",setup(e){const n=a(!1),t=a(!1);return(e,l)=>{const a=i("lew-button"),u=i("lew-flex"),w=i("lew-drawer");return s(),o(u,{gap:"20px",x:"start"},{default:r(()=>[c(w,{visible:p(n),"onUpdate:visible":l[1]||(l[1]=e=>d(n)?n.value=e:null),title:"Nested Drawer Demo","close-by-esc":"","close-on-click-overlay":"",position:"right",width:"400px"},{default:r(()=>[c(u,{direction:"y",gap:"16"},{default:r(()=>[l[4]||(l[4]=f("div",{class:"content main-content"},[f("div",{class:"content-header"},[f("h3",null,"Main Drawer Content"),f("div",{class:"badge"}," Primary ")]),f("p",null," This is the main drawer. You can open a nested drawer from here. "),f("div",{class:"feature-list"},[f("div",{class:"feature-item"},[f("div",{class:"feature-icon"}," 📋 "),f("span",null,"Nested functionality")]),f("div",{class:"feature-item"},[f("div",{class:"feature-icon"}," ⚡ "),f("span",null,"Fast interaction")])])],-1)),c(a,{text:"Open Nested Drawer",color:"blue",size:"medium",onClick:l[0]||(l[0]=e=>t.value=!0)})]),_:1,__:[4]})]),_:1},8,["visible"]),c(w,{visible:p(t),"onUpdate:visible":l[2]||(l[2]=e=>d(t)?t.value=e:null),title:"Nested Drawer","close-by-esc":"","close-on-click-overlay":"",position:"right",width:"300px"},{default:r(()=>[c(u,{direction:"y",gap:"16"},{default:r(()=>l[5]||(l[5]=[f("div",{class:"content nested-content"},[f("div",{class:"content-header"},[f("h4",null,"Nested Content"),f("div",{class:"badge secondary"}," Nested ")]),f("p",null,"This is a nested drawer opened from within another drawer.")],-1)])),_:1,__:[5]})]),_:1},8,["visible"]),c(a,{text:"Open Main Drawer",size:"medium",onClick:l[3]||(l[3]=e=>n.value=!0)})]),_:1})}}}),[["__scopeId","data-v-406ccde4"]])],W=['<script setup lang="ts">\nconst visible1 = ref(false)\nconst visible2 = ref(false)\nconst visible3 = ref(false)\nconst visible4 = ref(false)\nfunction open1(): void {\n  visible1.value = true\n}\nfunction open2(): void {\n  visible2.value = true\n}\nfunction open3(): void {\n  visible3.value = true\n}\nfunction open4(): void {\n  visible4.value = true\n}\n<\/script>\n\n<template>\n  <lew-flex gap="20px" x="start">\n    <lew-drawer v-model:visible="visible1" title="New Product" position="right">\n      <lew-image\n        preview-group-key="cover"\n        object-position="top"\n        width="150px"\n        height="150px"\n        src="https://app.tngeek.com/api_sso/open/file/b4c64ae_cat-8321993_1280.webp"\n      />\n    </lew-drawer>\n    <lew-button text="Right" @click="open1" />\n    <lew-drawer\n      v-model:visible="visible2"\n      title="New Product"\n      position="bottom"\n    />\n    <lew-button text="Bottom" @click="open2" />\n    <lew-drawer\n      v-model:visible="visible3"\n      title="New Product"\n      position="left"\n    />\n    <lew-button text="Left" @click="open3" />\n    <lew-drawer v-model:visible="visible4" title="New Product" position="top" />\n    <lew-button text="Top" @click="open4" />\n  </lew-flex>\n</template>\n\n<style lang="scss" scoped>\n.title {\n  padding: 10px;\n  background-color: var(--lew-bgcolor-3);\n  border-radius: 5px;\n  color: #f93;\n}\n</style>\n','<script setup lang="ts">\nconst visible = ref(false)\nfunction ok() {\n  return new Promise<void>((resolve: any) => {\n    setTimeout(() => {\n      visible.value = false\n      resolve(true)\n    }, 1000)\n  })\n}\n\nfunction close() {\n  visible.value = false\n}\n<\/script>\n\n<template>\n  <lew-flex x="start">\n    <lew-button @click="visible = true">\n      Async Close\n    </lew-button>\n  </lew-flex>\n  <lew-drawer\n    v-model:visible="visible"\n    width="350px"\n    title="Simulate Async Request"\n    :ok-button-props="{ request: ok }"\n    :close-button-props="{ request: close }"\n  >\n    <div class="drawer-body">\n      <div>Click confirm, the drawer will close after 1 second.</div>\n    </div>\n  </lew-drawer>\n</template>\n\n<style lang="scss" scoped>\n.drawer-body {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  padding: 40px;\n  box-sizing: border-box;\n}\n\n.header {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 50px;\n  font-size: 18px;\n  font-weight: bolder;\n}\n</style>\n','<script setup lang="ts">\nconst visible = ref(false)\nfunction ok() {\n  return new Promise<void>((resolve) => {\n    setTimeout(() => {\n      visible.value = false\n      resolve()\n    }, 1000)\n  })\n}\n\nfunction close() {\n  visible.value = false\n}\n<\/script>\n\n<template>\n  <lew-flex x="start">\n    <lew-button @click="visible = true">\n      Custom\n    </lew-button>\n  </lew-flex>\n  <lew-drawer\n    v-model:visible="visible"\n    width="750px"\n    :ok-button-props="{ request: ok }"\n    :close-button-props="{ request: close }"\n  >\n    <template #header>\n      <lew-flex x="start" class="lew-drawer-header">\n        <lew-tag>New</lew-tag>\n        Custom Header\n      </lew-flex>\n    </template>\n    <div class="lew-drawer-body lew-scrollbar">\n      <div>This is the main content</div>\n    </div>\n    <template #footer>\n      <lew-flex x="end" y="center" class="lew-drawer-footer">\n        <lew-flex x="start" gap="5px" class="lew-drawer-footer-tips">\n          Takes effect immediately after submission\n        </lew-flex>\n        <lew-flex x="end" y="center">\n          <lew-button type="text" color="gray" :request="ok">\n            Cancel\n          </lew-button>\n          <lew-button :request="ok">\n            Submit\n          </lew-button>\n        </lew-flex>\n      </lew-flex>\n    </template>\n  </lew-drawer>\n</template>\n\n<style lang="scss" scoped>\n.lew-drawer-body {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  padding: 40px;\n  box-sizing: border-box;\n}\n\n.lew-drawer-header {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 50px;\n  font-size: 18px;\n  font-weight: bolder;\n  padding: 0px 10px;\n}\n.lew-drawer-footer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: bolder;\n  padding: 10px;\n}\n.lew-drawer-footer-tips {\n  font-size: 14px;\n  font-weight: normal;\n  color: var(--lew-text-color-5);\n  padding-left: 10px;\n}\n\n.lew-icon-box {\n  margin-top: 40px;\n  width: 140px;\n  border-radius: var(--lew-border-radius-small);\n  transition: all 0.15s;\n  cursor: pointer;\n\n  .lew-icon-name {\n    white-space: nowrap;\n    color: #999;\n  }\n}\n\n.lew-icon-box:hover {\n  transform: translateY(-3px);\n}\n</style>\n','<script setup lang="ts">\nconst visible = ref(false)\n<\/script>\n\n<template>\n  <lew-flex gap="20px" x="start">\n    <lew-drawer\n      v-model:visible="visible"\n      title="New Product"\n      close-by-esc\n      position="right"\n    >\n      <lew-image\n        preview-group-key="cover"\n        object-position="top"\n        width="150px"\n        height="150px"\n        src="https://app.tngeek.com/api_sso/open/file/b4c64ae_cat-8321993_1280.webp"\n      />\n    </lew-drawer>\n    <lew-button text="Right" @click="visible = true" />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst visible = ref(false)\nconst productData = ref({\n  name: \'iPhone 15 Pro\',\n  price: \'$999\',\n  description:\n    \'The latest iPhone with advanced features including A17 Pro chip, titanium design, and professional camera system.\',\n  category: \'electronics\',\n  brand: \'Apple\',\n  model: \'A3102\',\n  color: \'Natural Titanium\',\n  storage: \'256GB\',\n  condition: \'New\',\n  warranty: \'1 Year\',\n  stock: 15,\n})\n\nfunction handleEdit() {\n  console.log(\'Edit product data:\', productData.value)\n  visible.value = false\n}\n\nfunction handleCancel() {\n  visible.value = false\n}\n<\/script>\n\n<template>\n  <lew-flex gap="20px" x="start">\n    <lew-drawer\n      v-model:visible="visible"\n      title="Product Details"\n      close-on-click-overlay\n      position="right"\n      width="500px"\n    >\n      <div class="product-details">\n        <lew-flex direction="y" gap="16">\n          <div class="product-header">\n            <h3>{{ productData.name }}</h3>\n            <div class="price">\n              {{ productData.price }}\n            </div>\n          </div>\n\n          <div class="product-info">\n            <div class="info-item">\n              <span class="label">Brand:</span>\n              <span class="value">{{ productData.brand }}</span>\n            </div>\n            <div class="info-item">\n              <span class="label">Model:</span>\n              <span class="value">{{ productData.model }}</span>\n            </div>\n            <div class="info-item">\n              <span class="label">Color:</span>\n              <span class="value">{{ productData.color }}</span>\n            </div>\n            <div class="info-item">\n              <span class="label">Storage:</span>\n              <span class="value">{{ productData.storage }}</span>\n            </div>\n            <div class="info-item">\n              <span class="label">Condition:</span>\n              <span class="value">{{ productData.condition }}</span>\n            </div>\n            <div class="info-item">\n              <span class="label">Warranty:</span>\n              <span class="value">{{ productData.warranty }}</span>\n            </div>\n            <div class="info-item">\n              <span class="label">Stock:</span>\n              <span class="value">{{ productData.stock }} units</span>\n            </div>\n          </div>\n\n          <div class="product-description">\n            <h4>Description</h4>\n            <p>{{ productData.description }}</p>\n          </div>\n        </lew-flex>\n      </div>\n\n      <template #footer>\n        <lew-flex class="lew-drawer-footer" x="end" gap="10">\n          <lew-button\n            size="small"\n            color="gray"\n            type="text"\n            @click="handleCancel"\n          >\n            Cancel\n          </lew-button>\n          <lew-button size="small" @click="handleEdit">\n            Edit Product\n          </lew-button>\n        </lew-flex>\n      </template>\n    </lew-drawer>\n    <lew-button text="View Product Details" @click="visible = true" />\n  </lew-flex>\n</template>\n\n<style lang="scss" scoped>\n.product-details {\n  padding: 20px;\n\n  .product-header {\n    border-bottom: 1px solid var(--lew-border-color);\n    padding-bottom: 16px;\n    margin-bottom: 16px;\n\n    h3 {\n      margin: 0 0 8px 0;\n      font-size: 18px;\n      font-weight: 600;\n    }\n\n    .price {\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--lew-primary-color);\n    }\n  }\n\n  .product-info {\n    .info-item {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 8px 0;\n      border-bottom: 1px solid var(--lew-border-color-light);\n\n      .label {\n        font-weight: 500;\n        color: var(--lew-text-color-secondary);\n      }\n\n      .value {\n        font-weight: 600;\n      }\n    }\n  }\n\n  .product-description {\n    margin-top: 16px;\n\n    h4 {\n      margin: 0 0 8px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--lew-text-color-secondary);\n    }\n\n    p {\n      margin: 0;\n      line-height: 1.6;\n      color: var(--lew-text-color);\n    }\n  }\n}\n\n.lew-drawer-footer {\n  padding: 10px;\n}\n</style>\n','<script setup lang="ts">\nconst visible = ref(false)\nconst nestedVisible = ref(false)\n<\/script>\n\n<template>\n  <lew-flex gap="20px" x="start">\n    <lew-drawer\n      v-model:visible="visible"\n      title="Nested Drawer Demo"\n      close-by-esc\n      close-on-click-overlay\n      position="right"\n      width="400px"\n    >\n      <lew-flex direction="y" gap="16">\n        <div class="content main-content">\n          <div class="content-header">\n            <h3>Main Drawer Content</h3>\n            <div class="badge">\n              Primary\n            </div>\n          </div>\n          <p>\n            This is the main drawer. You can open a nested drawer from here.\n          </p>\n          <div class="feature-list">\n            <div class="feature-item">\n              <div class="feature-icon">\n                📋\n              </div>\n              <span>Nested functionality</span>\n            </div>\n            <div class="feature-item">\n              <div class="feature-icon">\n                ⚡\n              </div>\n              <span>Fast interaction</span>\n            </div>\n          </div>\n        </div>\n\n        <lew-button\n          text="Open Nested Drawer"\n          color="blue"\n          size="medium"\n          @click="nestedVisible = true"\n        />\n      </lew-flex>\n    </lew-drawer>\n\n    <lew-drawer\n      v-model:visible="nestedVisible"\n      title="Nested Drawer"\n      close-by-esc\n      close-on-click-overlay\n      position="right"\n      width="300px"\n    >\n      <lew-flex direction="y" gap="16">\n        <div class="content nested-content">\n          <div class="content-header">\n            <h4>Nested Content</h4>\n            <div class="badge secondary">\n              Nested\n            </div>\n          </div>\n          <p>This is a nested drawer opened from within another drawer.</p>\n        </div>\n      </lew-flex>\n    </lew-drawer>\n\n    <lew-button text="Open Main Drawer" size="medium" @click="visible = true" />\n  </lew-flex>\n</template>\n\n<style scoped>\n.content {\n  padding: 20px;\n  background: var(--lew-bg-color-1);\n  border-radius: 12px;\n  border: 1px solid var(--lew-border-color);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.content:hover {\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  transform: translateY(-2px);\n}\n\n.main-content {\n  background: linear-gradient(135deg, var(--lew-bg-color-1) 0%, var(--lew-bg-color-2) 100%);\n}\n\n.nested-content {\n  background: linear-gradient(135deg, var(--lew-bg-color-2) 0%, var(--lew-bg-color-3) 100%);\n}\n\n.content-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 16px;\n}\n\n.content h3 {\n  margin: 0;\n  color: var(--lew-text-color);\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: -0.5px;\n}\n\n.content h4 {\n  margin: 0;\n  color: var(--lew-text-color);\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: -0.3px;\n}\n\n.content p {\n  margin: 0 0 16px 0;\n  color: var(--lew-text-color-2);\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.badge {\n  padding: 4px 12px;\n  background: var(--lew-primary-color);\n  color: white;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.badge.secondary {\n  background: var(--lew-success-color);\n}\n\n.feature-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.feature-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background: var(--lew-bg-color-2);\n  border-radius: 8px;\n  border: 1px solid var(--lew-border-color);\n}\n\n.feature-icon {\n  font-size: 18px;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.feature-item span {\n  color: var(--lew-text-color);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.image-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n}\n\n.image-caption {\n  color: var(--lew-text-color-2);\n  font-size: 12px;\n  font-weight: 500;\n  text-align: center;\n}\n</style>\n'],$={class:"demo-wrapper"},J=l({__name:"DemoDrawer",setup(l){const i=m().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),o=a(Object.keys(N).map(e=>N[e]));return(l,a)=>(s(),u("div",$,[c(e),c(n,{"demo-group":p(G),"code-group":p(W),"component-name":p(i),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),c(t,{options:p(o)},null,8,["options"])]))}});export{J as default};

package/dist/assets/js/index-DWmU-JJH.js

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as l,a as n}from"./LewDocsTables-BEtkuNGi.js";import{d as a,a2 as t,am as o,a as s,J as r,u as i,aE as u,c6 as c,a3 as d,a9 as p,b as m,a6 as v,ac as b,_ as h,a7 as f,ab as S,a1 as w,bf as g}from"./.pnpm-CZLWBssD.js";import{c as y,a as _}from"./utils-CLdZaKTe.js";import{bf as x,bg as L,bh as k,_ as E,m as K}from"./index-CcB67-Bu.js";import{s as M}from"./data-BmZE5nT3.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const O={title:"Emits",columnsKey:"emits",orderNum:99,data:y(x)},T={title:"Model",columnsKey:"model",orderNum:1,data:_(L)},C={title:"Props",columnsKey:"props",orderNum:10,data:_(k)},D=Object.freeze(Object.defineProperty({__proto__:null,emits:O,model:T,props:C,slot:{title:"Slots",columnsKey:"slots",data:[{name:"item",params:"Options"},{name:"empty",params:"Options"}]}},Symbol.toStringTag,{value:"Module"})),V={class:"custom-select-content"},N={class:"info"},A={class:"label"},I={class:"desc"},U={class:"demo-select"},B={class:"demo-result"},F=[a({__name:"DemoSelect1",setup(e){const l=t([{label:"StandardStandardStandardStandardStandard Delivery",value:"standard"},{label:"Express Delivery",value:"express"},{label:"Next Day Delivery",value:"nextDay"},{label:"Same Day Delivery",value:"sameDay"}]),n=t("");return(e,a)=>{const t=o("lew-select");return r(),s(t,{modelValue:i(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),width:"300px",clearable:"",placeholder:"Select delivery method",options:i(l)},null,8,["modelValue","options"])}}}),a({__name:"DemoSelect2",setup(e){const l=M.map(e=>({label:e,value:e})),n=t("浙江大学");return(e,a)=>{const t=o("lew-select");return r(),s(t,{modelValue:i(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),width:"300px",searchable:"","default-value":i(n),options:i(l),clearable:"",placeholder:"Default Filter"},null,8,["modelValue","default-value","options"])}}}),a({__name:"DemoSelect3",setup(e){const l=M.map((e,l)=>({label:e,value:c(String(l),8,"0")})),n=t("");return(e,a)=>{const t=o("lew-avatar"),c=o("lew-select");return r(),s(c,{modelValue:i(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),style:{width:"320px"},"item-height":48,options:i(l),placeholder:"Support slots","popover-width":"320px"},{item:d(({props:e})=>[p("div",{class:m(["custom-select-box",{"custom-select-checked":e.checked}])},[p("div",V,[v(t,{size:"32",shape:"circle",alt:e.label},null,8,["alt"]),p("div",N,[p("div",A,b(e.label),1),p("div",I,b(e.value),1)])])],2)]),_:1},8,["modelValue","options"])}}}),a({__name:"DemoSelect4",setup(e){const l=t([{label:"Junior Software Engineer",value:"1"},{label:"Mid-level Software Engineer",value:"2"},{label:"Senior Software Engineer",value:"3",disabled:!0},{label:"Technical Lead",disabled:!0,value:"4"},{label:"Product Manager",value:"5"},{label:"Project Manager",value:"6"},{label:"UI/UX Designer",value:"7"},{label:"Test Engineer",value:"8"},{label:"Operations Engineer",value:"9"},{label:"Data Analyst",value:"10"},{label:"Chief Technology Officer",value:"11",disabled:!0}]),n=t("");function a(e){}return(e,t)=>{const c=o("lew-select");return r(),s(c,{modelValue:i(n),"onUpdate:modelValue":t[0]||(t[0]=e=>u(n)?n.value=e:null),style:{width:"320px"},options:i(l),placeholder:"Select position",onChange:a},null,8,["modelValue","options"])}}}),a({__name:"DemoSelect5",setup(e){const l=t([{label:"Facial Cleanser",value:"cleanser"},{label:"Moisturizer",value:"moisturizer"},{label:"Sunscreen",value:"sunscreen"},{label:"Face Mask",value:"mask"},{label:"Eye Cream",value:"eyeCream"},{label:"Serum",value:"serum"}]),n=t("mask");return(e,a)=>{const t=o("lew-select");return r(),s(t,{modelValue:i(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),style:{width:"320px"},readonly:"",placeholder:"Select product",options:i(l)},null,8,["modelValue","options"])}}}),a({__name:"DemoSelect6",setup(e){const l=t([{label:"BMW",value:"bmw"},{label:"Mercedes-Benz",value:"mercedes"},{label:"Audi",value:"audi"},{label:"Porsche",value:"porsche"},{label:"Ferrari",value:"ferrari"},{label:"Lamborghini",value:"lamborghini"}]),n=t("porsche");return(e,a)=>{const t=o("lew-select");return r(),s(t,{modelValue:i(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),style:{width:"320px"},disabled:"",placeholder:"Select brand",options:i(l)},null,8,["modelValue","options"])}}}),E(a({__name:"DemoSelect7",setup(e){const l=t([]),n=t("");return(e,a)=>{const t=o("lew-select");return r(),s(t,{modelValue:i(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),style:{width:"320px"},options:i(l),clearable:"",placeholder:"Please select department"},{empty:d(()=>a[1]||(a[1]=[p("div",{class:"empty"}," No matching departments ",-1)])),_:1},8,["modelValue","options"])}}}),[["__scopeId","data-v-7c44115f"]]),a({__name:"DemoSelect8",setup(e){const l=t([{label:"Living Room Furniture",children:[{label:"KIVIK Sofa",value:"kivik"},{label:"BILLY Bookcase",value:"billy"},{label:"KALLAX Shelf Unit",value:"kallax"},{label:"POÄNG Armchair",value:"poang"},{label:"LACK Coffee Table",value:"lack"},{label:"EKTORP Sofa",value:"ektorp"},{label:"VITTSJÖ TV Unit",value:"vittsjo"},{label:"BESTÅ TV Storage Combination",value:"besta"}]},{label:"Bedroom Furniture",children:[{label:"MALM Bed",value:"malm"},{label:"PAX Wardrobe",value:"pax"},{label:"HEMNES Bedside Table",value:"hemnes"},{label:"BRIMNES Bed Frame",value:"brimnes"},{label:"SONGESAND Wardrobe",value:"songesand"},{label:"TRYSIL Bed Frame",value:"trysil"},{label:"NORDLI Bedside Table",value:"nordli"},{label:"KULLEN 5-drawer Chest",value:"kullen"}]},{label:"Kitchen Items",children:[{label:"METOD Cabinet",value:"metod"},{label:"KNOXHULT Kitchen Base Cabinet",value:"knoxhult"},{label:"SUNNERSTA Mini-kitchen",value:"sunnersta"},{label:"TORNVIKEN Kitchen Island",value:"tornviken"},{label:"ENHET Kitchen Storage Combination",value:"enhet"},{label:"RÅSKOG Kitchen Cart",value:"raskog"},{label:"KUNGSFORS Kitchen Rail",value:"kungsfors"}]},{label:"Office Furniture",children:[{label:"MICKE Desk",value:"micke"},{label:"MARKUS Office Chair",value:"markus"},{label:"ALEX Drawer Unit",value:"alex"},{label:"BEKANT Sit/Stand Desk",value:"bekant"},{label:"MILLBERGET Swivel Chair",value:"millberget"},{label:"FLINTAN Office Chair",value:"flintan"},{label:"GALANT Filing Cabinet",value:"galant"},{label:"LÅNGFJÄLL Office Chair",value:"langfjall"}]}]),n=t("");return(e,a)=>{const t=o("lew-select"),c=o("lew-flex");return r(),s(c,{style:{width:"320px"},direction:"y",gap:"10px"},{default:d(()=>[v(t,{modelValue:i(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),options:i(l),placeholder:"Select IKEA Product",searchable:""},null,8,["modelValue","options"])]),_:1})}}}),a({__name:"DemoSelect9",setup(e){const l=t([]);function n(){return new Promise(e=>{setTimeout(()=>{const l=M.map(e=>({label:e,value:e}));e(l)},1e3)})}const a=t(0);function c(){a.value++}return(e,t)=>{const p=o("lew-select"),m=o("lew-button");return r(),h(f,null,[(r(),s(p,{key:i(a),modelValue:i(l),"onUpdate:modelValue":t[0]||(t[0]=e=>u(l)?l.value=e:null),width:"300px",searchable:"",clearable:"","init-method":n,placeholder:"load options"},null,8,["modelValue"])),v(m,{type:"ghost",style:{"margin-top":"20px"},onClick:c},{default:d(()=>[S(" load again "+b(i(a)),1)]),_:1})],64)}}}),E(a({__name:"DemoSelect10",setup(e){const l=t();return w("formMethods",{loadOptions:async()=>(await new Promise(e=>setTimeout(e,3e3)),[{label:"La Mer",value:"la_mer"},{label:"La Prairie",value:"la_prairie"},{label:"SK-II",value:"sk_ii"},{label:"Estée Lauder",value:"estee_lauder"},{label:"Lancôme",value:"lancome"},{label:"Sisley",value:"sisley"},{label:"Dior",value:"dior"},{label:"Chanel",value:"chanel"},{label:"Clé de Peau",value:"cle_de_peau"},{label:"Guerlain",value:"guerlain"}])}),(e,n)=>(r(),h("div",U,[v(i(K),{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>u(l)?l.value=e:null),"init-method-id":"loadOptions",placeholder:"Select a brand",width:"300px",searchable:""},null,8,["modelValue"]),p("div",B," 选中值: "+b(i(l)),1)]))}}),[["__scopeId","data-v-38dd95d0"]]),a({__name:"DemoSelect11",setup(e){const l=t([{label:"Steve Jobs",value:"steve_jobs"},{label:"Elon Musk",value:"elon_musk"},{label:"Marie Curie",value:"marie_curie"},{label:"Leonardo da Vinci",value:"leonardo_da_vinci"},{label:"Nelson Mandela",value:"nelson_mandela"},{label:"Ada Lovelace",value:"ada_lovelace"},{label:"Albert Einstein",value:"albert_einstein"},{label:"Malala Yousafzai",value:"malala_yousafzai"},{label:"Mahatma Gandhi",value:"mahatma_gandhi"},{label:"Frida Kahlo",value:"frida_kahlo"}]),n=t("");return(e,a)=>{const t=o("lew-select");return r(),s(t,{modelValue:i(n),"onUpdate:modelValue":a[0]||(a[0]=e=>u(n)?n.value=e:null),"auto-width":"","popover-width":"220px",clearable:"",placeholder:"Select a famous person",options:i(l)},null,8,["modelValue","options"])}}})],P=["<script setup lang=\"ts\">\nimport type { LewSelectOption } from 'lew-ui'\n\nconst options = ref<LewSelectOption[]>([\n  {\n    label: 'StandardStandardStandardStandardStandard Delivery',\n    value: 'standard',\n  },\n  { label: 'Express Delivery', value: 'express' },\n  { label: 'Next Day Delivery', value: 'nextDay' },\n  { label: 'Same Day Delivery', value: 'sameDay' },\n])\n\nconst value = ref('')\n<\/script>\n\n<template>\n  <lew-select\n    v-model=\"value\"\n    width=\"300px\"\n    clearable\n    placeholder=\"Select delivery method\"\n    :options=\"options\"\n  />\n</template>\n",'<script setup lang="ts">\nimport { schools } from \'docs/lib/data\'\n\nconst schoolsOptions = schools.map((e) => {\n  return { label: e, value: e }\n})\n\nconst value = ref(\'浙江大学\')\n<\/script>\n\n<template>\n  <lew-select\n    v-model="value"\n    width="300px"\n    searchable\n    :default-value="value"\n    :options="schoolsOptions"\n    clearable\n    placeholder="Default Filter"\n  />\n</template>\n','<script setup lang="ts">\nimport { schools } from \'docs/lib/data\'\nimport { padStart } from \'lodash-es\'\n\nconst schoolsOptions = schools.map((e, i) => {\n  return { label: e, value: padStart(String(i), 8, \'0\') }\n})\n\nconst value = ref(\'\')\n<\/script>\n\n<template>\n  <lew-select\n    v-model="value"\n    style="width: 320px"\n    :item-height="48"\n    :options="schoolsOptions"\n    placeholder="Support slots"\n    popover-width="320px"\n  >\n    <template #item="{ props }">\n      <div\n        class="custom-select-box"\n        :class="{ \'custom-select-checked\': props.checked }"\n      >\n        <div class="custom-select-content">\n          <lew-avatar size="32" shape="circle" :alt="props.label" />\n          <div class="info">\n            <div class="label">\n              {{ props.label }}\n            </div>\n            <div class="desc">\n              {{ props.value }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n  </lew-select>\n</template>\n\n<style lang="scss">\n.custom-select-box {\n  width: 100%;\n  height: 48px;\n  user-select: none;\n  padding: 2px 0px;\n  box-sizing: border-box;\n  cursor: pointer;\n  overflow: hidden;\n  .custom-select-content {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 0px 8px;\n    height: 100%;\n    border-radius: var(--lew-border-radius-small);\n    box-sizing: border-box;\n    .info {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      .label {\n        display: inline-block;\n        color: var(--lew-text-color-1);\n        font-size: 14px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        width: 220px;\n      }\n      .desc {\n        color: var(--lew-text-color-5);\n        font-size: 12px;\n      }\n    }\n  }\n}\n.custom-select-box:hover {\n  .custom-select-content {\n    background: var(--lew-color-primary-light);\n  }\n}\n.custom-select-checked {\n  .custom-select-content {\n    background: var(--lew-color-primary-light);\n  }\n}\n</style>\n',"<script setup lang=\"ts\">\nconst options = ref([\n  {\n    label: 'Junior Software Engineer',\n    value: '1',\n  },\n  {\n    label: 'Mid-level Software Engineer',\n    value: '2',\n  },\n  {\n    label: 'Senior Software Engineer',\n    value: '3',\n    disabled: true,\n  },\n  {\n    label: 'Technical Lead',\n    disabled: true,\n    value: '4',\n  },\n  {\n    label: 'Product Manager',\n    value: '5',\n  },\n  {\n    label: 'Project Manager',\n    value: '6',\n  },\n  {\n    label: 'UI/UX Designer',\n    value: '7',\n  },\n  {\n    label: 'Test Engineer',\n    value: '8',\n  },\n  {\n    label: 'Operations Engineer',\n    value: '9',\n  },\n  {\n    label: 'Data Analyst',\n    value: '10',\n  },\n  {\n    label: 'Chief Technology Officer',\n    value: '11',\n    disabled: true,\n  },\n])\n\nconst value = ref('')\n\nfunction handleChange(val: string) {\n  console.log('Selected position:', val)\n}\n<\/script>\n\n<template>\n  <lew-select\n    v-model=\"value\"\n    style=\"width: 320px\"\n    :options=\"options\"\n    placeholder=\"Select position\"\n    @change=\"handleChange\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { LewSelectOption } from 'lew-ui'\n\nconst options = ref<LewSelectOption[]>([\n  { label: 'Facial Cleanser', value: 'cleanser' },\n  { label: 'Moisturizer', value: 'moisturizer' },\n  { label: 'Sunscreen', value: 'sunscreen' },\n  { label: 'Face Mask', value: 'mask' },\n  { label: 'Eye Cream', value: 'eyeCream' },\n  { label: 'Serum', value: 'serum' },\n])\nconst value = ref('mask')\n<\/script>\n\n<template>\n  <lew-select\n    v-model=\"value\"\n    style=\"width: 320px\"\n    readonly\n    placeholder=\"Select product\"\n    :options=\"options\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { LewSelectOption } from 'lew-ui'\n\nconst options = ref<LewSelectOption[]>([\n  { label: 'BMW', value: 'bmw' },\n  { label: 'Mercedes-Benz', value: 'mercedes' },\n  { label: 'Audi', value: 'audi' },\n  { label: 'Porsche', value: 'porsche' },\n  { label: 'Ferrari', value: 'ferrari' },\n  { label: 'Lamborghini', value: 'lamborghini' },\n])\nconst value = ref('porsche')\n<\/script>\n\n<template>\n  <lew-select\n    v-model=\"value\"\n    style=\"width: 320px\"\n    disabled\n    placeholder=\"Select brand\"\n    :options=\"options\"\n  />\n</template>\n",'<script setup lang="ts">\nconst options = ref([])\nconst value = ref(\'\')\n<\/script>\n\n<template>\n  <lew-select\n    v-model="value"\n    style="width: 320px"\n    :options="options"\n    clearable\n    placeholder="Please select department"\n  >\n    <template #empty>\n      <div class="empty">\n        No matching departments\n      </div>\n    </template>\n  </lew-select>\n</template>\n\n<style lang="scss" scoped>\n.empty {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  height: 220px;\n  gap: 10px;\n  text-align: center;\n  color: #999;\n}\n</style>\n',"<script setup lang=\"ts\">\nconst options = ref([\n  {\n    label: 'Living Room Furniture',\n    children: [\n      {\n        label: 'KIVIK Sofa',\n        value: 'kivik',\n      },\n      {\n        label: 'BILLY Bookcase',\n        value: 'billy',\n      },\n      {\n        label: 'KALLAX Shelf Unit',\n        value: 'kallax',\n      },\n      {\n        label: 'POÄNG Armchair',\n        value: 'poang',\n      },\n      {\n        label: 'LACK Coffee Table',\n        value: 'lack',\n      },\n      {\n        label: 'EKTORP Sofa',\n        value: 'ektorp',\n      },\n      {\n        label: 'VITTSJÖ TV Unit',\n        value: 'vittsjo',\n      },\n      {\n        label: 'BESTÅ TV Storage Combination',\n        value: 'besta',\n      },\n    ],\n  },\n  {\n    label: 'Bedroom Furniture',\n    children: [\n      {\n        label: 'MALM Bed',\n        value: 'malm',\n      },\n      {\n        label: 'PAX Wardrobe',\n        value: 'pax',\n      },\n      {\n        label: 'HEMNES Bedside Table',\n        value: 'hemnes',\n      },\n      {\n        label: 'BRIMNES Bed Frame',\n        value: 'brimnes',\n      },\n      {\n        label: 'SONGESAND Wardrobe',\n        value: 'songesand',\n      },\n      {\n        label: 'TRYSIL Bed Frame',\n        value: 'trysil',\n      },\n      {\n        label: 'NORDLI Bedside Table',\n        value: 'nordli',\n      },\n      {\n        label: 'KULLEN 5-drawer Chest',\n        value: 'kullen',\n      },\n    ],\n  },\n  {\n    label: 'Kitchen Items',\n    children: [\n      {\n        label: 'METOD Cabinet',\n        value: 'metod',\n      },\n      {\n        label: 'KNOXHULT Kitchen Base Cabinet',\n        value: 'knoxhult',\n      },\n      {\n        label: 'SUNNERSTA Mini-kitchen',\n        value: 'sunnersta',\n      },\n      {\n        label: 'TORNVIKEN Kitchen Island',\n        value: 'tornviken',\n      },\n      {\n        label: 'ENHET Kitchen Storage Combination',\n        value: 'enhet',\n      },\n      {\n        label: 'RÅSKOG Kitchen Cart',\n        value: 'raskog',\n      },\n      {\n        label: 'KUNGSFORS Kitchen Rail',\n        value: 'kungsfors',\n      },\n    ],\n  },\n  {\n    label: 'Office Furniture',\n    children: [\n      {\n        label: 'MICKE Desk',\n        value: 'micke',\n      },\n      {\n        label: 'MARKUS Office Chair',\n        value: 'markus',\n      },\n      {\n        label: 'ALEX Drawer Unit',\n        value: 'alex',\n      },\n      {\n        label: 'BEKANT Sit/Stand Desk',\n        value: 'bekant',\n      },\n      {\n        label: 'MILLBERGET Swivel Chair',\n        value: 'millberget',\n      },\n      {\n        label: 'FLINTAN Office Chair',\n        value: 'flintan',\n      },\n      {\n        label: 'GALANT Filing Cabinet',\n        value: 'galant',\n      },\n      {\n        label: 'LÅNGFJÄLL Office Chair',\n        value: 'langfjall',\n      },\n    ],\n  },\n])\n\nconst value = ref('')\n<\/script>\n\n<template>\n  <lew-flex style=\"width: 320px\" direction=\"y\" gap=\"10px\">\n    <lew-select\n      v-model=\"value\"\n      :options=\"options\"\n      placeholder=\"Select IKEA Product\"\n      searchable\n    />\n  </lew-flex>\n</template>\n",'<script setup lang="ts">\nimport { schools } from \'docs/lib/data\'\n\nconst value = ref([])\n\nfunction initMethod() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      const res = schools.map((e) => {\n        return { label: e, value: e }\n      })\n      resolve(res)\n    }, 1000)\n  })\n}\n\nconst updateKey = ref(0)\n\nfunction load() {\n  updateKey.value++\n}\n<\/script>\n\n<template>\n  <lew-select\n    :key="updateKey"\n    v-model="value"\n    width="300px"\n    searchable\n    clearable\n    :init-method="initMethod"\n    placeholder="load options"\n  />\n  <lew-button type="ghost" style="margin-top: 20px" @click="load">\n    load again {{ updateKey }}\n  </lew-button>\n</template>\n',"<script setup lang=\"ts\">\nimport { LewSelect } from 'lew-ui'\n\nconst selectValue = ref()\n\n// 模拟表单方法\nconst formMethods = {\n  async loadOptions() {\n    await new Promise(resolve => setTimeout(resolve, 3000))\n    return [\n      { label: 'La Mer', value: 'la_mer' },\n      { label: 'La Prairie', value: 'la_prairie' },\n      { label: 'SK-II', value: 'sk_ii' },\n      { label: 'Estée Lauder', value: 'estee_lauder' },\n      { label: 'Lancôme', value: 'lancome' },\n      { label: 'Sisley', value: 'sisley' },\n      { label: 'Dior', value: 'dior' },\n      { label: 'Chanel', value: 'chanel' },\n      { label: 'Clé de Peau', value: 'cle_de_peau' },\n      { label: 'Guerlain', value: 'guerlain' },\n    ]\n  },\n}\n\n// 提供表单方法给子组件\nprovide('formMethods', formMethods)\n<\/script>\n\n<template>\n  <div class=\"demo-select\">\n    <LewSelect\n      v-model=\"selectValue\"\n      init-method-id=\"loadOptions\"\n      placeholder=\"Select a brand\"\n      width=\"300px\"\n      searchable\n    />\n    <div class=\"demo-result\">\n      选中值: {{ selectValue }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.demo-select {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.demo-result {\n  font-size: 14px;\n  color: #666;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { LewSelectOption } from 'lew-ui'\n\nconst options = ref<LewSelectOption[]>([\n  { label: 'Steve Jobs', value: 'steve_jobs' },\n  { label: 'Elon Musk', value: 'elon_musk' },\n  { label: 'Marie Curie', value: 'marie_curie' },\n  { label: 'Leonardo da Vinci', value: 'leonardo_da_vinci' },\n  { label: 'Nelson Mandela', value: 'nelson_mandela' },\n  { label: 'Ada Lovelace', value: 'ada_lovelace' },\n  { label: 'Albert Einstein', value: 'albert_einstein' },\n  { label: 'Malala Yousafzai', value: 'malala_yousafzai' },\n  { label: 'Mahatma Gandhi', value: 'mahatma_gandhi' },\n  { label: 'Frida Kahlo', value: 'frida_kahlo' },\n])\n\nconst value = ref('')\n<\/script>\n\n<template>\n  <lew-select\n    v-model=\"value\"\n    auto-width\n    popover-width=\"220px\"\n    clearable\n    placeholder=\"Select a famous person\"\n    :options=\"options\"\n  />\n</template>\n"],R={class:"demo-wrapper"},j=a({__name:"DemoSelect",setup(a){const o=g().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=t(Object.keys(D).map(e=>D[e]));return(a,t)=>(r(),h("div",R,[v(e),v(l,{"demo-group":i(F),"code-group":i(P),"component-name":i(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),v(n,{options:i(s)},null,8,["options"])]))}});export{j as default};

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

@@ -1 +0,0 @@
-import{_ as t}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as e,a as l}from"./LewDocsTables-BEtkuNGi.js";import{am as n,a as o,J as r,a3 as u,a6 as a,a9 as p,ab as i,d as w,u as y,bz as b,bC as _,bB as c,bf as s,a2 as d,_ as g}from"./.pnpm-CZLWBssD.js";import{a as f}from"./utils-CLdZaKTe.js";import{J as x,_ as m}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const h={title:"Props",columnsKey:"props",data:f(x)},k=Object.freeze(Object.defineProperty({__proto__:null,props:h},Symbol.toStringTag,{value:"Module"}));const z=[m({},[["render",function(t,e){const l=n("lew-button"),p=n("lew-flex");return r(),o(p,{direction:"y",gap:"20px"},{default:u(()=>[a(p,{wrap:"",x:"start",gap:"10"},{default:u(()=>[a(l,{size:"mini",text:"FILL",type:"fill"}),a(l,{size:"small",text:"TEXT",type:"text"}),a(l,{size:"medium",text:"LIGHT",type:"light"}),a(l,{size:"large",text:"GHOST",type:"ghost"}),a(l,{size:"large",text:"GHOST + DASHED",dashed:"",type:"ghost"})]),_:1})]),_:1})}]]),m({},[["render",function(t,e){const l=n("lew-button"),w=n("lew-flex");return r(),o(w,{x:"start"},{default:u(()=>[p("div",null,[a(w,{direction:"y",x:"start",gap:"10px"},{default:u(()=>[a(w,{y:"end",x:"start"},{default:u(()=>[a(l,{type:"fill",color:"red"},{default:u(()=>e[0]||(e[0]=[i(" red ")])),_:1,__:[0]}),a(l,{type:"fill",color:"orange"},{default:u(()=>e[1]||(e[1]=[i(" orange ")])),_:1,__:[1]}),a(l,{type:"fill",color:"yellow"},{default:u(()=>e[2]||(e[2]=[i(" yellow ")])),_:1,__:[2]}),a(l,{type:"fill",color:"green"},{default:u(()=>e[3]||(e[3]=[i(" green ")])),_:1,__:[3]}),a(l,{type:"fill",color:"mint"},{default:u(()=>e[4]||(e[4]=[i(" mint ")])),_:1,__:[4]}),a(l,{type:"fill",color:"teal"},{default:u(()=>e[5]||(e[5]=[i(" teal ")])),_:1,__:[5]}),a(l,{type:"fill",color:"cyan"},{default:u(()=>e[6]||(e[6]=[i(" cyan ")])),_:1,__:[6]}),a(l,{type:"fill",color:"blue"},{default:u(()=>e[7]||(e[7]=[i(" blue ")])),_:1,__:[7]}),a(l,{type:"fill",color:"indigo"},{default:u(()=>e[8]||(e[8]=[i(" indigo ")])),_:1,__:[8]}),a(l,{type:"fill",color:"purple"},{default:u(()=>e[9]||(e[9]=[i(" purple ")])),_:1,__:[9]}),a(l,{type:"fill",color:"pink"},{default:u(()=>e[10]||(e[10]=[i(" pink ")])),_:1,__:[10]}),a(l,{type:"fill",color:"brown"},{default:u(()=>e[11]||(e[11]=[i(" brown ")])),_:1,__:[11]}),a(l,{type:"fill",color:"gray"},{default:u(()=>e[12]||(e[12]=[i(" gray ")])),_:1,__:[12]}),a(l,{type:"fill",color:"black"},{default:u(()=>e[13]||(e[13]=[i(" black ")])),_:1,__:[13]})]),_:1}),a(w,{y:"end",x:"start"},{default:u(()=>[a(l,{type:"light",color:"red"},{default:u(()=>e[14]||(e[14]=[i(" red ")])),_:1,__:[14]}),a(l,{type:"light",color:"orange"},{default:u(()=>e[15]||(e[15]=[i(" orange ")])),_:1,__:[15]}),a(l,{type:"light",color:"yellow"},{default:u(()=>e[16]||(e[16]=[i(" yellow ")])),_:1,__:[16]}),a(l,{type:"light",color:"green"},{default:u(()=>e[17]||(e[17]=[i(" green ")])),_:1,__:[17]}),a(l,{type:"light",color:"mint"},{default:u(()=>e[18]||(e[18]=[i(" mint ")])),_:1,__:[18]}),a(l,{type:"light",color:"teal"},{default:u(()=>e[19]||(e[19]=[i(" teal ")])),_:1,__:[19]}),a(l,{type:"light",color:"cyan"},{default:u(()=>e[20]||(e[20]=[i(" cyan ")])),_:1,__:[20]}),a(l,{type:"light",color:"blue"},{default:u(()=>e[21]||(e[21]=[i(" blue ")])),_:1,__:[21]}),a(l,{type:"light",color:"indigo"},{default:u(()=>e[22]||(e[22]=[i(" indigo ")])),_:1,__:[22]}),a(l,{type:"light",color:"purple"},{default:u(()=>e[23]||(e[23]=[i(" purple ")])),_:1,__:[23]}),a(l,{type:"light",color:"pink"},{default:u(()=>e[24]||(e[24]=[i(" pink ")])),_:1,__:[24]}),a(l,{type:"light",color:"brown"},{default:u(()=>e[25]||(e[25]=[i(" brown ")])),_:1,__:[25]}),a(l,{type:"light",color:"gray"},{default:u(()=>e[26]||(e[26]=[i(" gray ")])),_:1,__:[26]}),a(l,{type:"light",color:"black"},{default:u(()=>e[27]||(e[27]=[i(" black ")])),_:1,__:[27]})]),_:1}),a(w,{y:"end",x:"start"},{default:u(()=>[a(l,{type:"ghost",color:"red"},{default:u(()=>e[28]||(e[28]=[i(" red ")])),_:1,__:[28]}),a(l,{type:"ghost",color:"orange"},{default:u(()=>e[29]||(e[29]=[i(" orange ")])),_:1,__:[29]}),a(l,{type:"ghost",color:"yellow"},{default:u(()=>e[30]||(e[30]=[i(" yellow ")])),_:1,__:[30]}),a(l,{type:"ghost",color:"green"},{default:u(()=>e[31]||(e[31]=[i(" green ")])),_:1,__:[31]}),a(l,{type:"ghost",color:"mint"},{default:u(()=>e[32]||(e[32]=[i(" mint ")])),_:1,__:[32]}),a(l,{type:"ghost",color:"teal"},{default:u(()=>e[33]||(e[33]=[i(" teal ")])),_:1,__:[33]}),a(l,{type:"ghost",color:"cyan"},{default:u(()=>e[34]||(e[34]=[i(" cyan ")])),_:1,__:[34]}),a(l,{type:"ghost",color:"blue"},{default:u(()=>e[35]||(e[35]=[i(" blue ")])),_:1,__:[35]}),a(l,{type:"ghost",color:"indigo"},{default:u(()=>e[36]||(e[36]=[i(" indigo ")])),_:1,__:[36]}),a(l,{type:"ghost",color:"purple"},{default:u(()=>e[37]||(e[37]=[i(" purple ")])),_:1,__:[37]}),a(l,{type:"ghost",color:"pink"},{default:u(()=>e[38]||(e[38]=[i(" pink ")])),_:1,__:[38]}),a(l,{type:"ghost",color:"brown"},{default:u(()=>e[39]||(e[39]=[i(" brown ")])),_:1,__:[39]}),a(l,{type:"ghost",color:"gray"},{default:u(()=>e[40]||(e[40]=[i(" gray ")])),_:1,__:[40]}),a(l,{type:"ghost",color:"black"},{default:u(()=>e[41]||(e[41]=[i(" black ")])),_:1,__:[41]})]),_:1}),a(w,{y:"end",x:"start"},{default:u(()=>[a(l,{type:"text",color:"red"},{default:u(()=>e[42]||(e[42]=[i(" red ")])),_:1,__:[42]}),a(l,{type:"text",color:"orange"},{default:u(()=>e[43]||(e[43]=[i(" orange ")])),_:1,__:[43]}),a(l,{type:"text",color:"yellow"},{default:u(()=>e[44]||(e[44]=[i(" yellow ")])),_:1,__:[44]}),a(l,{type:"text",color:"green"},{default:u(()=>e[45]||(e[45]=[i(" green ")])),_:1,__:[45]}),a(l,{type:"text",color:"mint"},{default:u(()=>e[46]||(e[46]=[i(" mint ")])),_:1,__:[46]}),a(l,{type:"text",color:"teal"},{default:u(()=>e[47]||(e[47]=[i(" teal ")])),_:1,__:[47]}),a(l,{type:"text",color:"cyan"},{default:u(()=>e[48]||(e[48]=[i(" cyan ")])),_:1,__:[48]}),a(l,{type:"text",color:"blue"},{default:u(()=>e[49]||(e[49]=[i(" blue ")])),_:1,__:[49]}),a(l,{type:"text",color:"indigo"},{default:u(()=>e[50]||(e[50]=[i(" indigo ")])),_:1,__:[50]}),a(l,{type:"text",color:"purple"},{default:u(()=>e[51]||(e[51]=[i(" purple ")])),_:1,__:[51]}),a(l,{type:"text",color:"pink"},{default:u(()=>e[52]||(e[52]=[i(" pink ")])),_:1,__:[52]}),a(l,{type:"text",color:"brown"},{default:u(()=>e[53]||(e[53]=[i(" brown ")])),_:1,__:[53]}),a(l,{type:"text",color:"gray"},{default:u(()=>e[54]||(e[54]=[i(" gray ")])),_:1,__:[54]}),a(l,{type:"text",color:"black"},{default:u(()=>e[55]||(e[55]=[i(" black ")])),_:1,__:[55]})]),_:1})]),_:1})])]),_:1})}]]),w({__name:"DemoButton3",setup:t=>(t,e)=>{const l=n("lew-button"),p=n("lew-flex");return r(),o(p,{x:"start",y:"end"},{default:u(()=>[a(l,{type:"fill","single-icon":"",size:"small",round:""},{default:u(()=>[a(y(b),{size:16})]),_:1}),a(l,{type:"light",round:"","single-icon":""},{default:u(()=>[a(y(_),{size:16})]),_:1}),a(l,{type:"ghost",round:"","single-icon":""},{default:u(()=>[a(y(c),{size:16})]),_:1})]),_:1})}}),m({},[["render",function(t,e){const l=n("lew-button"),p=n("lew-flex");return r(),o(p,{wrap:"",x:"start",y:"end",gap:"20px"},{default:u(()=>[a(l,{size:"mini",round:"",loading:"",text:"Submit",type:"fill"}),a(l,{size:"small",round:"",loading:"",text:"Submit",type:"light"}),a(l,{size:"medium",round:"",loading:"",text:"Submit",type:"light"}),a(l,{size:"large",round:"",loading:"",text:"Submit",type:"ghost"})]),_:1})}]]),m({},[["render",function(t,e){const l=n("lew-button"),p=n("lew-flex");return r(),o(p,{wrap:"",x:"start",gap:"20px"},{default:u(()=>[a(l,{text:"Disabled",disabled:""}),a(l,{text:"Disabled",type:"light",disabled:""})]),_:1})}]]),w({__name:"DemoButton6",setup(t){function e(){return new Promise(t=>{setTimeout(()=>{t(),LewMessage.success("Submit success")},1e3)})}return(t,l)=>{const p=n("lew-button"),i=n("lew-flex");return r(),o(i,{wrap:"",x:"start",y:"end",gap:"20px"},{default:u(()=>[a(p,{request:e,text:"Submit",type:"light"})]),_:1})}}})],S=['<template>\n  <lew-flex direction="y" gap="20px">\n    <lew-flex wrap x="start" gap="10">\n      <lew-button size="mini" text="FILL" type="fill" />\n      <lew-button size="small" text="TEXT" type="text" />\n      <lew-button size="medium" text="LIGHT" type="light" />\n      <lew-button size="large" text="GHOST" type="ghost" />\n      <lew-button size="large" text="GHOST + DASHED" dashed type="ghost" />\n    </lew-flex>\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex x="start">\n    <div>\n      <lew-flex direction="y" x="start" gap="10px">\n        <lew-flex y="end" x="start">\n          <lew-button type="fill" color="red">\n            red\n          </lew-button>\n          <lew-button type="fill" color="orange">\n            orange\n          </lew-button>\n          <lew-button type="fill" color="yellow">\n            yellow\n          </lew-button>\n          <lew-button type="fill" color="green">\n            green\n          </lew-button>\n          <lew-button type="fill" color="mint">\n            mint\n          </lew-button>\n          <lew-button type="fill" color="teal">\n            teal\n          </lew-button>\n          <lew-button type="fill" color="cyan">\n            cyan\n          </lew-button>\n          <lew-button type="fill" color="blue">\n            blue\n          </lew-button>\n          <lew-button type="fill" color="indigo">\n            indigo\n          </lew-button>\n          <lew-button type="fill" color="purple">\n            purple\n          </lew-button>\n          <lew-button type="fill" color="pink">\n            pink\n          </lew-button>\n          <lew-button type="fill" color="brown">\n            brown\n          </lew-button>\n          <lew-button type="fill" color="gray">\n            gray\n          </lew-button>\n          <lew-button type="fill" color="black">\n            black\n          </lew-button>\n        </lew-flex>\n        <lew-flex y="end" x="start">\n          <lew-button type="light" color="red">\n            red\n          </lew-button>\n          <lew-button type="light" color="orange">\n            orange\n          </lew-button>\n          <lew-button type="light" color="yellow">\n            yellow\n          </lew-button>\n          <lew-button type="light" color="green">\n            green\n          </lew-button>\n          <lew-button type="light" color="mint">\n            mint\n          </lew-button>\n          <lew-button type="light" color="teal">\n            teal\n          </lew-button>\n          <lew-button type="light" color="cyan">\n            cyan\n          </lew-button>\n          <lew-button type="light" color="blue">\n            blue\n          </lew-button>\n          <lew-button type="light" color="indigo">\n            indigo\n          </lew-button>\n          <lew-button type="light" color="purple">\n            purple\n          </lew-button>\n          <lew-button type="light" color="pink">\n            pink\n          </lew-button>\n          <lew-button type="light" color="brown">\n            brown\n          </lew-button>\n          <lew-button type="light" color="gray">\n            gray\n          </lew-button>\n          <lew-button type="light" color="black">\n            black\n          </lew-button>\n        </lew-flex>\n        <lew-flex y="end" x="start">\n          <lew-button type="ghost" color="red">\n            red\n          </lew-button>\n          <lew-button type="ghost" color="orange">\n            orange\n          </lew-button>\n          <lew-button type="ghost" color="yellow">\n            yellow\n          </lew-button>\n          <lew-button type="ghost" color="green">\n            green\n          </lew-button>\n          <lew-button type="ghost" color="mint">\n            mint\n          </lew-button>\n          <lew-button type="ghost" color="teal">\n            teal\n          </lew-button>\n          <lew-button type="ghost" color="cyan">\n            cyan\n          </lew-button>\n          <lew-button type="ghost" color="blue">\n            blue\n          </lew-button>\n          <lew-button type="ghost" color="indigo">\n            indigo\n          </lew-button>\n          <lew-button type="ghost" color="purple">\n            purple\n          </lew-button>\n          <lew-button type="ghost" color="pink">\n            pink\n          </lew-button>\n          <lew-button type="ghost" color="brown">\n            brown\n          </lew-button>\n          <lew-button type="ghost" color="gray">\n            gray\n          </lew-button>\n          <lew-button type="ghost" color="black">\n            black\n          </lew-button>\n        </lew-flex>\n        <lew-flex y="end" x="start">\n          <lew-button type="text" color="red">\n            red\n          </lew-button>\n          <lew-button type="text" color="orange">\n            orange\n          </lew-button>\n          <lew-button type="text" color="yellow">\n            yellow\n          </lew-button>\n          <lew-button type="text" color="green">\n            green\n          </lew-button>\n          <lew-button type="text" color="mint">\n            mint\n          </lew-button>\n          <lew-button type="text" color="teal">\n            teal\n          </lew-button>\n          <lew-button type="text" color="cyan">\n            cyan\n          </lew-button>\n          <lew-button type="text" color="blue">\n            blue\n          </lew-button>\n          <lew-button type="text" color="indigo">\n            indigo\n          </lew-button>\n          <lew-button type="text" color="purple">\n            purple\n          </lew-button>\n          <lew-button type="text" color="pink">\n            pink\n          </lew-button>\n          <lew-button type="text" color="brown">\n            brown\n          </lew-button>\n          <lew-button type="text" color="gray">\n            gray\n          </lew-button>\n          <lew-button type="text" color="black">\n            black\n          </lew-button>\n        </lew-flex>\n      </lew-flex>\n    </div>\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport { Activity, Search, Send } from \'lucide-vue-next\'\n<\/script>\n\n<template>\n  <lew-flex x="start" y="end">\n    <lew-button type="fill" single-icon size="small" round>\n      <Activity :size="16" />\n    </lew-button>\n    <lew-button type="light" round single-icon>\n      <Send :size="16" />\n    </lew-button>\n    <lew-button type="ghost" round single-icon>\n      <Search :size="16" />\n    </lew-button>\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex wrap x="start" y="end" gap="20px">\n    <lew-button size="mini" round loading text="Submit" type="fill" />\n    <lew-button size="small" round loading text="Submit" type="light" />\n    <lew-button size="medium" round loading text="Submit" type="light" />\n    <lew-button size="large" round loading text="Submit" type="ghost" />\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex wrap x="start" gap="20px">\n    <lew-button text="Disabled" disabled />\n    <lew-button text="Disabled" type="light" disabled />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nfunction handleRequest() {\n  return new Promise<void>((resolve) => {\n    setTimeout(() => {\n      resolve()\n      LewMessage.success(\'Submit success\')\n    }, 1000)\n  })\n}\n<\/script>\n\n<template>\n  <lew-flex wrap x="start" y="end" gap="20px">\n    <lew-button :request="handleRequest" text="Submit" type="light" />\n  </lew-flex>\n</template>\n'],v={class:"demo-wrapper"},L=w({__name:"DemoButton",setup(n){const o=s().name.replace("R-Lew","").replace(/^[A-Z]/,t=>t.toLowerCase()),u=d(Object.keys(k).map(t=>k[t]));return(n,p)=>(r(),g("div",v,[a(t),a(e,{"demo-group":y(z),"code-group":y(S),"component-name":y(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),a(l,{options:y(u)},null,8,["options"])]))}});export{L as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as r,a as l}from"./LewDocsTables-BEtkuNGi.js";import{am as a,a as n,J as o,a3 as t,a6 as d,d as s,u,bz as p,bA as c,bB as g,bf as w,a2 as i,_ as m}from"./.pnpm-CZLWBssD.js";import{a as _}from"./utils-CLdZaKTe.js";import{G as b,_ as f}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const x={title:"Props",columnsKey:"props",data:_(b)},v=Object.freeze(Object.defineProperty({__proto__:null,props:x},Symbol.toStringTag,{value:"Module"}));const h=[f({},[["render",function(e,r){const l=a("lew-avatar"),s=a("lew-badge"),u=a("lew-flex");return o(),n(u,{wrap:"",x:"start",gap:"30"},{default:t(()=>[d(s,{value:"6",round:"",color:"red"},{default:t(()=>[d(l,{shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_1_ctd06i_.jpeg"})]),_:1}),d(s,{value:"New",type:"light",color:"green"},{default:t(()=>[d(l,{size:"50",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_2_2s0nai_.jpeg"})]),_:1}),d(s,{round:"",color:"red",value:"142232",max:99},{default:t(()=>[d(l,{size:"60",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_3_kntap6_.jpeg"})]),_:1})]),_:1})}]]),s({__name:"DemoBadge2",setup:e=>(e,r)=>{const l=a("lew-badge"),s=a("lew-flex");return o(),n(s,{wrap:"",x:"start",gap:"30"},{default:t(()=>[d(l,{round:"",color:"blue"},{default:t(()=>[d(u(p),{size:18})]),_:1}),d(l,{round:""},{default:t(()=>[d(u(c),{size:27})]),_:1}),d(l,{round:"",color:"green"},{default:t(()=>[d(u(g),{size:36})]),_:1})]),_:1})}}),f({},[["render",function(e,r){const l=a("lew-badge"),s=a("lew-flex");return o(),n(s,{wrap:"",x:"start",gap:"30"},{default:t(()=>[d(l,{value:"5"}),d(l,{value:"15",type:"light",color:"blue"}),d(l,{value:"65",color:"green"}),d(l,{value:"9",color:"warning"}),d(l,{value:"99+",color:"red"}),d(l,{round:""}),d(l,{round:"",type:"light",color:"blue"}),d(l,{round:"",color:"green"}),d(l,{round:"",color:"warning"}),d(l,{round:""})]),_:1})}]]),f({},[["render",function(e,r){const l=a("lew-badge"),s=a("lew-flex");return o(),n(s,{wrap:"",x:"start",gap:"30"},{default:t(()=>[d(l,{round:"",color:"success",text:"Success"}),d(l,{round:"",color:"warning",text:"Warning"}),d(l,{round:"",color:"error",text:"Error"}),d(l,{round:"",color:"info",text:"Info"}),d(l,{round:"",color:"primary",text:"Primary"})]),_:1})}]]),s({__name:"DemoBadge5",setup:e=>(e,r)=>{const l=a("lew-badge"),s=a("lew-flex");return o(),n(s,{wrap:"",x:"start",gap:"30"},{default:t(()=>[d(l,{round:"",color:"red",processing:""},{default:t(()=>[d(u(c))]),_:1}),d(l,{round:"",color:"blue",text:"Processing",processing:""})]),_:1})}})],j=['<template>\n  <lew-flex wrap x="start" gap="30">\n    <lew-badge value="6" round color="red">\n      <lew-avatar\n        shape="circle"\n        src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_1_ctd06i_.jpeg"\n      />\n    </lew-badge>\n\n    <lew-badge value="New" type="light" color="green">\n      <lew-avatar\n        size="50"\n        src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_2_2s0nai_.jpeg"\n      />\n    </lew-badge>\n\n    <lew-badge round color="red" value="142232" :max="99">\n      <lew-avatar\n        size="60"\n        src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_3_kntap6_.jpeg"\n      />\n    </lew-badge>\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport { Activity, Home, Search } from \'lucide-vue-next\'\n<\/script>\n\n<template>\n  <lew-flex wrap x="start" gap="30">\n    <lew-badge round color="blue">\n      <Activity :size="18" />\n    </lew-badge>\n    <lew-badge round>\n      <Home :size="27" />\n    </lew-badge>\n    <lew-badge round color="green">\n      <Search :size="36" />\n    </lew-badge>\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex wrap x="start" gap="30">\n    <lew-badge value="5" />\n    <lew-badge value="15" type="light" color="blue" />\n    <lew-badge value="65" color="green" />\n    <lew-badge value="9" color="warning" />\n    <lew-badge value="99+" color="red" />\n    <lew-badge round />\n    <lew-badge round type="light" color="blue" />\n    <lew-badge round color="green" />\n    <lew-badge round color="warning" />\n    <lew-badge round />\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex wrap x="start" gap="30">\n    <lew-badge round color="success" text="Success" />\n    <lew-badge round color="warning" text="Warning" />\n    <lew-badge round color="error" text="Error" />\n    <lew-badge round color="info" text="Info" />\n    <lew-badge round color="primary" text="Primary" />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport { Home } from \'lucide-vue-next\'\n<\/script>\n\n<template>\n  <lew-flex wrap x="start" gap="30">\n    <lew-badge round color="red" processing>\n      <Home />\n    </lew-badge>\n    <lew-badge round color="blue" text="Processing" processing />\n  </lew-flex>\n</template>\n'],y={class:"demo-wrapper"},z=s({__name:"DemoBadge",setup(a){const n=w().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),t=i(Object.keys(v).map(e=>v[e]));return(a,s)=>(o(),m("div",y,[d(e),d(r,{"demo-group":u(h),"code-group":u(j),"component-name":u(n),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),d(l,{options:u(t)},null,8,["options"])]))}});export{z as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a}from"./LewDocsTables-BEtkuNGi.js";import{d as r,a2 as l,am as i,a as t,J as d,a3 as s,a6 as o,u as c,ad as g,bf as u,_ as f}from"./.pnpm-CZLWBssD.js";import{a as p}from"./utils-CLdZaKTe.js";import{a9 as b}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const m={title:"Props",columnsKey:"props",orderNum:10,data:p(b)},A=Object.freeze(Object.defineProperty({__proto__:null,props:m},Symbol.toStringTag,{value:"Module"})),y={direction:"x",columns:3,labelX:"start",valueX:"start",size:"medium",bordered:!0,width:"960px",id:"desc_20250801_c93b3dd3",options:[{id:"desc_20250801_companyName",label:"公司名称",field:"companyName",gridArea:"auto  / 1 / auto  / 2"},{id:"desc_20250801_establishedYear",label:"成立年份",field:"establishedYear",gridArea:"auto  / 2 / auto  / 3"},{id:"desc_20250801_industry",label:"所属行业",field:"industry",gridArea:"auto  / 3 / auto  / 4"},{id:"desc_20250801_headquarters",label:"总部所在地",field:"headquarters",gridArea:"auto  / 1 / auto  / 2"},{id:"desc_20250801_numberOfEmployees",label:"员工数量",field:"numberOfEmployees",gridArea:"auto  / 2 / auto  / 3"},{id:"desc_20250801_revenue",label:"年收入",field:"revenue",gridArea:"auto  / 3 / auto  / 4"},{id:"desc_20250801_ceo",label:"首席执行官",field:"ceo",gridArea:"auto  / 1 / auto  / 2"},{id:"desc_20250801_products",label:"主要产品",field:"products",gridArea:"auto  / 2 / auto  / 3"},{id:"desc_20250801_majorCompetitors",label:"主要竞争对手",field:"majorCompetitors",gridArea:"auto  / 3 / auto  / 4"},{id:"desc_20250801_corporateCulture",label:"企业文化",field:"corporateCulture",gridArea:"auto  / 1 / auto  / 2"},{id:"desc_20250801_sustainabilityInitiatives",label:"可持续发展计划",field:"sustainabilityInitiatives",gridArea:"auto  / 2 / auto  / 3"},{id:"desc_20250801_customerSatisfaction",label:"客户满意度",field:"customerSatisfaction",gridArea:"auto  / 3 / auto  / 4"},{id:"desc_20250801_marketShare",label:"市场份额",field:"marketShare",gridArea:"auto  / 1 / auto  / 2"},{id:"desc_20250801_batteryTechnology",label:"电池技术",field:"batteryTechnology",gridArea:"auto  / 2 / auto  / 3"},{id:"desc_20250801_autopilotFeatures",label:"自动驾驶功能",field:"autopilotFeatures",gridArea:"auto  / 3 / auto  / 4"},{id:"desc_20250801_superchargerNetwork",label:"超级充电网络",field:"superchargerNetwork",gridArea:"auto  / 1 / auto  / 2"},{id:"desc_20250801_safetyRatings",label:"安全评级",field:"safetyRatings",gridArea:"auto  / 2 / auto  / 3"},{id:"desc_20250801_deliveryTime",label:"交付时间",field:"deliveryTime",gridArea:"auto  / 3 / auto  / 4"},{id:"desc_20250801_electricRange",label:"电动续航里程",field:"electricRange",gridArea:"auto  / 1 / auto  / 2"},{id:"desc_20250801_userInterface",label:"用户界面",field:"userInterface",gridArea:"auto  / 2 / auto  / 3"},{id:"desc_20250801_afterSalesService",label:"售后服务",field:"afterSalesService",gridArea:"auto  / 3 / auto  / 4"}]},h=[r({__name:"DemoDesc1",setup(e){const n=l({releaseDate:"2020-09-01",name:"戴森吹风机",size:"中",color:"银色",style:"时尚",packaging:"纸盒+塑料",power:"1600W",material:"ABS+PC",weight:"1.8kg",price:"1999元",description:"戴森吹风机，风速快，风量大，吹风温暖，适合各个季节使用。"}),a=l([{field:"name",label:"名称"},{field:"releaseDate",label:"上市时间"},{field:"size",label:"尺寸"},{field:"color",label:"颜色"},{field:"style",label:"款式"},{field:"packaging",label:"包装"},{field:"power",label:"功率"},{field:"material",label:"材料"},{field:"weight",label:"重量"},{field:"price",label:"价格"},{field:"description",label:"描述"}]);return(e,r)=>{const l=i("lew-desc"),g=i("lew-flex");return d(),t(g,{x:"start",y:"start",gap:"50px"},{default:s(()=>[o(l,{width:"250",columns:1,direction:"x","label-x":"start","value-x":"end","data-source":c(n),options:c(a)},null,8,["data-source","options"])]),_:1})}}}),r({__name:"DemoDesc2",setup(e){const n=l({species:"狮子",name:"辛巴",gender:"雄性",age:"5岁",weight:"200kg",height:"1.2m",color:"金黄色",diet:"肉食",habitat:"非洲草原",lifespan:"15年",gestationPeriod:"110天",litterSize:"2-4",socialStructure:"群居",communication:"咆哮",hunting:"夜间",prey:"大型哺乳动物",predators:"人类、鬣狗、鳄鱼",conservationStatus:"易危",populationTrend:"下降",threats:"栖息地丧失、猎杀"}),a=l([{field:"species",gridArea:"1 / 1 / 1 / 2",label:"物种"},{field:"name",gridArea:"1 / 2 / 1 / 3",label:"名称"},{field:"gender",gridArea:"1 / 3 / 1 / 4",label:"性别"},{field:"age",gridArea:"2 / 1 / 2 / 2",label:"年龄"},{field:"weight",gridArea:"2 / 2 / 2 / 3",label:"体重"},{field:"height",gridArea:"2 / 3 / 2 / 4",label:"身高"},{field:"color",gridArea:"3 / 1 / 3 / 2",label:"颜色"},{field:"diet",gridArea:"3 / 2 / 3 / 3",label:"饮食"},{field:"habitat",gridArea:"3 / 3 / 3 / 4",label:"栖息地"},{field:"lifespan",gridArea:"4 / 1 / 4 / 2",label:"寿命"},{field:"gestationPeriod",gridArea:"4 / 2 / 4 / 3",label:"妊娠期",tips:"狮子的妊娠期通常为110天。"},{field:"litterSize",gridArea:"4 / 3 / 4 / 4",label:"产仔数"},{field:"socialStructure",gridArea:"5 / 1 / 5 / 2",label:"社会结构",tips:"狮子通常以群体形式生活，形成社会结构。"},{field:"communication",gridArea:"5 / 2 / 5 / 3",label:"交流方式",tips:"狮子通过咆哮、吼叫等方式进行交流。"},{field:"hunting",gridArea:"5 / 3 / 5 / 4",label:"狩猎方式"},{field:"prey",gridArea:"6 / 1 / 6 / 2",label:"猎物"},{field:"predators",gridArea:"6 / 2 / 6 / 3",label:"天敌"},{field:"conservationStatus",gridArea:"6 / 3 / 6 / 4",label:"保护状况",tips:"狮子被列为易危物种，面临栖息地丧失等威胁。"},{field:"populationTrend",gridArea:"7 / 1 / 7 / 2",label:"种群趋势",tips:"狮子的种群数量正在下降，需采取保护措施。"},{field:"threats",gridArea:"7 / 2 / 7 / 3",label:"威胁"}]);return(e,r)=>{const l=i("lew-desc"),g=i("lew-flex");return d(),t(g,{x:"start",y:"start",gap:"50px"},{default:s(()=>[o(l,{width:"600",direction:"y",columns:3,"data-source":c(n),options:c(a)},null,8,["data-source","options"])]),_:1})}}}),r({__name:"DemoDesc3",setup(e){const n=l({companyName:"特斯拉公司",establishedYear:"2003年",industry:"电动汽车与可再生能源",headquarters:"美国加利福尼亚州帕洛阿尔托",numberOfEmployees:"70,000",revenue:"315亿美元",netIncome:"7.21亿美元",marketCap:"8000亿美元",ceo:"埃隆·马斯克",products:"电动汽车、太阳能产品、储能设备",rAndDInvestment:"15亿美元",patents:"超过3000项",globalPresence:"全球多个国家和地区",majorCompetitors:"福特、通用汽车、比亚迪",corporateCulture:"创新与可持续发展",sustainabilityInitiatives:"零排放目标",awards:"多项汽车行业大奖",partnerships:"与多家科技公司合作",socialResponsibility:"积极参与环保活动",employeeTraining:"定期技术培训与发展计划",customerSatisfaction:"90%以上的客户满意度",supplyChain:"全球化供应链管理",logistics:"高效的物流与配送系统",productQuality:"高标准的质量控制",innovationStrategy:"持续技术创新与研发",marketShare:"全球电动汽车市场份额20%",customerSupport:"24/7客户服务",brandValue:"全球品牌价值排名前五",financialStability:"持续盈利与增长",corporateGovernance:"透明的公司治理结构",digitalTransformation:"全面数字化转型",employeeDiversity:"多元化的员工队伍",communityEngagement:"积极参与社区建设",futureVision:"推动全球向可再生能源转型",vehicleModels:"Model S, Model 3, Model X, Model Y",batteryTechnology:"先进的电池技术",autopilotFeatures:"自动驾驶辅助系统",superchargerNetwork:"全球超级充电网络",energyProducts:"太阳能屋顶与储能系统",safetyRatings:"多项安全测试五星评级",manufacturingPlants:"美国、德国、中国等地的工厂",deliveryTime:"快速交付与定制服务",customerFeedback:"重视客户反馈与改进",environmentalImpact:"致力于减少碳足迹",researchFacilities:"先进的研发中心",electricRange:"长续航里程",performanceMetrics:"卓越的加速性能",softwareUpdates:"定期推送软件更新",resaleValue:"高保值率",chargingOptions:"多种充电方式",warranty:"全面的保修服务",insurancePartnerships:"与保险公司合作提供优惠",fleetSales:"企业车队销售解决方案",marketExpansion:"持续拓展国际市场",customerLoyalty:"高客户忠诚度",technologyIntegration:"智能科技与汽车的结合",userInterface:"直观的用户界面设计",mobileApp:"功能强大的手机应用",communityEvents:"定期举办社区活动",sustainabilityReports:"发布可持续发展报告",electricVehicleIncentives:"支持政府的电动车补贴政策",chargingInfrastructure:"推动充电基础设施建设",energyEfficiency:"高能效标准",productCustomization:"个性化定制选项",afterSalesService:"优质的售后服务"}),a=l([{field:"companyName",gridArea:"1 / 1 / 1 / 2",label:"公司名称"},{field:"establishedYear",gridArea:"1 / 2 / 1 / 3",label:"成立年份"},{field:"industry",gridArea:"1 / 3 / 1 / 4",label:"行业"},{field:"headquarters",gridArea:"1 / 4 / 1 / 5",label:"总部"},{field:"numberOfEmployees",gridArea:"2 / 1 / 2 / 2",label:"员工人数"},{field:"revenue",gridArea:"2 / 2 / 2 / 3",label:"收入"},{field:"netIncome",gridArea:"2 / 3 / 2 / 4",label:"净收入"},{field:"marketCap",gridArea:"2 / 4 / 2 / 5",label:"市值"},{field:"ceo",gridArea:"3 / 1 / 3 / 2",label:"首席执行官"},{field:"products",gridArea:"3 / 2 / 3 / 3",label:"产品"},{field:"rAndDInvestment",gridArea:"3 / 3 / 3 / 4",label:"研发投资",tips:"公司每年投入大量资金用于研发。"},{field:"patents",gridArea:"3 / 4 / 3 / 5",label:"专利数量"},{field:"globalPresence",gridArea:"4 / 1 / 4 / 2",label:"全球业务覆盖",tips:"公司在多个国家和地区设有分支机构。"},{field:"majorCompetitors",gridArea:"4 / 2 / 4 / 3",label:"主要竞争对手"},{field:"corporateCulture",gridArea:"4 / 3 / 4 / 4",label:"企业文化",tips:"公司倡导创新与可持续发展的文化。"},{field:"sustainabilityInitiatives",gridArea:"4 / 4 / 4 / 5",label:"可持续发展举措"},{field:"awards",gridArea:"5 / 1 / 5 / 2",label:"获奖情况"},{field:"partnerships",gridArea:"5 / 2 / 5 / 3",label:"合作伙伴"},{field:"socialResponsibility",gridArea:"5 / 3 / 5 / 4",label:"社会责任",tips:"公司积极参与社会公益活动。"},{field:"employeeTraining",gridArea:"5 / 4 / 5 / 5",label:"员工培训"},{field:"customerSatisfaction",gridArea:"6 / 1 / 6 / 2",label:"客户满意度"},{field:"supplyChain",gridArea:"6 / 2 / 6 / 3",label:"供应链管理"},{field:"logistics",gridArea:"6 / 3 / 6 / 4",label:"物流系统"},{field:"productQuality",gridArea:"6 / 4 / 6 / 5",label:"产品质量"},{field:"innovationStrategy",gridArea:"7 / 1 / 7 / 2",label:"创新战略"},{field:"marketShare",gridArea:"7 / 2 / 7 / 3",label:"市场份额"},{field:"customerSupport",gridArea:"7 / 3 / 7 / 4",label:"客户支持"},{field:"vehicleModels",gridArea:"7 / 4 / 7 / 5",label:"车型"},{field:"batteryTechnology",gridArea:"8 / 1 / 8 / 2",label:"电池技术"},{field:"autopilotFeatures",gridArea:"8 / 2 / 8 / 3",label:"自动驾驶功能"},{field:"superchargerNetwork",gridArea:"8 / 3 / 8 / 4",label:"超级充电网络"},{field:"energyProducts",gridArea:"8 / 4 / 8 / 5",label:"能源产品"},{field:"safetyRatings",gridArea:"9 / 1 / 9 / 2",label:"安全评级"},{field:"manufacturingPlants",gridArea:"9 / 2 / 9 / 3",label:"制造工厂"},{field:"deliveryTime",gridArea:"9 / 3 / 9 / 4",label:"交付时间"},{field:"customerFeedback",gridArea:"9 / 4 / 9 / 5",label:"客户反馈"},{field:"environmentalImpact",gridArea:"10 / 1 / 10 / 2",label:"环境影响"},{field:"researchFacilities",gridArea:"10 / 2 / 10 / 3",label:"研究设施"},{field:"electricRange",gridArea:"10 / 3 / 10 / 4",label:"电动续航"},{field:"performanceMetrics",gridArea:"10 / 4 / 10 / 5",label:"性能指标"},{field:"softwareUpdates",gridArea:"11 / 1 / 11 / 2",label:"软件更新"},{field:"resaleValue",gridArea:"11 / 2 / 11 / 3",label:"转售价值"},{field:"chargingOptions",gridArea:"11 / 3 / 11 / 4",label:"充电选项"},{field:"warranty",gridArea:"11 / 4 / 11 / 5",label:"保修服务"},{field:"insurancePartnerships",gridArea:"12 / 1 / 12 / 2",label:"保险合作"},{field:"fleetSales",gridArea:"12 / 2 / 12 / 3",label:"车队销售"},{field:"marketExpansion",gridArea:"12 / 3 / 12 / 4",label:"市场扩展"},{field:"customerLoyalty",gridArea:"12 / 4 / 12 / 5",label:"客户忠诚度"},{field:"technologyIntegration",gridArea:"13 / 1 / 13 / 2",label:"技术整合"},{field:"userInterface",gridArea:"13 / 2 / 13 / 3",label:"用户界面"},{field:"mobileApp",gridArea:"13 / 3 / 13 / 4",label:"手机应用"},{field:"communityEvents",gridArea:"13 / 4 / 13 / 5",label:"社区活动"},{field:"sustainabilityReports",gridArea:"14 / 1 / 14 / 2",label:"可持续发展报告"},{field:"electricVehicleIncentives",gridArea:"14 / 2 / 14 / 3",label:"电动车激励政策"},{field:"chargingInfrastructure",gridArea:"14 / 3 / 14 / 4",label:"充电基础设施"},{field:"energyEfficiency",gridArea:"14 / 4 / 14 / 5",label:"能效标准"},{field:"productCustomization",gridArea:"15 / 1 / 15 / 2",label:"产品定制"},{field:"afterSalesService",gridArea:"15 / 2 / 15 / 3",label:"售后服务"}]);return(e,r)=>{const l=i("lew-desc"),g=i("lew-flex");return d(),t(g,{x:"start",y:"start",gap:"50px"},{default:s(()=>[o(l,{width:"1200",direction:"x","label-x":"end",columns:4,"data-source":c(n),options:c(a)},null,8,["data-source","options"])]),_:1})}}}),r({__name:"DemoDesc4",setup(e){const n=l({companyName:"苹果公司",establishedYear:"1976年",industry:"消费电子与软件",headquarters:"美国加利福尼亚州库比蒂诺",numberOfEmployees:"147,000",revenue:"3658亿美元",ceo:"蒂姆·库克",products:"iPhone、iPad、Mac、Apple Watch",majorCompetitors:"三星、谷歌、微软",corporateCulture:"创新与用户体验",sustainabilityInitiatives:"100%可再生能源目标",customerSatisfaction:"95%以上的客户满意度",marketShare:"全球智能手机市场份额约15%",batteryTechnology:"高效能电池技术",autopilotFeatures:"无",superchargerNetwork:"无",safetyRatings:"多项安全测试五星评级",deliveryTime:"快速交付与定制服务",electricRange:"无",userInterface:"直观的用户界面设计",afterSalesService:"优质的售后服务"});return(e,a)=>{const r=i("lew-desc"),l=i("lew-flex");return d(),t(l,{x:"start",y:"start",gap:"50px"},{default:s(()=>[o(r,g(c(y),{"data-source":c(n)}),null,16,["data-source"])]),_:1})}}})],_=["<script setup lang=\"ts\">\n// 定义数据源\nconst dataSource = ref({\n  releaseDate: '2020-09-01',\n  name: '戴森吹风机',\n  size: '中',\n  color: '银色',\n  style: '时尚',\n  packaging: '纸盒+塑料',\n  power: '1600W', // 修正容量为功率\n  material: 'ABS+PC',\n  weight: '1.8kg',\n  price: '1999元',\n  description: '戴森吹风机，风速快，风量大，吹风温暖，适合各个季节使用。',\n})\n// 定义选项\nconst options = ref([\n  {\n    field: 'name',\n    label: '名称',\n  },\n  {\n    field: 'releaseDate',\n    label: '上市时间',\n  },\n  { field: 'size', label: '尺寸' },\n  { field: 'color', label: '颜色' },\n  { field: 'style', label: '款式' },\n  { field: 'packaging', label: '包装' },\n  { field: 'power', label: '功率' }, // 修正容量为功率\n  { field: 'material', label: '材料' },\n  { field: 'weight', label: '重量' },\n  { field: 'price', label: '价格' },\n  { field: 'description', label: '描述' },\n])\n<\/script>\n\n<template>\n  <lew-flex x=\"start\" y=\"start\" gap=\"50px\">\n    <lew-desc\n      width=\"250\"\n      :columns=\"1\"\n      direction=\"x\"\n      label-x=\"start\"\n      value-x=\"end\"\n      :data-source=\"dataSource\"\n      :options=\"options\"\n    />\n  </lew-flex>\n</template>\n","<script setup lang=\"ts\">\n// 定义数据源\nconst dataSource = ref({\n  species: '狮子',\n  name: '辛巴',\n  gender: '雄性',\n  age: '5岁',\n  weight: '200kg',\n  height: '1.2m',\n  color: '金黄色',\n  diet: '肉食',\n  habitat: '非洲草原',\n  lifespan: '15年',\n  gestationPeriod: '110天',\n  litterSize: '2-4',\n  socialStructure: '群居',\n  communication: '咆哮',\n  hunting: '夜间',\n  prey: '大型哺乳动物',\n  predators: '人类、鬣狗、鳄鱼',\n  conservationStatus: '易危',\n  populationTrend: '下降',\n  threats: '栖息地丧失、猎杀',\n})\n// 定义选项\nconst options = ref([\n  {\n    field: 'species',\n    gridArea: '1 / 1 / 1 / 2',\n    label: '物种',\n  },\n  {\n    field: 'name',\n    gridArea: '1 / 2 / 1 / 3',\n    label: '名称',\n  },\n  {\n    field: 'gender',\n    gridArea: '1 / 3 / 1 / 4',\n    label: '性别',\n  },\n  {\n    field: 'age',\n    gridArea: '2 / 1 / 2 / 2',\n    label: '年龄',\n  },\n  {\n    field: 'weight',\n    gridArea: '2 / 2 / 2 / 3',\n    label: '体重',\n  },\n  {\n    field: 'height',\n    gridArea: '2 / 3 / 2 / 4',\n    label: '身高',\n  },\n  {\n    field: 'color',\n    gridArea: '3 / 1 / 3 / 2',\n    label: '颜色',\n  },\n  {\n    field: 'diet',\n    gridArea: '3 / 2 / 3 / 3',\n    label: '饮食',\n  },\n  {\n    field: 'habitat',\n    gridArea: '3 / 3 / 3 / 4',\n    label: '栖息地',\n  },\n  {\n    field: 'lifespan',\n    gridArea: '4 / 1 / 4 / 2',\n    label: '寿命',\n  },\n  {\n    field: 'gestationPeriod',\n    gridArea: '4 / 2 / 4 / 3',\n    label: '妊娠期',\n    tips: '狮子的妊娠期通常为110天。',\n  },\n  {\n    field: 'litterSize',\n    gridArea: '4 / 3 / 4 / 4',\n    label: '产仔数',\n  },\n  {\n    field: 'socialStructure',\n    gridArea: '5 / 1 / 5 / 2',\n    label: '社会结构',\n    tips: '狮子通常以群体形式生活，形成社会结构。',\n  },\n  {\n    field: 'communication',\n    gridArea: '5 / 2 / 5 / 3',\n    label: '交流方式',\n    tips: '狮子通过咆哮、吼叫等方式进行交流。',\n  },\n  {\n    field: 'hunting',\n    gridArea: '5 / 3 / 5 / 4',\n    label: '狩猎方式',\n  },\n  {\n    field: 'prey',\n    gridArea: '6 / 1 / 6 / 2',\n    label: '猎物',\n  },\n  {\n    field: 'predators',\n    gridArea: '6 / 2 / 6 / 3',\n    label: '天敌',\n  },\n  {\n    field: 'conservationStatus',\n    gridArea: '6 / 3 / 6 / 4',\n    label: '保护状况',\n    tips: '狮子被列为易危物种，面临栖息地丧失等威胁。',\n  },\n  {\n    field: 'populationTrend',\n    gridArea: '7 / 1 / 7 / 2',\n    label: '种群趋势',\n    tips: '狮子的种群数量正在下降，需采取保护措施。',\n  },\n  {\n    field: 'threats',\n    gridArea: '7 / 2 / 7 / 3',\n    label: '威胁',\n  },\n])\n<\/script>\n\n<template>\n  <lew-flex x=\"start\" y=\"start\" gap=\"50px\">\n    <lew-desc\n      width=\"600\"\n      direction=\"y\"\n      :columns=\"3\"\n      :data-source=\"dataSource\"\n      :options=\"options\"\n    />\n  </lew-flex>\n</template>\n","<script setup lang=\"ts\">\n// 定义数据源\nconst dataSource = ref({\n  companyName: '特斯拉公司',\n  establishedYear: '2003年',\n  industry: '电动汽车与可再生能源',\n  headquarters: '美国加利福尼亚州帕洛阿尔托',\n  numberOfEmployees: '70,000',\n  revenue: '315亿美元',\n  netIncome: '7.21亿美元',\n  marketCap: '8000亿美元',\n  ceo: '埃隆·马斯克',\n  products: '电动汽车、太阳能产品、储能设备',\n  rAndDInvestment: '15亿美元',\n  patents: '超过3000项',\n  globalPresence: '全球多个国家和地区',\n  majorCompetitors: '福特、通用汽车、比亚迪',\n  corporateCulture: '创新与可持续发展',\n  sustainabilityInitiatives: '零排放目标',\n  awards: '多项汽车行业大奖',\n  partnerships: '与多家科技公司合作',\n  socialResponsibility: '积极参与环保活动',\n  employeeTraining: '定期技术培训与发展计划',\n  customerSatisfaction: '90%以上的客户满意度',\n  supplyChain: '全球化供应链管理',\n  logistics: '高效的物流与配送系统',\n  productQuality: '高标准的质量控制',\n  innovationStrategy: '持续技术创新与研发',\n  marketShare: '全球电动汽车市场份额20%',\n  customerSupport: '24/7客户服务',\n  brandValue: '全球品牌价值排名前五',\n  financialStability: '持续盈利与增长',\n  corporateGovernance: '透明的公司治理结构',\n  digitalTransformation: '全面数字化转型',\n  employeeDiversity: '多元化的员工队伍',\n  communityEngagement: '积极参与社区建设',\n  futureVision: '推动全球向可再生能源转型',\n  vehicleModels: 'Model S, Model 3, Model X, Model Y',\n  batteryTechnology: '先进的电池技术',\n  autopilotFeatures: '自动驾驶辅助系统',\n  superchargerNetwork: '全球超级充电网络',\n  energyProducts: '太阳能屋顶与储能系统',\n  safetyRatings: '多项安全测试五星评级',\n  manufacturingPlants: '美国、德国、中国等地的工厂',\n  deliveryTime: '快速交付与定制服务',\n  customerFeedback: '重视客户反馈与改进',\n  environmentalImpact: '致力于减少碳足迹',\n  researchFacilities: '先进的研发中心',\n  electricRange: '长续航里程',\n  performanceMetrics: '卓越的加速性能',\n  softwareUpdates: '定期推送软件更新',\n  resaleValue: '高保值率',\n  chargingOptions: '多种充电方式',\n  warranty: '全面的保修服务',\n  insurancePartnerships: '与保险公司合作提供优惠',\n  fleetSales: '企业车队销售解决方案',\n  marketExpansion: '持续拓展国际市场',\n  customerLoyalty: '高客户忠诚度',\n  technologyIntegration: '智能科技与汽车的结合',\n  userInterface: '直观的用户界面设计',\n  mobileApp: '功能强大的手机应用',\n  communityEvents: '定期举办社区活动',\n  sustainabilityReports: '发布可持续发展报告',\n  electricVehicleIncentives: '支持政府的电动车补贴政策',\n  chargingInfrastructure: '推动充电基础设施建设',\n  energyEfficiency: '高能效标准',\n  productCustomization: '个性化定制选项',\n  afterSalesService: '优质的售后服务',\n})\n// 定义选项\nconst options = ref([\n  {\n    field: 'companyName',\n    gridArea: '1 / 1 / 1 / 2',\n    label: '公司名称',\n  },\n  {\n    field: 'establishedYear',\n    gridArea: '1 / 2 / 1 / 3',\n    label: '成立年份',\n  },\n  {\n    field: 'industry',\n    gridArea: '1 / 3 / 1 / 4',\n    label: '行业',\n  },\n  {\n    field: 'headquarters',\n    gridArea: '1 / 4 / 1 / 5',\n    label: '总部',\n  },\n  {\n    field: 'numberOfEmployees',\n    gridArea: '2 / 1 / 2 / 2',\n    label: '员工人数',\n  },\n  {\n    field: 'revenue',\n    gridArea: '2 / 2 / 2 / 3',\n    label: '收入',\n  },\n  {\n    field: 'netIncome',\n    gridArea: '2 / 3 / 2 / 4',\n    label: '净收入',\n  },\n  {\n    field: 'marketCap',\n    gridArea: '2 / 4 / 2 / 5',\n    label: '市值',\n  },\n  {\n    field: 'ceo',\n    gridArea: '3 / 1 / 3 / 2',\n    label: '首席执行官',\n  },\n  {\n    field: 'products',\n    gridArea: '3 / 2 / 3 / 3',\n    label: '产品',\n  },\n  {\n    field: 'rAndDInvestment',\n    gridArea: '3 / 3 / 3 / 4',\n    label: '研发投资',\n    tips: '公司每年投入大量资金用于研发。',\n  },\n  {\n    field: 'patents',\n    gridArea: '3 / 4 / 3 / 5',\n    label: '专利数量',\n  },\n  {\n    field: 'globalPresence',\n    gridArea: '4 / 1 / 4 / 2',\n    label: '全球业务覆盖',\n    tips: '公司在多个国家和地区设有分支机构。',\n  },\n  {\n    field: 'majorCompetitors',\n    gridArea: '4 / 2 / 4 / 3',\n    label: '主要竞争对手',\n  },\n  {\n    field: 'corporateCulture',\n    gridArea: '4 / 3 / 4 / 4',\n    label: '企业文化',\n    tips: '公司倡导创新与可持续发展的文化。',\n  },\n  {\n    field: 'sustainabilityInitiatives',\n    gridArea: '4 / 4 / 4 / 5',\n    label: '可持续发展举措',\n  },\n  {\n    field: 'awards',\n    gridArea: '5 / 1 / 5 / 2',\n    label: '获奖情况',\n  },\n  {\n    field: 'partnerships',\n    gridArea: '5 / 2 / 5 / 3',\n    label: '合作伙伴',\n  },\n  {\n    field: 'socialResponsibility',\n    gridArea: '5 / 3 / 5 / 4',\n    label: '社会责任',\n    tips: '公司积极参与社会公益活动。',\n  },\n  {\n    field: 'employeeTraining',\n    gridArea: '5 / 4 / 5 / 5',\n    label: '员工培训',\n  },\n  {\n    field: 'customerSatisfaction',\n    gridArea: '6 / 1 / 6 / 2',\n    label: '客户满意度',\n  },\n  {\n    field: 'supplyChain',\n    gridArea: '6 / 2 / 6 / 3',\n    label: '供应链管理',\n  },\n  {\n    field: 'logistics',\n    gridArea: '6 / 3 / 6 / 4',\n    label: '物流系统',\n  },\n  {\n    field: 'productQuality',\n    gridArea: '6 / 4 / 6 / 5',\n    label: '产品质量',\n  },\n  {\n    field: 'innovationStrategy',\n    gridArea: '7 / 1 / 7 / 2',\n    label: '创新战略',\n  },\n  {\n    field: 'marketShare',\n    gridArea: '7 / 2 / 7 / 3',\n    label: '市场份额',\n  },\n  {\n    field: 'customerSupport',\n    gridArea: '7 / 3 / 7 / 4',\n    label: '客户支持',\n  },\n  {\n    field: 'vehicleModels',\n    gridArea: '7 / 4 / 7 / 5',\n    label: '车型',\n  },\n  {\n    field: 'batteryTechnology',\n    gridArea: '8 / 1 / 8 / 2',\n    label: '电池技术',\n  },\n  {\n    field: 'autopilotFeatures',\n    gridArea: '8 / 2 / 8 / 3',\n    label: '自动驾驶功能',\n  },\n  {\n    field: 'superchargerNetwork',\n    gridArea: '8 / 3 / 8 / 4',\n    label: '超级充电网络',\n  },\n  {\n    field: 'energyProducts',\n    gridArea: '8 / 4 / 8 / 5',\n    label: '能源产品',\n  },\n  {\n    field: 'safetyRatings',\n    gridArea: '9 / 1 / 9 / 2',\n    label: '安全评级',\n  },\n  {\n    field: 'manufacturingPlants',\n    gridArea: '9 / 2 / 9 / 3',\n    label: '制造工厂',\n  },\n  {\n    field: 'deliveryTime',\n    gridArea: '9 / 3 / 9 / 4',\n    label: '交付时间',\n  },\n  {\n    field: 'customerFeedback',\n    gridArea: '9 / 4 / 9 / 5',\n    label: '客户反馈',\n  },\n  {\n    field: 'environmentalImpact',\n    gridArea: '10 / 1 / 10 / 2',\n    label: '环境影响',\n  },\n  {\n    field: 'researchFacilities',\n    gridArea: '10 / 2 / 10 / 3',\n    label: '研究设施',\n  },\n  {\n    field: 'electricRange',\n    gridArea: '10 / 3 / 10 / 4',\n    label: '电动续航',\n  },\n  {\n    field: 'performanceMetrics',\n    gridArea: '10 / 4 / 10 / 5',\n    label: '性能指标',\n  },\n  {\n    field: 'softwareUpdates',\n    gridArea: '11 / 1 / 11 / 2',\n    label: '软件更新',\n  },\n  {\n    field: 'resaleValue',\n    gridArea: '11 / 2 / 11 / 3',\n    label: '转售价值',\n  },\n  {\n    field: 'chargingOptions',\n    gridArea: '11 / 3 / 11 / 4',\n    label: '充电选项',\n  },\n  {\n    field: 'warranty',\n    gridArea: '11 / 4 / 11 / 5',\n    label: '保修服务',\n  },\n  {\n    field: 'insurancePartnerships',\n    gridArea: '12 / 1 / 12 / 2',\n    label: '保险合作',\n  },\n  {\n    field: 'fleetSales',\n    gridArea: '12 / 2 / 12 / 3',\n    label: '车队销售',\n  },\n  {\n    field: 'marketExpansion',\n    gridArea: '12 / 3 / 12 / 4',\n    label: '市场扩展',\n  },\n  {\n    field: 'customerLoyalty',\n    gridArea: '12 / 4 / 12 / 5',\n    label: '客户忠诚度',\n  },\n  {\n    field: 'technologyIntegration',\n    gridArea: '13 / 1 / 13 / 2',\n    label: '技术整合',\n  },\n  {\n    field: 'userInterface',\n    gridArea: '13 / 2 / 13 / 3',\n    label: '用户界面',\n  },\n  {\n    field: 'mobileApp',\n    gridArea: '13 / 3 / 13 / 4',\n    label: '手机应用',\n  },\n  {\n    field: 'communityEvents',\n    gridArea: '13 / 4 / 13 / 5',\n    label: '社区活动',\n  },\n  {\n    field: 'sustainabilityReports',\n    gridArea: '14 / 1 / 14 / 2',\n    label: '可持续发展报告',\n  },\n  {\n    field: 'electricVehicleIncentives',\n    gridArea: '14 / 2 / 14 / 3',\n    label: '电动车激励政策',\n  },\n  {\n    field: 'chargingInfrastructure',\n    gridArea: '14 / 3 / 14 / 4',\n    label: '充电基础设施',\n  },\n  {\n    field: 'energyEfficiency',\n    gridArea: '14 / 4 / 14 / 5',\n    label: '能效标准',\n  },\n  {\n    field: 'productCustomization',\n    gridArea: '15 / 1 / 15 / 2',\n    label: '产品定制',\n  },\n  {\n    field: 'afterSalesService',\n    gridArea: '15 / 2 / 15 / 3',\n    label: '售后服务',\n  },\n])\n<\/script>\n\n<template>\n  <lew-flex x=\"start\" y=\"start\" gap=\"50px\">\n    <lew-desc\n      width=\"1200\"\n      direction=\"x\"\n      label-x=\"end\"\n      :columns=\"4\"\n      :data-source=\"dataSource\"\n      :options=\"options\"\n    />\n  </lew-flex>\n</template>\n","<script setup lang=\"ts\">\nimport options from './desc_20250801_c93b3dd3.json'\n// 定义数据源\n// Start of Selection\nconst dataSource = ref({\n  companyName: '苹果公司',\n  establishedYear: '1976年',\n  industry: '消费电子与软件',\n  headquarters: '美国加利福尼亚州库比蒂诺',\n  numberOfEmployees: '147,000',\n  revenue: '3658亿美元',\n  ceo: '蒂姆·库克',\n  products: 'iPhone、iPad、Mac、Apple Watch',\n  majorCompetitors: '三星、谷歌、微软',\n  corporateCulture: '创新与用户体验',\n  sustainabilityInitiatives: '100%可再生能源目标',\n  customerSatisfaction: '95%以上的客户满意度',\n  marketShare: '全球智能手机市场份额约15%',\n  batteryTechnology: '高效能电池技术',\n  autopilotFeatures: '无',\n  superchargerNetwork: '无',\n  safetyRatings: '多项安全测试五星评级',\n  deliveryTime: '快速交付与定制服务',\n  electricRange: '无',\n  userInterface: '直观的用户界面设计',\n  afterSalesService: '优质的售后服务',\n})\n<\/script>\n\n<template>\n  <lew-flex x=\"start\" y=\"start\" gap=\"50px\">\n    <lew-desc v-bind=\"options\" :data-source=\"dataSource\" />\n  </lew-flex>\n</template>\n"],v={class:"demo-wrapper"},S=r({__name:"DemoDesc",setup(r){const i=u().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),t=l(Object.keys(A).map(e=>A[e]));return(r,l)=>(d(),f("div",v,[o(e),o(n,{"demo-group":c(h),"code-group":c(_),"component-name":c(i),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),o(a,{options:c(t)},null,8,["options"])]))}});export{S as default};