lew-ui 2.7.20 → 2.7.22

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

@@ -1 +0,0 @@
-import{_ as d}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as i}from"./LewDocsTables-BEtkuNGi.js";import{am as e,_ as s,J as v,a9 as l,a6 as o,a3 as a,d as x,bf as c,a2 as t,u as r}from"./.pnpm-CZLWBssD.js";import{a as b}from"./utils-CLdZaKTe.js";import{ai as f,_}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const y={title:"Props",columnsKey:"props",orderNum:10,data:b(f)},p=Object.freeze(Object.defineProperty({__proto__:null,props:y},Symbol.toStringTag,{value:"Module"})),m={class:"demo"},w={class:"demo"},u={class:"demo"};const g={class:"demo"},j={class:"demo"},h={class:"demo"};const k={class:"demo"},z={class:"demo"};const L=[_({},[["render",function(d,n){const i=e("lew-flex");return v(),s("div",null,[l("div",m,[o(i,{direction:"x",x:"start",y:"start"},{default:a(()=>n[0]||(n[0]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[0]}),o(i,{direction:"x",x:"center",y:"start"},{default:a(()=>n[1]||(n[1]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[1]}),o(i,{direction:"x",x:"end",y:"start"},{default:a(()=>n[2]||(n[2]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[2]})]),l("div",w,[o(i,{direction:"x",x:"start",y:"center"},{default:a(()=>n[3]||(n[3]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[3]}),o(i,{direction:"x",x:"center",y:"center"},{default:a(()=>n[4]||(n[4]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[4]}),o(i,{direction:"x",x:"end",y:"center"},{default:a(()=>n[5]||(n[5]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[5]})]),l("div",u,[o(i,{direction:"x",x:"start",y:"end"},{default:a(()=>n[6]||(n[6]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[6]}),o(i,{direction:"x",x:"center",y:"end"},{default:a(()=>n[7]||(n[7]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[7]}),o(i,{direction:"x",x:"end",y:"end"},{default:a(()=>n[8]||(n[8]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[8]})])])}],["__scopeId","data-v-1098c2e5"]]),_({},[["render",function(d,n){const i=e("lew-flex");return v(),s("div",null,[l("div",g,[o(i,{direction:"y",x:"start",y:"start"},{default:a(()=>n[0]||(n[0]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[0]}),o(i,{direction:"y",x:"center",y:"start"},{default:a(()=>n[1]||(n[1]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[1]}),o(i,{direction:"y",x:"end",y:"start"},{default:a(()=>n[2]||(n[2]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[2]})]),l("div",j,[o(i,{direction:"y",x:"start",y:"center"},{default:a(()=>n[3]||(n[3]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[3]}),o(i,{direction:"y",x:"center",y:"center"},{default:a(()=>n[4]||(n[4]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[4]}),o(i,{direction:"y",x:"end",y:"center"},{default:a(()=>n[5]||(n[5]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[5]})]),l("div",h,[o(i,{direction:"y",x:"start",y:"end"},{default:a(()=>n[6]||(n[6]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[6]}),o(i,{direction:"y",x:"center",y:"end"},{default:a(()=>n[7]||(n[7]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[7]}),o(i,{direction:"y",x:"end",y:"end"},{default:a(()=>n[8]||(n[8]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[8]})])])}],["__scopeId","data-v-93dd89d2"]]),_({},[["render",function(d,n){const i=e("lew-flex");return v(),s("div",null,[l("div",k,[o(i,{direction:"x",x:"start",y:"center",mode:"between"},{default:a(()=>n[0]||(n[0]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[0]}),o(i,{direction:"x",x:"center",y:"center",mode:"around"},{default:a(()=>n[1]||(n[1]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[1]}),o(i,{direction:"x",x:"center",y:"center"},{default:a(()=>n[2]||(n[2]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[2]})]),l("div",z,[o(i,{direction:"y",x:"start",y:"start",mode:"between"},{default:a(()=>n[3]||(n[3]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[3]}),o(i,{direction:"y",x:"center",y:"start",mode:"around"},{default:a(()=>n[4]||(n[4]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[4]}),o(i,{direction:"y",x:"center",y:"center"},{default:a(()=>n[5]||(n[5]=[l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1),l("div",{class:"box"},[l("div")],-1)])),_:1,__:[5]})])])}],["__scopeId","data-v-9da0dee0"]])],I=['<template>\n  <div>\n    <div class="demo">\n      <lew-flex direction="x" x="start" y="start">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="x" x="center" y="start">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="x" x="end" y="start">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n    </div>\n    <div class="demo">\n      <lew-flex direction="x" x="start" y="center">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="x" x="center" y="center">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="x" x="end" y="center">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n    </div>\n    <div class="demo">\n      <lew-flex direction="x" x="start" y="end">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="x" x="center" y="end">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="x" x="end" y="end">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n    </div>\n  </div>\n</template>\n\n<style lang="scss" scoped>\n.demo {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.lew-flex {\n  border: 1px var(--lew-bgcolor-2) solid;\n  border-radius: var(--lew-border-radius-small);\n  background-color: var(--lew-bgcolor-1);\n  margin-bottom: 20px;\n  width: 200px;\n  height: 200px;\n  padding: 5px;\n  box-sizing: border-box;\n  margin: 10px;\n  .box {\n    box-sizing: border-box;\n    > div {\n      display: inline-block;\n      padding: 10px;\n      font-size: 14px;\n      border-radius: var(--lew-border-radius-small);\n      background-color: var(--lew-color-primary);\n    }\n  }\n}\n</style>\n','<template>\n  <div>\n    <div class="demo">\n      <lew-flex direction="y" x="start" y="start">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="y" x="center" y="start">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="y" x="end" y="start">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n    </div>\n    <div class="demo">\n      <lew-flex direction="y" x="start" y="center">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="y" x="center" y="center">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="y" x="end" y="center">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n    </div>\n    <div class="demo">\n      <lew-flex direction="y" x="start" y="end">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="y" x="center" y="end">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="y" x="end" y="end">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n    </div>\n  </div>\n</template>\n\n<style lang="scss" scoped>\n.demo {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.lew-flex {\n  border: 1px var(--lew-bgcolor-2) solid;\n  border-radius: var(--lew-border-radius-small);\n  background-color: var(--lew-bgcolor-1);\n  margin-bottom: 20px;\n  width: 200px;\n  height: 200px;\n  padding: 5px;\n  box-sizing: border-box;\n  margin: 10px;\n  .box {\n    box-sizing: border-box;\n    > div {\n      display: inline-block;\n      padding: 10px;\n      font-size: 14px;\n      border-radius: var(--lew-border-radius-small);\n      background-color: var(--lew-color-primary);\n    }\n  }\n}\n</style>\n','<template>\n  <div>\n    <div class="demo">\n      <lew-flex direction="x" x="start" y="center" mode="between">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="x" x="center" y="center" mode="around">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="x" x="center" y="center">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n    </div>\n    <div class="demo">\n      <lew-flex direction="y" x="start" y="start" mode="between">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="y" x="center" y="start" mode="around">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n      <lew-flex direction="y" x="center" y="center">\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n        <div class="box">\n          <div />\n        </div>\n      </lew-flex>\n    </div>\n  </div>\n</template>\n\n<style lang="scss" scoped>\n.demo {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.lew-flex {\n  border: 1px var(--lew-bgcolor-2) solid;\n  border-radius: var(--lew-border-radius-small);\n  background-color: var(--lew-bgcolor-1);\n  margin-bottom: 20px;\n  width: 200px;\n  height: 200px;\n  padding: 5px;\n  box-sizing: border-box;\n  margin: 10px;\n  .box {\n    box-sizing: border-box;\n    > div {\n      display: inline-block;\n      padding: 10px;\n      font-size: 14px;\n      border-radius: var(--lew-border-radius-small);\n      background-color: var(--lew-color-primary);\n    }\n  }\n}\n</style>\n'],C={class:"demo-wrapper"},O=x({__name:"DemoFlex",setup(e){const l=c().name.replace("R-Lew","").replace(/^[A-Z]/,d=>d.toLowerCase()),a=t(Object.keys(p).map(d=>p[d]));return(e,x)=>(v(),s("div",C,[o(d),o(n,{"demo-group":r(L),"code-group":r(I),"component-name":r(l),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),o(i,{options:r(a)},null,8,["options"])]))}});export{O as default};

package/dist/assets/js/index-BxP7igD3.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 o,a as p,J as r,a3 as i,a6 as g,u as s,aE as u,a9 as c,ac as m,_ as d,bf as v}from"./.pnpm-CZLWBssD.js";import{c as f,a as _}from"./utils-CLdZaKTe.js";import{a$ as w,b0 as x,b1 as z}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const h={title:"Emits",columnsKey:"emits",orderNum:99,data:f(w)},y={title:"Model",columnsKey:"model",orderNum:1,data:_(x)},b={title:"Props",columnsKey:"props",orderNum:10,data:_(z)},P=Object.freeze(Object.defineProperty({__proto__:null,emits:h,model:y,props:b},Symbol.toStringTag,{value:"Module"})),j={style:{"margin-left":"12px"}},N={style:{"margin-left":"12px"}},S={style:{"margin-left":"12px"}},U={style:{"margin-left":"20px"}},C=[a({__name:"DemoPagination1",setup(e){const n=l(2),t=l(20);function a(e){}const d=l(100);return(e,l)=>{const v=o("lew-pagination"),f=o("lew-flex");return r(),p(f,{direction:"y",x:"start",gap:"24px"},{default:i(()=>[g(v,{"current-page":s(n),"onUpdate:currentPage":l[0]||(l[0]=e=>u(n)?n.value=e:null),"page-size":s(t),size:"small",total:s(d),onChange:a},{right:i(()=>[c("div",j," 共 "+m(s(d))+" 条 ",1)]),_:1},8,["current-page","page-size","total"]),g(v,{"current-page":s(n),"onUpdate:currentPage":l[1]||(l[1]=e=>u(n)?n.value=e:null),"page-size":s(t),total:s(d),round:"",onChange:a},{right:i(()=>[c("div",N," 共 "+m(s(d))+" 条 ",1)]),_:1},8,["current-page","page-size","total"]),g(v,{"current-page":s(n),"onUpdate:currentPage":l[2]||(l[2]=e=>u(n)?n.value=e:null),"page-size":s(t),size:"large",total:s(d),round:"",onChange:a},{right:i(()=>[c("div",S," 共 "+m(s(d))+" 条 ",1)]),_:1},8,["current-page","page-size","total"])]),_:1})}}}),a({__name:"DemoPagination2",setup(e){const n=l(1);return(e,t)=>{const a=o("lew-pagination"),l=o("lew-flex");return r(),p(l,{direction:"y",x:"start",gap:"24px"},{default:i(()=>[g(a,{"current-page":s(n),"onUpdate:currentPage":t[0]||(t[0]=e=>u(n)?n.value=e:null),total:1e3,"visible-pages-count":5},null,8,["current-page"]),g(a,{"current-page":s(n),"onUpdate:currentPage":t[1]||(t[1]=e=>u(n)?n.value=e:null),total:1e4,"visible-pages-count":7},null,8,["current-page"]),g(a,{"current-page":s(n),"onUpdate:currentPage":t[2]||(t[2]=e=>u(n)?n.value=e:null),total:1e5,"visible-pages-count":9},null,8,["current-page"]),g(a,{"current-page":s(n),"onUpdate:currentPage":t[3]||(t[3]=e=>u(n)?n.value=e:null),total:15e6,"visible-pages-count":11},null,8,["current-page"])]),_:1})}}}),a({__name:"DemoPagination3",setup(e){const n=l(2),t=l(20);function a(e){}const p=l(24);return setTimeout(()=>{p.value=1e4},3e3),(e,l)=>{const v=o("lew-pagination");return r(),d("div",null,[g(v,{"current-page":s(n),"onUpdate:currentPage":l[0]||(l[0]=e=>u(n)?n.value=e:null),"page-size":s(t),"page-size-options":[{label:"10 / 页",value:10},{label:"20 / 页",value:20},{label:"30 / 页",value:30}],total:s(p),onChange:a},{right:i(()=>[c("div",U," 共 "+m(s(p))+" 条 ",1)]),_:1},8,["current-page","page-size","total"])])}}})],L=['<script lang="ts" setup>\nconst pageNum = ref(2)\nconst pageSize = ref(20)\nfunction change(e: any) {\n  console.log(e)\n}\nconst total = ref(100)\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start" gap="24px">\n    <lew-pagination\n      v-model:current-page="pageNum"\n      :page-size="pageSize"\n      size="small"\n      :total="total"\n      @change="change"\n    >\n      <template #right>\n        <div style="margin-left: 12px">\n          共 {{ total }} 条\n        </div>\n      </template>\n    </lew-pagination>\n    <lew-pagination\n      v-model:current-page="pageNum"\n      :page-size="pageSize"\n      :total="total"\n      round\n      @change="change"\n    >\n      <template #right>\n        <div style="margin-left: 12px">\n          共 {{ total }} 条\n        </div>\n      </template>\n    </lew-pagination>\n    <lew-pagination\n      v-model:current-page="pageNum"\n      :page-size="pageSize"\n      size="large"\n      :total="total"\n      round\n      @change="change"\n    >\n      <template #right>\n        <div style="margin-left: 12px">\n          共 {{ total }} 条\n        </div>\n      </template>\n    </lew-pagination>\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst page = ref(1)\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start" gap="24px">\n    <lew-pagination\n      v-model:current-page="page"\n      :total="1000"\n      :visible-pages-count="5"\n    />\n    <lew-pagination\n      v-model:current-page="page"\n      :total="10000"\n      :visible-pages-count="7"\n    />\n    <lew-pagination\n      v-model:current-page="page"\n      :total="100000"\n      :visible-pages-count="9"\n    />\n    <lew-pagination\n      v-model:current-page="page"\n      :total="15000000"\n      :visible-pages-count="11"\n    />\n  </lew-flex>\n</template>\n','<script lang="ts" setup>\nconst pageNum = ref(2)\nconst pageSize = ref(20)\nfunction change(e: any) {\n  console.log(e)\n}\nconst total = ref(24)\n\n// 模拟请求\nsetTimeout(() => {\n  total.value = 10000\n}, 3000)\n<\/script>\n\n<template>\n  <div>\n    <lew-pagination\n      v-model:current-page="pageNum"\n      :page-size="pageSize"\n      :page-size-options="[\n        {\n          label: \'10 / 页\',\n          value: 10,\n        },\n        {\n          label: \'20 / 页\',\n          value: 20,\n        },\n        {\n          label: \'30 / 页\',\n          value: 30,\n        },\n      ]"\n      :total="total"\n      @change="change"\n    >\n      <template #right>\n        <div style="margin-left: 20px">\n          共 {{ total }} 条\n        </div>\n      </template>\n    </lew-pagination>\n  </div>\n</template>\n'],D={class:"demo-wrapper"},T=a({__name:"DemoPagination",setup(a){const o=v().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),p=l(Object.keys(P).map(e=>P[e]));return(a,l)=>(r(),d("div",D,[g(e),g(n,{"demo-group":s(C),"code-group":s(L),"component-name":s(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),g(t,{options:s(p)},null,8,["options"])]))}});export{T as default};

package/dist/assets/js/index-BzBSXK4L.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 o,am as t,a as u,J as s,u as r,aE as i,a3 as c,a6 as p,a9 as d,ab as m,bf as b,_ as v}from"./.pnpm-CZLWBssD.js";import{c as h,a as g}from"./utils-CLdZaKTe.js";import{P as f,Q as x,R as k,S as V,T as C,U as _}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const w={title:"Emits",columnsKey:"emits",orderNum:99,data:h(f)},y={title:"Model(Checkbox)",columnsKey:"model",orderNum:2,data:g(x)},F={title:"Props(Checkbox)",columnsKey:"props",orderNum:4,data:g(k)},M={title:"Emits(CheckboxGroup)",columnsKey:"emits",orderNum:99,data:h(V)},z={title:"Model(CheckboxGroup)",columnsKey:"model",orderNum:1,data:g(C)},D={title:"Props(CheckboxGroup)",columnsKey:"props",orderNum:3,data:g(_)},U=Object.freeze(Object.defineProperty({__proto__:null,checkboxEmits:w,checkboxModel:y,checkboxProps:F,emits:M,model:z,props:D},Symbol.toStringTag,{value:"Module"})),A=[a({__name:"DemoCheckbox1",setup(e){const l=o([{label:"Google",value:"google"},{label:"Apple",value:"apple"},{label:"Microsoft",value:"microsoft"},{label:"Amazon",value:"amazon"}]),n=o([]);return(e,a)=>{const o=t("lew-checkbox-group");return s(),u(o,{modelValue:r(n),"onUpdate:modelValue":a[0]||(a[0]=e=>i(n)?n.value=e:null),options:r(l)},null,8,["modelValue","options"])}}}),a({__name:"DemoCheckbox2",setup(e){const l=o([{label:"Artificial Intelligence",value:"ai"},{label:"Blockchain",value:"blockchain"},{label:"Virtual Reality",value:"vr"},{label:"Quantum Computing",value:"quantum"}]),n=o([]);return(e,a)=>{const o=t("lew-checkbox-group");return s(),u(o,{modelValue:r(n),"onUpdate:modelValue":a[0]||(a[0]=e=>i(n)?n.value=e:null),direction:"y",options:r(l)},null,8,["modelValue","options"])}}}),a({__name:"DemoCheckbox3",setup(e){const l=o([{label:"Moments",value:"moments"},{label:"Live",value:"live"},{label:"Short Video",value:"shortVideo",disabled:!0},{label:"Group Chat",value:"groupChat"},{label:"Video Call",value:"videoCall"}]),n=o(["moments","live"]);function a(e){}return(e,o)=>{const c=t("lew-checkbox-group");return s(),u(c,{modelValue:r(n),"onUpdate:modelValue":o[0]||(o[0]=e=>i(n)?n.value=e:null),block:"",options:r(l),onChange:a},null,8,["modelValue","options"])}}}),a({__name:"DemoCheckbox4",setup(e){const l=o([{label:"Dog",value:"dog"},{label:"Cat",value:"cat"},{label:"Rabbit",value:"rabbit"},{label:"Bird",value:"bird"},{label:"Fish",value:"fish"},{label:"Hamster",value:"hamster"}]),n=o([]);return(e,a)=>{const o=t("lew-title"),b=t("lew-checkbox-group"),v=t("lew-flex");return s(),u(v,{direction:"y",x:"start"},{default:c(()=>[p(o,{size:14},{default:c(()=>a[5]||(a[5]=[m(" Without Icon Selection ")])),_:1,__:[5]}),p(b,{modelValue:r(n),"onUpdate:modelValue":a[0]||(a[0]=e=>i(n)?n.value=e:null),block:"",round:"",iconable:!1,direction:"x",options:r(l)},null,8,["modelValue","options"]),p(b,{modelValue:r(n),"onUpdate:modelValue":a[1]||(a[1]=e=>i(n)?n.value=e:null),block:"",iconable:!1,direction:"x",options:r(l)},null,8,["modelValue","options"]),a[7]||(a[7]=d("br",null,null,-1)),a[8]||(a[8]=d("br",null,null,-1)),p(o,{size:14},{default:c(()=>a[6]||(a[6]=[m(" With Icon Selection ")])),_:1,__:[6]}),p(b,{modelValue:r(n),"onUpdate:modelValue":a[2]||(a[2]=e=>i(n)?n.value=e:null),block:"",size:"small",round:"",direction:"x",options:r(l)},null,8,["modelValue","options"]),p(b,{modelValue:r(n),"onUpdate:modelValue":a[3]||(a[3]=e=>i(n)?n.value=e:null),block:"",round:"",direction:"x",options:r(l)},null,8,["modelValue","options"]),p(b,{modelValue:r(n),"onUpdate:modelValue":a[4]||(a[4]=e=>i(n)?n.value=e:null),block:"",round:"",size:"large",direction:"x",options:r(l)},null,8,["modelValue","options"])]),_:1,__:[7,8]})}}}),a({__name:"DemoCheckbox5",setup(e){const l=o([{label:"Apple",value:"apple"},{label:"Banana",value:"banana"},{label:"Cherry",value:"cherry"},{label:"Date",value:"date"},{label:"Grape",value:"grape"}]),n=o(["apple","banana"]);function a(e){}return(e,o)=>{const c=t("lew-checkbox-group");return s(),u(c,{modelValue:r(n),"onUpdate:modelValue":o[0]||(o[0]=e=>i(n)?n.value=e:null),readonly:"",options:r(l),onChange:a},null,8,["modelValue","options"])}}}),a({__name:"DemoCheckbox6",setup(e){const l=o([{label:"Refrigerator",value:"refrigerator"},{label:"Washing Machine",value:"washingMachine"},{label:"Microwave",value:"microwave"},{label:"Air Conditioner",value:"airConditioner"},{label:"Television",value:"television"}]),n=o(["refrigerator","washingMachine"]);function a(e){}return(e,o)=>{const c=t("lew-checkbox-group");return s(),u(c,{modelValue:r(n),"onUpdate:modelValue":o[0]||(o[0]=e=>i(n)?n.value=e:null),disabled:"",options:r(l),onChange:a},null,8,["modelValue","options"])}}}),a({__name:"DemoCheckbox7",setup(e){const l=o(!1);return(e,n)=>{const a=t("lew-checkbox");return s(),u(a,{modelValue:r(l),"onUpdate:modelValue":n[0]||(n[0]=e=>i(l)?l.value=e:null),label:"Have you read the privacy policy?"},null,8,["modelValue"])}}})],P=["<script setup lang=\"ts\">\nconst socialMediaOptions = ref([\n  { label: 'Google', value: 'google' },\n  { label: 'Apple', value: 'apple' },\n  { label: 'Microsoft', value: 'microsoft' },\n  { label: 'Amazon', value: 'amazon' },\n])\n\nconst selectedPlatforms = ref([])\n<\/script>\n\n<template>\n  <lew-checkbox-group\n    v-model=\"selectedPlatforms\"\n    :options=\"socialMediaOptions\"\n  />\n</template>\n","<script setup lang=\"ts\">\nconst techOptions = ref([\n  { label: 'Artificial Intelligence', value: 'ai' },\n  { label: 'Blockchain', value: 'blockchain' },\n  { label: 'Virtual Reality', value: 'vr' },\n  { label: 'Quantum Computing', value: 'quantum' },\n])\n\nconst selectedTech = ref([])\n<\/script>\n\n<template>\n  <lew-checkbox-group\n    v-model=\"selectedTech\"\n    direction=\"y\"\n    :options=\"techOptions\"\n  />\n</template>\n","<script setup lang=\"ts\">\nconst socialMediaFeatures = ref([\n  { label: 'Moments', value: 'moments' },\n  { label: 'Live', value: 'live' },\n  { label: 'Short Video', value: 'shortVideo', disabled: true },\n  { label: 'Group Chat', value: 'groupChat' },\n  { label: 'Video Call', value: 'videoCall' },\n])\n\nconst selectedFeatures = ref(['moments', 'live'])\n\nfunction handleFeatureChange(selectedValues: string[]) {\n  console.log('Selected social media features:', selectedValues)\n}\n<\/script>\n\n<template>\n  <lew-checkbox-group\n    v-model=\"selectedFeatures\"\n    block\n    :options=\"socialMediaFeatures\"\n    @change=\"handleFeatureChange\"\n  />\n</template>\n",'<script setup lang="ts">\nconst productFeatures = ref([\n  { label: \'Dog\', value: \'dog\' },\n  { label: \'Cat\', value: \'cat\' },\n  { label: \'Rabbit\', value: \'rabbit\' },\n  { label: \'Bird\', value: \'bird\' },\n  { label: \'Fish\', value: \'fish\' },\n  { label: \'Hamster\', value: \'hamster\' },\n])\n\nconst selectedFeatures = ref([])\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start">\n    <lew-title :size="14">\n      Without Icon Selection\n    </lew-title>\n    <lew-checkbox-group\n      v-model="selectedFeatures"\n      block\n      round\n      :iconable="false"\n      direction="x"\n      :options="productFeatures"\n    />\n    <lew-checkbox-group\n      v-model="selectedFeatures"\n      block\n      :iconable="false"\n      direction="x"\n      :options="productFeatures"\n    />\n    <br>\n    <br>\n    <lew-title :size="14">\n      With Icon Selection\n    </lew-title>\n    <lew-checkbox-group\n      v-model="selectedFeatures"\n      block\n      size="small"\n      round\n      direction="x"\n      :options="productFeatures"\n    />\n\n    <lew-checkbox-group\n      v-model="selectedFeatures"\n      block\n      round\n      direction="x"\n      :options="productFeatures"\n    />\n\n    <lew-checkbox-group\n      v-model="selectedFeatures"\n      block\n      round\n      size="large"\n      direction="x"\n      :options="productFeatures"\n    />\n  </lew-flex>\n</template>\n',"<script setup lang=\"ts\">\nconst fruitOptions = ref([\n  { label: 'Apple', value: 'apple' },\n  { label: 'Banana', value: 'banana' },\n  { label: 'Cherry', value: 'cherry' },\n  { label: 'Date', value: 'date' },\n  { label: 'Grape', value: 'grape' },\n])\n\nconst selectedFruits = ref(['apple', 'banana'])\n\nfunction handleFruitChange(selectedValues: string[]) {\n  console.log('选中的水果:', selectedValues)\n}\n<\/script>\n\n<template>\n  <lew-checkbox-group\n    v-model=\"selectedFruits\"\n    readonly\n    :options=\"fruitOptions\"\n    @change=\"handleFruitChange\"\n  />\n</template>\n","<script setup lang=\"ts\">\nconst applianceFeatures = ref([\n  { label: 'Refrigerator', value: 'refrigerator' },\n  { label: 'Washing Machine', value: 'washingMachine' },\n  { label: 'Microwave', value: 'microwave' },\n  { label: 'Air Conditioner', value: 'airConditioner' },\n  { label: 'Television', value: 'television' },\n])\n\nconst selectedFeatures = ref(['refrigerator', 'washingMachine'])\n\nfunction handleFeatureChange(selectedValues: string[]) {\n  console.log('Selected appliances:', selectedValues)\n}\n<\/script>\n\n<template>\n  <lew-checkbox-group\n    v-model=\"selectedFeatures\"\n    disabled\n    :options=\"applianceFeatures\"\n    @change=\"handleFeatureChange\"\n  />\n</template>\n",'<script setup lang="ts">\nconst hasReadPrivacyPolicy = ref(false)\n<\/script>\n\n<template>\n  <lew-checkbox\n    v-model="hasReadPrivacyPolicy"\n    label="Have you read the privacy policy?"\n  />\n</template>\n'],S={class:"demo-wrapper"},R=a({__name:"DemoCheckbox",setup(a){const t=b().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),u=o(Object.keys(U).map(e=>U[e]));return(a,o)=>(s(),v("div",S,[p(e),p(l,{"demo-group":r(A),"code-group":r(P),"component-name":r(t),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),p(n,{options:r(u)},null,8,["options"])]))}});export{R as default};

package/dist/assets/js/index-C-Homsi9.js

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as l,a}from"./LewDocsTables-BEtkuNGi.js";import{d as n,a2 as o,am as t,a as r,J as s,u,aE as i,bf as p,_ as d,a6 as m}from"./.pnpm-CZLWBssD.js";import{c,a as b}from"./utils-CLdZaKTe.js";import{b6 as v,b7 as g,b8 as f}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const _={title:"Emits",columnsKey:"emits",orderNum:99,data:c(v)},h={title:"Model",columnsKey:"model",orderNum:1,data:b(g)},w={title:"Props(RadioGroup)",columnsKey:"props",orderNum:2,data:b(f)},y=Object.freeze(Object.defineProperty({__proto__:null,emits:_,model:h,props:w,radioOptions:{title:"Options",columnsKey:"props",orderNum:5,data:[{name:"label",description:"标题",type:"string",default:"-"},{name:"value",description:"值",type:"string",default:"-"},{name:"disabled",description:"禁用",type:"boolean",default:"false"}]}},Symbol.toStringTag,{value:"Module"})),k=[n({__name:"DemoRadio1",setup(e){const l=o([{label:"Vanilla",value:"vanilla"},{label:"Chocolate",value:"chocolate"},{label:"Strawberry",value:"strawberry"},{label:"Matcha",value:"matcha"},{label:"Mango",value:"mango"}]),a=o("");return(e,n)=>{const o=t("lew-radio-group");return s(),r(o,{modelValue:u(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),options:u(l)},null,8,["modelValue","options"])}}}),n({__name:"DemoRadio2",setup(e){const l=o([{label:"Lion",value:"lion"},{label:"Tiger",value:"tiger"},{label:"Elephant",value:"elephant"},{label:"Giraffe",value:"giraffe",disabled:!0}]),a=o("tiger");return(e,n)=>{const o=t("lew-radio-group");return s(),r(o,{modelValue:u(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),direction:"y",options:u(l)},null,8,["modelValue","options"])}}}),n({__name:"DemoRadio3",setup(e){const l=o([{label:"Nike",value:"nike"},{label:"Adidas",value:"adidas"},{label:"Puma",value:"puma"},{label:"Under Armour",value:"under_armour"},{label:"Reebok",value:"reebok"}]),a=o("");return(e,n)=>{const o=t("lew-radio-group");return s(),r(o,{modelValue:u(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),block:"",iconable:!1,options:u(l)},null,8,["modelValue","options"])}}}),n({__name:"DemoRadio4",setup(e){const l=o([{label:"Basketball",value:"basketball"},{label:"Soccer",value:"soccer"},{label:"Tennis",value:"tennis"},{label:"Baseball",value:"baseball"},{label:"Swimming",value:"swimming"}]),a=o("");return(e,n)=>{const o=t("lew-radio-group");return s(),r(o,{modelValue:u(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),block:"",round:!1,options:u(l)},null,8,["modelValue","options"])}}}),n({__name:"DemoRadio5",setup(e){const l=o([{label:"Ferrari",value:"ferrari"},{label:"Lamborghini",value:"lamborghini"},{label:"Porsche",value:"porsche"},{label:"McLaren",value:"mclaren"},{label:"Bugatti",value:"bugatti"}]),a=o("porsche");return(e,n)=>{const o=t("lew-radio-group");return s(),r(o,{modelValue:u(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),block:"",readonly:"",options:u(l)},null,8,["modelValue","options"])}}}),n({__name:"DemoRadio6",setup(e){const l=o([{label:"Chanel",value:"chanel"},{label:"Dior",value:"dior"},{label:"MAC",value:"mac"},{label:"Estée Lauder",value:"estee_lauder"},{label:"Lancôme",value:"lancome"}]),a=o("chanel");return(e,n)=>{const o=t("lew-radio-group");return s(),r(o,{modelValue:u(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),block:"",disabled:"",options:u(l)},null,8,["modelValue","options"])}}})],V=["<script setup lang=\"ts\">\nconst iceCreamFlavors = ref([\n  { label: 'Vanilla', value: 'vanilla' },\n  { label: 'Chocolate', value: 'chocolate' },\n  { label: 'Strawberry', value: 'strawberry' },\n  { label: 'Matcha', value: 'matcha' },\n  { label: 'Mango', value: 'mango' },\n])\n\nconst selectedFlavor = ref('')\n<\/script>\n\n<template>\n  <lew-radio-group v-model=\"selectedFlavor\" :options=\"iceCreamFlavors\" />\n</template>\n","<script setup lang=\"ts\">\nconst animalOptions = ref([\n  { label: 'Lion', value: 'lion' },\n  { label: 'Tiger', value: 'tiger' },\n  { label: 'Elephant', value: 'elephant' },\n  { label: 'Giraffe', value: 'giraffe', disabled: true },\n])\n\nconst selectedAnimal = ref('tiger')\n<\/script>\n\n<template>\n  <lew-radio-group\n    v-model=\"selectedAnimal\"\n    direction=\"y\"\n    :options=\"animalOptions\"\n  />\n</template>\n","<script setup lang=\"ts\">\nconst clothingBrandOptions = ref([\n  { label: 'Nike', value: 'nike' },\n  { label: 'Adidas', value: 'adidas' },\n  { label: 'Puma', value: 'puma' },\n  { label: 'Under Armour', value: 'under_armour' },\n  { label: 'Reebok', value: 'reebok' },\n])\n\nconst selectedBrand = ref('')\n<\/script>\n\n<template>\n  <lew-radio-group\n    v-model=\"selectedBrand\"\n    block\n    :iconable=\"false\"\n    :options=\"clothingBrandOptions\"\n  />\n</template>\n","<script setup lang=\"ts\">\nconst sportsOptions = ref([\n  { label: 'Basketball', value: 'basketball' },\n  { label: 'Soccer', value: 'soccer' },\n  { label: 'Tennis', value: 'tennis' },\n  { label: 'Baseball', value: 'baseball' },\n  { label: 'Swimming', value: 'swimming' },\n])\n\nconst selectedSport = ref('')\n<\/script>\n\n<template>\n  <lew-radio-group\n    v-model=\"selectedSport\"\n    block\n    :round=\"false\"\n    :options=\"sportsOptions\"\n  />\n</template>\n","<script setup lang=\"ts\">\nconst carBrandOptions = ref([\n  { label: 'Ferrari', value: 'ferrari' },\n  { label: 'Lamborghini', value: 'lamborghini' },\n  { label: 'Porsche', value: 'porsche' },\n  { label: 'McLaren', value: 'mclaren' },\n  { label: 'Bugatti', value: 'bugatti' },\n])\n\nconst selectedBrand = ref('porsche')\n<\/script>\n\n<template>\n  <lew-radio-group\n    v-model=\"selectedBrand\"\n    block\n    readonly\n    :options=\"carBrandOptions\"\n  />\n</template>\n","<script setup lang=\"ts\">\nconst beautyBrandOptions = ref([\n  { label: 'Chanel', value: 'chanel' },\n  { label: 'Dior', value: 'dior' },\n  { label: 'MAC', value: 'mac' },\n  { label: 'Estée Lauder', value: 'estee_lauder' },\n  { label: 'Lancôme', value: 'lancome' },\n])\n\nconst selectedBrand = ref('chanel')\n<\/script>\n\n<template>\n  <lew-radio-group\n    v-model=\"selectedBrand\"\n    block\n    disabled\n    :options=\"beautyBrandOptions\"\n  />\n</template>\n"],B={class:"demo-wrapper"},L=n({__name:"DemoRadio",setup(n){const t=p().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),r=o(Object.keys(y).map(e=>y[e]));return(n,o)=>(s(),d("div",B,[m(e),m(l,{"demo-group":u(k),"code-group":u(V),"component-name":u(t),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),m(a,{options:u(r)},null,8,["options"])]))}});export{L as default};

package/dist/assets/js/index-C3jdSlYN.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 l,J as c,a3 as a,a6 as s,N as i,u as p,g as u,bf as m,a2 as d,_ as f}from"./.pnpm-CZLWBssD.js";import{a as g}from"./utils-CLdZaKTe.js";import{b2 as w,b3 as x}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const k={title:"Props",columnsKey:"props",orderNum:10,data:g(w)},h=Object.freeze(Object.defineProperty({__proto__:null,props:k},Symbol.toStringTag,{value:"Module"})),y=[o({__name:"DemoPopok1",setup(e){function n(){return new Promise(e=>{setTimeout(()=>{e(!0),LewMessage.success("Task completed successfully")},1e3)})}function t(){return new Promise(e=>{setTimeout(()=>{e(!0),LewMessage.warning("Operation cancelled")},1e3)})}return(e,o)=>{const i=r("lew-button"),p=r("lew-popok");return c(),l(p,{width:"400px",title:"Delete Project",content:"This action cannot be undone. Are you sure you want to delete this project?",placement:"bottom-start","cancel-text":"Cancel","ok-text":"Delete",ok:n,cancel:t},{default:a(()=>[s(i,{text:"Delete Project",type:"ghost",color:"red"})]),_:1})}}}),o({__name:"DemoPopok2",setup(e){function n(){LewMessage.success("Confirmed")}function t(){LewMessage.info("Cancelled")}return(e,o)=>{const i=r("lew-button"),p=r("lew-popok");return c(),l(p,{width:"400px",title:"Delete Confirmation",type:"error",content:"This action cannot be undone. Please confirm!",placement:"bottom-start","ok-text":"Delete","cancel-text":"Cancel",ok:n,cancel:t,trigger:"hover"},{default:a(()=>[s(i,{text:"Hover to trigger",type:"text",color:"red"})]),_:1})}}}),o({__name:"DemoPopok3",setup(e){function n(){LewMessage.success("Confirmed")}function t(){LewMessage.info("Cancelled")}return(e,o)=>{const i=r("lew-button"),p=r("lew-popok");return c(),l(p,{width:"400px",title:"Delete Confirmation",type:"error",content:"This action cannot be undone. Please confirm!","hide-icon":!0,placement:"bottom-start","ok-text":"Delete","cancel-text":"Cancel",ok:n,cancel:t,trigger:"hover"},{default:a(()=>[s(i,{text:"Hover to trigger",type:"text",color:"red"})]),_:1})}}}),o({__name:"DemoPopok4",setup(e){function n(){LewMessage.success("Confirmed")}function t(){LewMessage.info("Cancelled")}return(e,o)=>{const m=r("lew-button"),d=r("lew-popok");return c(),l(d,{icon:i(p(u),{size:24,color:"red"}),width:"400px",title:"Delete Confirmation",type:"error",content:"This action cannot be undone. Please confirm!",placement:"bottom-start","ok-text":"Delete","cancel-text":"Cancel",ok:n,cancel:t,trigger:"hover"},{default:a(()=>[s(m,{text:"Hover to trigger",type:"text",color:"red"})]),_:1},8,["icon"])}}}),o({__name:"DemoPopok5",setup(e){function n(){LewMessage.success("Confirmed")}function t(){LewMessage.info("Cancelled")}const o=i("div",{style:{color:"#1d1d1f",padding:"12px 0",fontSize:"15px",lineHeight:"1.6"}},[i("ul",{style:{margin:"0 0 8px 0",paddingLeft:"20px",color:"#6e6e73"}},[i("li",null,"All data will be permanently removed."),i("li",null,"This action affects all related information."),i("li",null,["Please make sure you have a backup."])]),i("div",{style:{color:"#d93026",fontWeight:500,marginTop:"8px"}},"This action is irreversible.")]);return(e,i)=>{const u=r("lew-popok");return c(),l(u,{width:"400px",title:"Delete Confirmation",type:"error",content:p(o),placement:"bottom-start","ok-text":"Delete","cancel-text":"Cancel",ok:n,cancel:t,trigger:"hover"},{default:a(()=>[s(p(x),{text:"Hover to trigger",type:"text",color:"red"})]),_:1},8,["content"])}}})],b=['<script setup lang="ts">\n// Confirm\nfunction ok() {\n  return new Promise((resolve: any) => {\n    setTimeout(() => {\n      resolve(true)\n      LewMessage.success(\'Task completed successfully\')\n    }, 1000)\n  })\n}\n// Cancel\nfunction cancel() {\n  return new Promise((resolve: any) => {\n    setTimeout(() => {\n      resolve(true)\n      LewMessage.warning(\'Operation cancelled\')\n    }, 1000)\n  })\n}\n<\/script>\n\n<template>\n  <lew-popok\n    width="400px"\n    title="Delete Project"\n    content="This action cannot be undone. Are you sure you want to delete this project?"\n    placement="bottom-start"\n    cancel-text="Cancel"\n    ok-text="Delete"\n    :ok="ok"\n    :cancel="cancel"\n  >\n    <lew-button text="Delete Project" type="ghost" color="red" />\n  </lew-popok>\n</template>\n','<script setup lang="ts">\nfunction ok() {\n  LewMessage.success(\'Confirmed\')\n}\nfunction cancel() {\n  LewMessage.info(\'Cancelled\')\n}\n<\/script>\n\n<template>\n  <lew-popok\n    width="400px"\n    title="Delete Confirmation"\n    type="error"\n    content="This action cannot be undone. Please confirm!"\n    placement="bottom-start"\n    ok-text="Delete"\n    cancel-text="Cancel"\n    :ok="ok"\n    :cancel="cancel"\n    trigger="hover"\n  >\n    <lew-button text="Hover to trigger" type="text" color="red" />\n  </lew-popok>\n</template>\n','<script setup lang="ts">\nfunction ok() {\n  LewMessage.success(\'Confirmed\')\n}\nfunction cancel() {\n  LewMessage.info(\'Cancelled\')\n}\n<\/script>\n\n<template>\n  <lew-popok\n    width="400px"\n    title="Delete Confirmation"\n    type="error"\n    content="This action cannot be undone. Please confirm!"\n    :hide-icon="true"\n    placement="bottom-start"\n    ok-text="Delete"\n    cancel-text="Cancel"\n    :ok="ok"\n    :cancel="cancel"\n    trigger="hover"\n  >\n    <lew-button text="Hover to trigger" type="text" color="red" />\n  </lew-popok>\n</template>\n','<script setup lang="ts">\nimport { Trash } from \'lucide-vue-next\'\nimport { h } from \'vue\'\n\nfunction ok() {\n  LewMessage.success(\'Confirmed\')\n}\nfunction cancel() {\n  LewMessage.info(\'Cancelled\')\n}\n<\/script>\n\n<template>\n  <lew-popok\n    :icon="h(Trash, { size: 24, color: \'red\' })"\n    width="400px"\n    title="Delete Confirmation"\n    type="error"\n    content="This action cannot be undone. Please confirm!"\n    placement="bottom-start"\n    ok-text="Delete"\n    cancel-text="Cancel"\n    :ok="ok"\n    :cancel="cancel"\n    trigger="hover"\n  >\n    <lew-button text="Hover to trigger" type="text" color="red" />\n  </lew-popok>\n</template>\n',"<script setup lang=\"ts\">\nimport { LewButton } from 'lew-ui'\nimport { h } from 'vue'\n\nfunction ok() {\n  LewMessage.success('Confirmed')\n}\nfunction cancel() {\n  LewMessage.info('Cancelled')\n}\n// 优化为苹果风格的简洁英文提示，无按钮\nconst content = h(\n  'div',\n  {\n    style: {\n      color: '#1d1d1f',\n      padding: '12px 0',\n      fontSize: '15px',\n      lineHeight: '1.6',\n    },\n  },\n  [\n    h(\n      'ul',\n      { style: { margin: '0 0 8px 0', paddingLeft: '20px', color: '#6e6e73' } },\n      [\n        h('li', null, 'All data will be permanently removed.'),\n        h('li', null, 'This action affects all related information.'),\n        h('li', null, ['Please make sure you have a backup.']),\n      ],\n    ),\n    h(\n      'div',\n      { style: { color: '#d93026', fontWeight: 500, marginTop: '8px' } },\n      'This action is irreversible.',\n    ),\n  ],\n)\n<\/script>\n\n<template>\n  <lew-popok\n    width=\"400px\"\n    title=\"Delete Confirmation\"\n    type=\"error\"\n    :content=\"content\"\n    placement=\"bottom-start\"\n    ok-text=\"Delete\"\n    cancel-text=\"Cancel\"\n    :ok=\"ok\"\n    :cancel=\"cancel\"\n    trigger=\"hover\"\n  >\n    <LewButton text=\"Hover to trigger\" type=\"text\" color=\"red\" />\n  </lew-popok>\n</template>\n"],v={class:"demo-wrapper"},C=o({__name:"DemoPopok",setup(o){const r=m().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),l=d(Object.keys(h).map(e=>h[e]));return(o,a)=>(c(),f("div",v,[s(e),s(n,{"demo-group":p(y),"code-group":p(b),"component-name":p(r),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),s(t,{options:p(l)},null,8,["options"])]))}});export{C as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as t,a}from"./LewDocsTables-BEtkuNGi.js";import{d as l,a2 as n,am as o,a as s,J as r,aE as u,u as m,bf as p,_ as d,a6 as c}from"./.pnpm-CZLWBssD.js";import{c as i,a as _}from"./utils-CLdZaKTe.js";import{b9 as v,ba as g,bb as f}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const w={title:"Emits",columnsKey:"emits",orderNum:99,data:i(v)},b={title:"Model",columnsKey:"model",orderNum:1,data:_(g)},V={title:"Props",columnsKey:"props",orderNum:10,data:_(f)},y=Object.freeze(Object.defineProperty({__proto__:null,emits:w,model:b,props:V},Symbol.toStringTag,{value:"Module"})),j=[l({__name:"DemoRate1",setup(e){const t=n(2);return(e,a)=>{const l=o("lew-rate");return r(),s(l,{modelValue:m(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null)},null,8,["modelValue"])}}}),l({__name:"DemoRate2",setup(e){const t=n(4);return(e,a)=>{const l=o("lew-rate");return r(),s(l,{modelValue:m(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),readonly:""},null,8,["modelValue"])}}}),l({__name:"DemoRate3",setup(e){const t=n(3);return(e,a)=>{const l=o("lew-rate");return r(),s(l,{modelValue:m(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),disabled:""},null,8,["modelValue"])}}}),l({__name:"DemoRate4",setup(e){const t=n(3),a=["极差","较差","一般","较好","极好"];return(e,l)=>{const n=o("lew-rate");return r(),s(n,{modelValue:m(t),"onUpdate:modelValue":l[0]||(l[0]=e=>u(t)?t.value=e:null),tips:a},null,8,["modelValue"])}}})],D=['<script setup lang="ts">\nconst value = ref(2)\n<\/script>\n\n<template>\n  <lew-rate v-model="value" />\n</template>\n','<script setup lang="ts">\nconst value = ref(4)\n<\/script>\n\n<template>\n  <lew-rate v-model="value" readonly />\n</template>\n','<script setup lang="ts">\nconst value = ref(3)\n<\/script>\n\n<template>\n  <lew-rate v-model="value" disabled />\n</template>\n',"<script setup lang=\"ts\">\nconst value = ref(3)\nconst tips = ['极差', '较差', '一般', '较好', '极好']\n<\/script>\n\n<template>\n  <lew-rate v-model=\"value\" :tips=\"tips\" />\n</template>\n"],L={class:"demo-wrapper"},R=l({__name:"DemoRate",setup(l){const o=p().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=n(Object.keys(y).map(e=>y[e]));return(l,n)=>(r(),d("div",L,[c(e),c(t,{"demo-group":m(j),"code-group":m(D),"component-name":m(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),c(a,{options:m(s)},null,8,["options"])]))}});export{R as default};

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

@@ -1 +0,0 @@
-import{_ as n}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as e,a as t}from"./LewDocsTables-BEtkuNGi.js";import{d as o,a2 as a,am as l,a as s,J as r,a3 as i,a9 as p,ac as c,u as d,_ as m,a7 as v,aa as u,a6 as g,ab as f,bf as h}from"./.pnpm-CZLWBssD.js";import{c as b,a as x}from"./utils-CLdZaKTe.js";import{b4 as w,b5 as y,_}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const q={title:"Emits",columnsKey:"emits",orderNum:99,data:b(w)},j={title:"Props",columnsKey:"props",orderNum:10,data:x(y)},z=Object.freeze(Object.defineProperty({__proto__:null,emits:q,props:j,slots:{title:"Slots",columnsKey:"slots",data:[{name:"trigger",description:"触发的节点",params:"-"},{name:"popover-body",description:"触发展示的内容主体",params:"-"}]}},Symbol.toStringTag,{value:"Module"})),k={class:"popover-body"},C={class:"header"},S={class:"name"},A={class:"title"},P={class:"info"},I={class:"info-item"},L={class:"value"},J={class:"info-item"},F={class:"value"},R={class:"achievements"},D={class:"quote"},M={class:"popover-body"},T={class:"info"},O={class:"name"},N={class:"title"},B={class:"quote"},X={class:"popover-body"},K={class:"info"},$={class:"name"},E={class:"title"},H={class:"quote"},Z={class:"popover-body"},G={class:"info"},Q={class:"name"},U={class:"title"},V={class:"quote"},W={class:"popover-body"},Y={class:"header"},nn={class:"name"},en={class:"title"},tn={class:"info"},on={class:"info-item"},an={class:"value"},ln={class:"info-item"},sn={class:"value"},rn={class:"achievements"},pn={class:"quote"},cn=[_(o({__name:"DemoPopover1",setup(n){const e=a({name:"Steve Jobs",title:"Co-founder of Apple Inc.",birth:"February 24, 1955",death:"October 5, 2011",achievements:["Founded Apple Inc.","Launched Macintosh computer","Founded NeXT","Acquired Pixar","Returned to Apple and launched iPod, iPhone, iPad"],quote:"Stay hungry, stay foolish."});return(n,t)=>{const o=l("lew-avatar"),a=l("lew-popover");return r(),s(a,{trigger:"hover",placement:"bottom-start"},{trigger:i(()=>[g(o,{shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"})]),"popover-body":i(()=>[p("div",k,[p("div",C,[p("h3",S,c(d(e).name),1),p("span",A,c(d(e).title),1)]),p("div",P,[p("div",I,[t[0]||(t[0]=p("span",{class:"label"},"Birth",-1)),p("span",L,c(d(e).birth),1)]),p("div",J,[t[1]||(t[1]=p("span",{class:"label"},"Death",-1)),p("span",F,c(d(e).death),1)])]),p("div",R,[t[2]||(t[2]=p("h4",null,"Major Achievements",-1)),p("ul",null,[(r(!0),m(v,null,u(d(e).achievements,(n,e)=>(r(),m("li",{key:e},c(n),1))),128))])]),p("div",D,[p("p",null,'"'+c(d(e).quote)+'"',1)])])]),_:1})}}}),[["__scopeId","data-v-8c219ed5"]]),_(o({__name:"DemoPopover2",setup(n){const e=a({name:"Steve Jobs",title:"Co-founder of Apple Inc.",quote:"Stay hungry, stay foolish."});return(n,t)=>{const o=l("lew-tag"),a=l("lew-avatar"),m=l("lew-flex"),v=l("lew-popover");return r(),s(v,{trigger:"click",placement:"bottom-start"},{trigger:i(()=>[g(o,{style:{cursor:"pointer"}},{default:i(()=>t[0]||(t[0]=[f(" Steve Jobs ")])),_:1,__:[0]})]),"popover-body":i(()=>[p("div",M,[g(m,{x:"center",y:"center"},{default:i(()=>[g(a,{size:"120",shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"})]),_:1}),p("div",T,[p("h3",O,c(d(e).name),1),p("span",N,c(d(e).title),1)]),p("div",B,[p("p",null,'"'+c(d(e).quote)+'"',1)])])]),_:1})}}}),[["__scopeId","data-v-e1a88f83"]]),_(o({__name:"DemoPopover3",setup(n){const e=a({name:"Steve Jobs",title:"Co-founder of Apple Inc.",quote:"Stay hungry, stay foolish."}),t=a(null);return(n,o)=>{const a=l("lew-button"),s=l("lew-avatar"),u=l("lew-flex"),h=l("lew-popover");return r(),m(v,null,[g(a,{ref_key:"targetRef",ref:t,type:"ghost"},{default:i(()=>o[0]||(o[0]=[f(" Custom trigger button ")])),_:1,__:[0]},512),g(h,{trigger:"click",placement:"bottom-start","trigger-target":d(t)&&d(t).$el},{"popover-body":i(()=>[p("div",X,[g(u,{x:"center",y:"center"},{default:i(()=>[g(s,{size:"120",shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"})]),_:1}),p("div",K,[p("h3",$,c(d(e).name),1),p("span",E,c(d(e).title),1)]),p("div",H,[p("p",null,'"'+c(d(e).quote)+'"',1)])])]),_:1},8,["trigger-target"])],64)}}}),[["__scopeId","data-v-f4845939"]]),_(o({__name:"DemoPopover4",setup(n){const e=a({name:"Steve Jobs",title:"Co-founder of Apple Inc.",quote:"Stay hungry, stay foolish."}),t=a(null);function o(){t.value?.hide()}return(n,a)=>{const m=l("lew-tag"),v=l("lew-avatar"),u=l("lew-flex"),h=l("lew-button"),b=l("lew-popover");return r(),s(b,{ref_key:"popoverRef",ref:t,trigger:"click",placement:"bottom-start","hide-on-click":!1},{trigger:i(()=>[g(m,{style:{cursor:"pointer"}},{default:i(()=>a[0]||(a[0]=[f(" Steve Jobs ")])),_:1,__:[0]})]),"popover-body":i(()=>[p("div",Z,[g(u,{x:"center",y:"center"},{default:i(()=>[g(v,{size:"120",shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"})]),_:1}),p("div",G,[p("h3",Q,c(d(e).name),1),p("span",U,c(d(e).title),1)]),p("div",V,[p("p",null,'"'+c(d(e).quote)+'"',1)]),g(u,{x:"center",y:"center"},{default:i(()=>[g(h,{size:"small",type:"ghost",onClick:o},{default:i(()=>a[1]||(a[1]=[f(" Close ")])),_:1,__:[1]}),g(h,{size:"small",type:"ghost",onClick:o},{default:i(()=>a[2]||(a[2]=[f(" Follow ")])),_:1,__:[2]})]),_:1})])]),_:1},512)}}}),[["__scopeId","data-v-fed42913"]]),_(o({__name:"DemoPopover5",setup(n){const e=a({}),t=a(!1);function o(){t.value=!0,setTimeout(()=>{t.value=!1,e.value={name:"Steve Jobs",title:"Co-founder of Apple Inc.",birth:"February 24, 1955",death:"October 5, 2011",achievements:["Founded Apple Inc.","Launched Macintosh computer","Founded NeXT","Acquired Pixar","Returned to Apple and launched iPod, iPhone, iPad"],quote:"Stay hungry, stay foolish."}},1e3)}return(n,a)=>{const f=l("lew-avatar"),h=l("lew-popover");return r(),s(h,{trigger:"click",placement:"bottom-start",loading:d(t),onShow:o},{trigger:i(()=>[g(f,{style:{cursor:"pointer"},shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"})]),"popover-body":i(()=>[p("div",W,[p("div",Y,[p("h3",nn,c(d(e).name),1),p("span",en,c(d(e).title),1)]),p("div",tn,[p("div",on,[a[0]||(a[0]=p("span",{class:"label"},"Birth",-1)),p("span",an,c(d(e).birth),1)]),p("div",ln,[a[1]||(a[1]=p("span",{class:"label"},"Death",-1)),p("span",sn,c(d(e).death),1)])]),p("div",rn,[a[2]||(a[2]=p("h4",null,"Major Achievements",-1)),p("ul",null,[(r(!0),m(v,null,u(d(e).achievements,(n,e)=>(r(),m("li",{key:e},c(n),1))),128))])]),p("div",pn,[p("p",null,'"'+c(d(e).quote)+'"',1)])])]),_:1},8,["loading"])}}}),[["__scopeId","data-v-5cbaa02f"]])],dn=['<script setup lang="ts">\nconst data = ref({\n  name: \'Steve Jobs\',\n  title: \'Co-founder of Apple Inc.\',\n  birth: \'February 24, 1955\',\n  death: \'October 5, 2011\',\n  achievements: [\n    \'Founded Apple Inc.\',\n    \'Launched Macintosh computer\',\n    \'Founded NeXT\',\n    \'Acquired Pixar\',\n    \'Returned to Apple and launched iPod, iPhone, iPad\',\n  ],\n  quote: \'Stay hungry, stay foolish.\',\n})\n<\/script>\n\n<template>\n  <lew-popover trigger="hover" placement="bottom-start">\n    <template #trigger>\n      <lew-avatar\n        shape="circle"\n        src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"\n      />\n    </template>\n    <template #popover-body>\n      <div class="popover-body">\n        <div class="header">\n          <h3 class="name">\n            {{ data.name }}\n          </h3>\n          <span class="title">{{ data.title }}</span>\n        </div>\n\n        <div class="info">\n          <div class="info-item">\n            <span class="label">Birth</span>\n            <span class="value">{{ data.birth }}</span>\n          </div>\n          <div class="info-item">\n            <span class="label">Death</span>\n            <span class="value">{{ data.death }}</span>\n          </div>\n        </div>\n\n        <div class="achievements">\n          <h4>Major Achievements</h4>\n          <ul>\n            <li v-for="(item, index) in data.achievements" :key="index">\n              {{ item }}\n            </li>\n          </ul>\n        </div>\n\n        <div class="quote">\n          <p>"{{ data.quote }}"</p>\n        </div>\n      </div>\n    </template>\n  </lew-popover>\n</template>\n\n<style lang="scss" scoped>\n.popover-body {\n  padding: 16px;\n  box-sizing: border-box;\n  width: 320px;\n\n  .header {\n    margin-bottom: 16px;\n\n    .name {\n      margin: 0 0 4px;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--lew-text-color-1);\n    }\n\n    .title {\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n    }\n  }\n\n  .info {\n    margin-bottom: 16px;\n    padding: 12px;\n    background: var(--lew-bgcolor-2);\n    border-radius: 8px;\n\n    .info-item {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 8px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      .label {\n        color: var(--lew-text-color-2);\n      }\n\n      .value {\n        color: var(--lew-text-color-1);\n        font-weight: 500;\n      }\n    }\n  }\n\n  .achievements {\n    margin-bottom: 16px;\n\n    h4 {\n      margin: 0 0 8px;\n      font-size: 14px;\n      color: var(--lew-text-color-1);\n    }\n\n    ul {\n      margin: 0;\n      padding-left: 20px;\n\n      li {\n        margin-bottom: 4px;\n        font-size: 13px;\n        color: var(--lew-text-color-2);\n        line-height: 1.5;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n\n  .quote {\n    padding-top: 16px;\n    border-top: 1px solid var(--lew-border-color);\n\n    p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n      font-style: italic;\n      text-align: center;\n    }\n  }\n}\n</style>\n','<script setup lang="ts">\nconst data = ref({\n  name: \'Steve Jobs\',\n  title: \'Co-founder of Apple Inc.\',\n  quote: \'Stay hungry, stay foolish.\',\n})\n<\/script>\n\n<template>\n  <lew-popover trigger="click" placement="bottom-start">\n    <template #trigger>\n      <lew-tag style="cursor: pointer">\n        Steve Jobs\n      </lew-tag>\n    </template>\n    <template #popover-body>\n      <div class="popover-body">\n        <lew-flex x="center" y="center">\n          <lew-avatar\n            size="120"\n            shape="circle"\n            src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"\n          />\n        </lew-flex>\n\n        <div class="info">\n          <h3 class="name">\n            {{ data.name }}\n          </h3>\n          <span class="title">{{ data.title }}</span>\n        </div>\n\n        <div class="quote">\n          <p>"{{ data.quote }}"</p>\n        </div>\n      </div>\n    </template>\n  </lew-popover>\n</template>\n\n<style lang="scss" scoped>\n.popover-body {\n  padding: 16px;\n  box-sizing: border-box;\n  width: 280px;\n\n  .info {\n    margin: 16px 0;\n    text-align: center;\n\n    .name {\n      margin: 0 0 4px;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--lew-text-color-1);\n    }\n\n    .title {\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n    }\n  }\n\n  .quote {\n    padding-top: 16px;\n    border-top: 1px solid var(--lew-border-color);\n\n    p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n      font-style: italic;\n      text-align: center;\n    }\n  }\n}\n</style>\n','<script setup lang="ts">\nconst data = ref({\n  name: \'Steve Jobs\',\n  title: \'Co-founder of Apple Inc.\',\n  quote: \'Stay hungry, stay foolish.\',\n})\n\nconst targetRef = ref<any>(null)\n<\/script>\n\n<template>\n  <lew-button ref="targetRef" type="ghost">\n    Custom trigger button\n  </lew-button>\n  <lew-popover\n    trigger="click"\n    placement="bottom-start"\n    :trigger-target="targetRef && targetRef.$el"\n  >\n    <template #popover-body>\n      <div class="popover-body">\n        <lew-flex x="center" y="center">\n          <lew-avatar\n            size="120"\n            shape="circle"\n            src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"\n          />\n        </lew-flex>\n\n        <div class="info">\n          <h3 class="name">\n            {{ data.name }}\n          </h3>\n          <span class="title">{{ data.title }}</span>\n        </div>\n\n        <div class="quote">\n          <p>"{{ data.quote }}"</p>\n        </div>\n      </div>\n    </template>\n  </lew-popover>\n</template>\n\n<style lang="scss" scoped>\n.popover-body {\n  padding: 16px;\n  box-sizing: border-box;\n  width: 280px;\n\n  .info {\n    margin: 16px 0;\n    text-align: center;\n\n    .name {\n      margin: 0 0 4px;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--lew-text-color-1);\n    }\n\n    .title {\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n    }\n  }\n\n  .quote {\n    padding-top: 16px;\n    border-top: 1px solid var(--lew-border-color);\n\n    p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n      font-style: italic;\n      text-align: center;\n    }\n  }\n}\n</style>\n','<script setup lang="ts">\nconst data = ref({\n  name: \'Steve Jobs\',\n  title: \'Co-founder of Apple Inc.\',\n  quote: \'Stay hungry, stay foolish.\',\n})\n\nconst popoverRef = ref<any>(null)\nfunction close() {\n  popoverRef.value?.hide()\n}\n<\/script>\n\n<template>\n  <lew-popover\n    ref="popoverRef"\n    trigger="click"\n    placement="bottom-start"\n    :hide-on-click="false"\n  >\n    <template #trigger>\n      <lew-tag style="cursor: pointer">\n        Steve Jobs\n      </lew-tag>\n    </template>\n    <template #popover-body>\n      <div class="popover-body">\n        <lew-flex x="center" y="center">\n          <lew-avatar\n            size="120"\n            shape="circle"\n            src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"\n          />\n        </lew-flex>\n\n        <div class="info">\n          <h3 class="name">\n            {{ data.name }}\n          </h3>\n          <span class="title">{{ data.title }}</span>\n        </div>\n\n        <div class="quote">\n          <p>"{{ data.quote }}"</p>\n        </div>\n\n        <lew-flex x="center" y="center">\n          <lew-button size="small" type="ghost" @click="close">\n            Close\n          </lew-button>\n          <lew-button size="small" type="ghost" @click="close">\n            Follow\n          </lew-button>\n        </lew-flex>\n      </div>\n    </template>\n  </lew-popover>\n</template>\n\n<style lang="scss" scoped>\n.popover-body {\n  padding: 16px;\n  box-sizing: border-box;\n  width: 280px;\n\n  .info {\n    margin: 16px 0;\n    text-align: center;\n\n    .name {\n      margin: 0 0 4px;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--lew-text-color-1);\n    }\n\n    .title {\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n    }\n  }\n\n  .quote {\n    padding-top: 16px;\n    border-top: 1px solid var(--lew-border-color);\n    margin-bottom: 16px;\n\n    p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n      font-style: italic;\n      text-align: center;\n    }\n  }\n}\n</style>\n','<script setup lang="ts">\nconst data = ref<any>({})\n\nconst loading = ref(false)\n\nfunction show() {\n  loading.value = true\n  setTimeout(() => {\n    loading.value = false\n    data.value = {\n      name: \'Steve Jobs\',\n      title: \'Co-founder of Apple Inc.\',\n      birth: \'February 24, 1955\',\n      death: \'October 5, 2011\',\n      achievements: [\n        \'Founded Apple Inc.\',\n        \'Launched Macintosh computer\',\n        \'Founded NeXT\',\n        \'Acquired Pixar\',\n        \'Returned to Apple and launched iPod, iPhone, iPad\',\n      ],\n      quote: \'Stay hungry, stay foolish.\',\n    }\n  }, 1000)\n}\n<\/script>\n\n<template>\n  <lew-popover trigger="click" placement="bottom-start" :loading="loading" @show="show">\n    <template #trigger>\n      <lew-avatar\n        style="cursor: pointer"\n        shape="circle"\n        src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"\n      />\n    </template>\n    <template #popover-body>\n      <div class="popover-body">\n        <div class="header">\n          <h3 class="name">\n            {{ data.name }}\n          </h3>\n          <span class="title">{{ data.title }}</span>\n        </div>\n\n        <div class="info">\n          <div class="info-item">\n            <span class="label">Birth</span>\n            <span class="value">{{ data.birth }}</span>\n          </div>\n          <div class="info-item">\n            <span class="label">Death</span>\n            <span class="value">{{ data.death }}</span>\n          </div>\n        </div>\n\n        <div class="achievements">\n          <h4>Major Achievements</h4>\n          <ul>\n            <li v-for="(item, index) in data.achievements" :key="index">\n              {{ item }}\n            </li>\n          </ul>\n        </div>\n\n        <div class="quote">\n          <p>"{{ data.quote }}"</p>\n        </div>\n      </div>\n    </template>\n  </lew-popover>\n</template>\n\n<style lang="scss" scoped>\n.popover-body {\n  padding: 16px;\n  box-sizing: border-box;\n  width: 320px;\n\n  .header {\n    margin-bottom: 16px;\n\n    .name {\n      margin: 0 0 4px;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--lew-text-color-1);\n    }\n\n    .title {\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n    }\n  }\n\n  .info {\n    margin-bottom: 16px;\n    padding: 12px;\n    background: var(--lew-bgcolor-2);\n    border-radius: 8px;\n\n    .info-item {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 8px;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      .label {\n        color: var(--lew-text-color-2);\n      }\n\n      .value {\n        color: var(--lew-text-color-1);\n        font-weight: 500;\n      }\n    }\n  }\n\n  .achievements {\n    margin-bottom: 16px;\n\n    h4 {\n      margin: 0 0 8px;\n      font-size: 14px;\n      color: var(--lew-text-color-1);\n    }\n\n    ul {\n      margin: 0;\n      padding-left: 20px;\n\n      li {\n        margin-bottom: 4px;\n        font-size: 13px;\n        color: var(--lew-text-color-2);\n        line-height: 1.5;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n\n  .quote {\n    padding-top: 16px;\n    border-top: 1px solid var(--lew-border-color);\n\n    p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--lew-text-color-2);\n      font-style: italic;\n      text-align: center;\n    }\n  }\n}\n</style>\n'],mn={class:"demo-wrapper"},vn=o({__name:"DemoPopover",setup(o){const l=h().name.replace("R-Lew","").replace(/^[A-Z]/,n=>n.toLowerCase()),s=a(Object.keys(z).map(n=>z[n]));return(o,a)=>(r(),m("div",mn,[g(n),g(e,{"demo-group":d(cn),"code-group":d(dn),"component-name":d(l),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),g(t,{options:d(s)},null,8,["options"])]))}});export{vn as default};

package/dist/assets/js/index-CAutt9lj.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 t,a2 as o,am as a,a as p,J as s,aE as r,u as i,al as u,a3 as d,a6 as c,bf as m,_ as x}from"./.pnpm-CZLWBssD.js";import{c as f,a as w}from"./utils-CLdZaKTe.js";import{ax as h,ay as v,az as g}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const y={title:"Emits",columnsKey:"emits",orderNum:99,data:f(h)},V={title:"Model",columnsKey:"model",orderNum:10,data:w(v)},b={title:"Props",columnsKey:"props",orderNum:10,data:w(g)},_=Object.freeze(Object.defineProperty({__proto__:null,emits:y,model:V,props:b},Symbol.toStringTag,{value:"Module"})),D=[t({__name:"DemoInput1",setup(e){const l=o("");return(e,n)=>{const t=a("lew-input");return s(),p(t,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>r(l)?l.value=e:null),width:"300px",clearable:""},null,8,["modelValue"])}}}),t({__name:"DemoInput2",setup(e){const l=u({email:"",website:"",address:""}),n=u({protocol:"https://",domain:".com",city:"New York"}),t={cities:[{label:"New York",value:"New York"},{label:"London",value:"London"},{label:"Tokyo",value:"Tokyo"},{label:"Berlin",value:"Berlin"},{label:"Canberra",value:"Canberra"}],protocols:[{label:"http://",value:"http://"},{label:"https://",value:"https://"}],domains:[{label:".com",value:".com"},{label:".cn",value:".cn"},{label:".org",value:".org"},{label:".net",value:".net"}]};function o(){return{".com":"The common top-level domain for commercial websites",".cn":"The national top-level domain for China",".org":"Domain for non-profit organizations",".net":"Domain for network service providers"}[n.domain]}function r(){return"https://"===n.protocol?"Secure encrypted hypertext transfer protocol":"Standard hypertext transfer protocol"}return(e,u)=>{const m=a("lew-input"),x=a("lew-flex");return s(),p(x,{gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(m,{modelValue:i(l).email,"onUpdate:modelValue":u[0]||(u[0]=e=>i(l).email=e),"auto-width":"","min-width":"180px",clearable:"",suffix:"text","suffix-value":"@gmail.com",placeholder:"Please enter your email"},null,8,["modelValue"]),c(m,{modelValue:i(l).website,"onUpdate:modelValue":u[1]||(u[1]=e=>i(l).website=e),"prefix-value":i(n).protocol,"onUpdate:prefixValue":u[2]||(u[2]=e=>i(n).protocol=e),"suffix-value":i(n).domain,"onUpdate:suffixValue":u[3]||(u[3]=e=>i(n).domain=e),prefixes:"select","prefixes-options":t.protocols,suffix:"select",width:"500px","suffix-options":t.domains,"suffix-tooltip":o,"prefixes-tooltip":r,placeholder:"Please enter the website name"},null,8,["modelValue","prefix-value","suffix-value","prefixes-options","suffix-options"]),c(m,{modelValue:i(l).address,"onUpdate:modelValue":u[4]||(u[4]=e=>i(l).address=e),"prefix-value":i(n).city,"onUpdate:prefixValue":u[5]||(u[5]=e=>i(n).city=e),prefixes:"select",width:"500px","prefixes-options":t.cities,placeholder:"Please enter the detailed address"},null,8,["modelValue","prefix-value","prefixes-options"])]),_:1})}}}),t({__name:"DemoInput3",setup(e){const l=o(""),n=o(50);return(e,t)=>{const o=a("lew-input"),u=a("lew-flex");return s(),p(u,{gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(o,{modelValue:i(l),"onUpdate:modelValue":t[0]||(t[0]=e=>r(l)?l.value=e:null),width:"300px",placeholder:"Please enter content",clearable:"","show-count":"","max-length":i(n)},null,8,["modelValue","max-length"]),c(o,{modelValue:i(l),"onUpdate:modelValue":t[1]||(t[1]=e=>r(l)?l.value=e:null),width:"300px",placeholder:"Please enter content","show-count":""},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInput4",setup(e){const l=o("这是左对齐文本"),n=o("这是居中对齐文本"),t=o("这是右对齐文本");return(e,o)=>{const u=a("lew-input"),m=a("lew-flex");return s(),p(m,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(u,{modelValue:i(l),"onUpdate:modelValue":o[0]||(o[0]=e=>r(l)?l.value=e:null),align:"left",placeholder:"左对齐输入框"},null,8,["modelValue"]),c(u,{modelValue:i(n),"onUpdate:modelValue":o[1]||(o[1]=e=>r(n)?n.value=e:null),align:"center",placeholder:"居中对齐输入框"},null,8,["modelValue"]),c(u,{modelValue:i(t),"onUpdate:modelValue":o[2]||(o[2]=e=>r(t)?t.value=e:null),align:"right",placeholder:"右对齐输入框"},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInput5",setup(e){const l=o("");return(e,n)=>{const t=a("lew-input"),o=a("lew-flex");return s(),p(o,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(t,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>r(l)?l.value=e:null),type:"password",placeholder:"密码可见","show-password":"","max-length":30},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInput6",setup(e){const l=o("");return(e,n)=>{const t=a("lew-input"),o=a("lew-flex");return s(),p(o,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(t,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>r(l)?l.value=e:null),"auto-width":"","min-width":"100",placeholder:"请输入"},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInput7",setup(e){const l=o("聚集后选中文本");return(e,n)=>{const t=a("lew-input"),o=a("lew-flex");return s(),p(o,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(t,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>r(l)?l.value=e:null),"select-by-focus":""},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInput8",setup(e){const l=o("这是一段文本");return(e,n)=>{const t=a("lew-input"),o=a("lew-flex");return s(),p(o,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(t,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>r(l)?l.value=e:null),clearable:""},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInput9",setup(e){const l=o("这是只读状态");return(e,n)=>{const t=a("lew-input"),o=a("lew-flex");return s(),p(o,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(t,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>r(l)?l.value=e:null),placeholder:"只读",readonly:"",copyable:""},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInput10",setup(e){const l=o("这是禁用状态");return(e,n)=>{const t=a("lew-input"),o=a("lew-flex");return s(),p(o,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(t,{modelValue:i(l),"onUpdate:modelValue":n[0]||(n[0]=e=>r(l)?l.value=e:null),disabled:""},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInput11",setup(e){const l=o("");function n(e){LewMessage.success(`输入的内容为：${e}`)}return(e,t)=>{const o=a("lew-input"),u=a("lew-flex");return s(),p(u,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:d(()=>[c(o,{modelValue:i(l),"onUpdate:modelValue":t[0]||(t[0]=e=>r(l)?l.value=e:null),"ok-by-enter":"",clearable:"",onOk:n},null,8,["modelValue"])]),_:1})}}})],T=['<script setup lang="ts">\nconst modelValue = ref(\'\')\n<\/script>\n\n<template>\n  <lew-input v-model="modelValue" width="300px" clearable />\n</template>\n',"<script setup lang=\"ts\">\nconst inputValues = reactive({\n  email: '',\n  website: '',\n  address: '',\n})\n\nconst selectValues = reactive({\n  protocol: 'https://',\n  domain: '.com',\n  city: 'New York',\n})\n\nconst options = {\n  cities: [\n    { label: 'New York', value: 'New York' },\n    { label: 'London', value: 'London' },\n    { label: 'Tokyo', value: 'Tokyo' },\n    { label: 'Berlin', value: 'Berlin' },\n    { label: 'Canberra', value: 'Canberra' },\n  ],\n  protocols: [\n    { label: 'http://', value: 'http://' },\n    { label: 'https://', value: 'https://' },\n  ],\n  domains: [\n    { label: '.com', value: '.com' },\n    { label: '.cn', value: '.cn' },\n    { label: '.org', value: '.org' },\n    { label: '.net', value: '.net' },\n  ],\n}\n\nfunction getSuffixTooltip() {\n  const domainDesc = {\n    '.com': 'The common top-level domain for commercial websites',\n    '.cn': 'The national top-level domain for China',\n    '.org': 'Domain for non-profit organizations',\n    '.net': 'Domain for network service providers',\n  }[selectValues.domain]\n\n  return domainDesc\n}\n\nfunction getPrefixesTooltip() {\n  const protocolDesc\n    = selectValues.protocol === 'https://'\n      ? 'Secure encrypted hypertext transfer protocol'\n      : 'Standard hypertext transfer protocol'\n\n  return protocolDesc\n}\n<\/script>\n\n<template>\n  <lew-flex gap=\"20px\" x=\"start\" direction=\"y\">\n    <lew-input\n      v-model=\"inputValues.email\"\n      auto-width\n      min-width=\"180px\"\n      clearable\n      suffix=\"text\"\n      suffix-value=\"@gmail.com\"\n      placeholder=\"Please enter your email\"\n    />\n    <lew-input\n      v-model=\"inputValues.website\"\n      v-model:prefix-value=\"selectValues.protocol\"\n      v-model:suffix-value=\"selectValues.domain\"\n      prefixes=\"select\"\n      :prefixes-options=\"options.protocols\"\n      suffix=\"select\"\n      width=\"500px\"\n      :suffix-options=\"options.domains\"\n      :suffix-tooltip=\"getSuffixTooltip\"\n      :prefixes-tooltip=\"getPrefixesTooltip\"\n      placeholder=\"Please enter the website name\"\n    />\n    <lew-input\n      v-model=\"inputValues.address\"\n      v-model:prefix-value=\"selectValues.city\"\n      prefixes=\"select\"\n      width=\"500px\"\n      :prefixes-options=\"options.cities\"\n      placeholder=\"Please enter the detailed address\"\n    />\n  </lew-flex>\n</template>\n",'<script setup lang="ts">\nconst inputValue = ref(\'\')\nconst maxLength = ref(50)\n<\/script>\n\n<template>\n  <lew-flex gap="20px" x="start" direction="y">\n    <lew-input\n      v-model="inputValue"\n      width="300px"\n      placeholder="Please enter content"\n      clearable\n      show-count\n      :max-length="maxLength"\n    />\n    <lew-input\n      v-model="inputValue"\n      width="300px"\n      placeholder="Please enter content"\n      show-count\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst leftAlignedText = ref(\'这是左对齐文本\')\nconst centeredText = ref(\'这是居中对齐文本\')\nconst rightAlignedText = ref(\'这是右对齐文本\')\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-input\n      v-model="leftAlignedText"\n      align="left"\n      placeholder="左对齐输入框"\n    />\n    <lew-input\n      v-model="centeredText"\n      align="center"\n      placeholder="居中对齐输入框"\n    />\n    <lew-input\n      v-model="rightAlignedText"\n      align="right"\n      placeholder="右对齐输入框"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst v = ref(\'\')\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-input\n      v-model="v"\n      type="password"\n      placeholder="密码可见"\n      show-password\n      :max-length="30"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst username = ref(\'\')\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-input\n      v-model="username"\n      auto-width\n      min-width="100"\n      placeholder="请输入"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst v = ref(\'聚集后选中文本\')\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-input v-model="v" select-by-focus />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst v = ref(\'这是一段文本\')\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-input v-model="v" clearable />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst v = ref(\'这是只读状态\')\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-input v-model="v" placeholder="只读" readonly copyable />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst v = ref(\'这是禁用状态\')\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-input v-model="v" disabled />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst v = ref(\'\')\nfunction ok(v: string) {\n  LewMessage.success(`输入的内容为：${v}`)\n}\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-input v-model="v" ok-by-enter clearable @ok="ok" />\n  </lew-flex>\n</template>\n'],k={class:"demo-wrapper"},U=t({__name:"DemoInput",setup(t){const a=m().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),p=o(Object.keys(_).map(e=>_[e]));return(t,o)=>(s(),x("div",k,[c(e),c(l,{"demo-group":i(D),"code-group":i(T),"component-name":i(a),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),c(n,{options:i(p)},null,8,["options"])]))}});export{U as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as l}from"./LewDocsTables-BEtkuNGi.js";import{d as o,a2 as t,am as i,a as s,J as a,a3 as c,a6 as r,u as p,N as d,bH as u,bI as g,bJ as m,bg as b,bK as h,bh as w,bi as f,br as v,bL as k,ab as x,ac as _,a9 as C,bf as L,_ as y}from"./.pnpm-CZLWBssD.js";import{c as M,a as S}from"./utils-CLdZaKTe.js";import{ae as P,af as z,ag as O}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:M(P)},j={title:"Props",columnsKey:"props",orderNum:1,data:S(z)},T=Object.freeze(Object.defineProperty({__proto__:null,emits:D,props:j},Symbol.toStringTag,{value:"Module"})),I=[o({__name:"DemoDropdown1",setup(e){const n=t([{label:"Edit Profile",onClick:()=>{LewMessage.info("Edit Profile")}},{label:"Account Settings",onClick:()=>{LewMessage.info("Account Settings")}},{isDividerLine:!0},{label:"Notifications",onClick:()=>{LewMessage.info("Notifications")}},{label:"Sign Out",onClick:()=>{LewMessage.info("Sign Out")}}]);return(e,l)=>{const o=i("lew-button"),t=i("lew-dropdown"),d=i("lew-flex");return a(),s(d,{gap:"30",x:"start"},{default:c(()=>[r(t,{options:p(n)},{default:c(()=>[r(o,{text:"Hover",type:"fill"})]),_:1},8,["options"]),r(t,{options:p(n),trigger:"click"},{default:c(()=>[r(o,{text:"Click",type:"ghost"})]),_:1},8,["options"])]),_:1})}}}),o({__name:"DemoDropdown2",setup(e){const n=t([{label:"Profile",icon:d(u,{size:14})},{label:"Settings",icon:d(b,{size:14}),children:[{label:"Change Password",icon:d(g,{size:14})},{label:"Privacy Settings",icon:d(g,{size:14})},{label:"Notification Settings",icon:d(m,{size:14})}]},{label:"Messages",icon:d(h,{size:14})},{isDividerLine:!0},{label:"Theme",icon:d(f,{size:14}),children:[{label:"Light Mode",checkable:!0,checked:!0,icon:d(w,{size:14}),onClick:()=>{l("Light Mode")}},{label:"Dark Mode",checkable:!0,checked:!1,icon:d(f,{size:14}),onClick:()=>{l("Dark Mode")}},{label:"System",checkable:!0,checked:!1,icon:d(v,{size:14}),onClick:()=>{l("System")}}]},{isDividerLine:!0},{label:"Sign Out",icon:d(k,{size:14})}]);function l(e){const l=n.value.findIndex(e=>"Theme"===e.label);if(-1!==l&&n.value[l].children){const o=n.value[l].children.map(n=>n.checkable?{...n,checked:n.label===e}:n),t=n.value.map((e,n)=>n===l?{...e,children:o}:e);n.value=t}}return(e,l)=>{const o=i("lew-avatar"),t=i("lew-dropdown"),d=i("lew-flex");return a(),s(d,{gap:"30",x:"start"},{default:c(()=>[r(t,{options:p(n),placement:"bottom-start"},{default:c(()=>[r(o,{src:" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_4_7cwenb_.jpeg",status:"online",shape:"circle","status-placement":"top-left"})]),_:1},8,["options"])]),_:1})}}}),o({__name:"DemoDropdown3",setup(e){const n=t("Success"),l=t([{label:"Mac",value:"mac"},{label:"iPad",value:"ipad"},{label:"iPhone",value:"iphone"},{label:"Watch",value:"watch",disabled:!0},{label:"AirPods",value:"airpods"},{label:"TV & Home",value:"tv"}]),o=t([{label:"Success",value:"success",onClick:()=>{n.value="Success"},icon:d(O,{color:"green",style:{margin:"0 5px"}})},{label:"Failed",value:"failed",onClick:()=>{n.value="Failed"},icon:d(O,{color:"red",style:{margin:"0 5px"}})},{label:"Pending",value:"pending",onClick:()=>{n.value="Pending"},icon:d(O,{color:"yellow",style:{margin:"0 5px"}})},{label:"Processing",value:"processing",onClick:()=>{n.value="Processing"},icon:d(O,{color:"blue",processing:!0,style:{margin:"0 5px"}})}]),u={Success:"green",Failed:"red",Pending:"yellow",Processing:"blue"};function g(e){}return(e,t)=>{const d=i("lew-tag"),m=i("lew-dropdown"),b=i("lew-flex");return a(),s(b,{gap:"50",x:"start"},{default:c(()=>[r(m,{options:p(o),trigger:"click",onChange:g},{default:c(()=>[r(d,{style:{cursor:"pointer"},oversize:"",color:u[p(n)]},{default:c(()=>[x(_(p(n)),1)]),_:1},8,["color"])]),_:1},8,["options"]),r(m,{placement:"bottom-start",options:p(l)},{default:c(()=>t[0]||(t[0]=[C("div",null,"More Products",-1)])),_:1,__:[0]},8,["options"])]),_:1})}}})],N=['<script setup lang="ts">\nimport type { LewContextMenusOption } from \'lew-ui\'\n\nconst options = ref<LewContextMenusOption[]>([\n  {\n    label: \'Edit Profile\',\n    onClick: () => {\n      LewMessage.info(\'Edit Profile\')\n    },\n  },\n  {\n    label: \'Account Settings\',\n    onClick: () => {\n      LewMessage.info(\'Account Settings\')\n    },\n  },\n  {\n    isDividerLine: true,\n  },\n  {\n    label: \'Notifications\',\n    onClick: () => {\n      LewMessage.info(\'Notifications\')\n    },\n  },\n  {\n    label: \'Sign Out\',\n    onClick: () => {\n      LewMessage.info(\'Sign Out\')\n    },\n  },\n])\n<\/script>\n\n<template>\n  <lew-flex gap="30" x="start">\n    <lew-dropdown :options="options">\n      <lew-button text="Hover" type="fill" />\n    </lew-dropdown>\n    <lew-dropdown :options="options" trigger="click">\n      <lew-button text="Click" type="ghost" />\n    </lew-dropdown>\n  </lew-flex>\n</template>\n',"<script setup lang=\"ts\">\nimport {\n  Bell,\n  Lock,\n  LogOut,\n  MessageCircle,\n  Monitor,\n  Moon,\n  Settings,\n  Sun,\n  User,\n} from 'lucide-vue-next'\n\nconst options = ref<any[]>([\n  {\n    label: 'Profile',\n    icon: h(User, { size: 14 }),\n  },\n  {\n    label: 'Settings',\n    icon: h(Settings, { size: 14 }),\n    children: [\n      {\n        label: 'Change Password',\n        icon: h(Lock, { size: 14 }),\n      },\n      {\n        label: 'Privacy Settings',\n        icon: h(Lock, { size: 14 }),\n      },\n      {\n        label: 'Notification Settings',\n        icon: h(Bell, { size: 14 }),\n      },\n    ],\n  },\n  {\n    label: 'Messages',\n    icon: h(MessageCircle, { size: 14 }),\n  },\n  {\n    isDividerLine: true,\n  },\n  {\n    label: 'Theme',\n    icon: h(Moon, { size: 14 }),\n    children: [\n      {\n        label: 'Light Mode',\n        checkable: true,\n        checked: true,\n        icon: h(Sun, { size: 14 }),\n        onClick: () => {\n          setTheme('Light Mode')\n        },\n      },\n      {\n        label: 'Dark Mode',\n        checkable: true,\n        checked: false,\n        icon: h(Moon, { size: 14 }),\n        onClick: () => {\n          setTheme('Dark Mode')\n        },\n      },\n      {\n        label: 'System',\n        checkable: true,\n        checked: false,\n        icon: h(Monitor, { size: 14 }),\n        onClick: () => {\n          setTheme('System')\n        },\n      },\n    ],\n  },\n  {\n    isDividerLine: true,\n  },\n  {\n    label: 'Sign Out',\n    icon: h(LogOut, { size: 14 }),\n  },\n])\n\nfunction setTheme(label: string) {\n  // 找到label Theme 的item的索引\n  const themeIndex = options.value.findIndex(item => item.label === 'Theme')\n  if (themeIndex !== -1 && options.value[themeIndex].children) {\n    // 创建新的children数组以保持响应式\n    const newChildren = options.value[themeIndex].children!.map(\n      (child: any) => {\n        if (child.checkable) {\n          return {\n            ...child,\n            checked: child.label === label,\n          }\n        }\n        return child\n      },\n    )\n\n    // 更新整个options数组以触发响应式更新\n    const newOptions = options.value.map((item, index) => {\n      if (index === themeIndex) {\n        return {\n          ...item,\n          children: newChildren,\n        }\n      }\n      return item\n    })\n    options.value = newOptions\n  }\n}\n<\/script>\n\n<template>\n  <lew-flex gap=\"30\" x=\"start\">\n    <lew-dropdown :options=\"options\" placement=\"bottom-start\">\n      <lew-avatar\n        src=\" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_4_7cwenb_.jpeg\"\n        status=\"online\"\n        shape=\"circle\"\n        status-placement=\"top-left\"\n      />\n    </lew-dropdown>\n  </lew-flex>\n</template>\n","<script setup lang=\"ts\">\nimport type { LewContextMenusOption } from 'lew-ui'\nimport { LewBadge } from 'lew-ui'\n\nconst status = ref('Success')\n\nconst productOptions = ref([\n  {\n    label: 'Mac',\n    value: 'mac',\n  },\n  {\n    label: 'iPad',\n    value: 'ipad',\n  },\n  {\n    label: 'iPhone',\n    value: 'iphone',\n  },\n  {\n    label: 'Watch',\n    value: 'watch',\n    disabled: true,\n  },\n  {\n    label: 'AirPods',\n    value: 'airpods',\n  },\n  {\n    label: 'TV & Home',\n    value: 'tv',\n  },\n])\n\nconst statusOptions = ref([\n  {\n    label: 'Success',\n    value: 'success',\n    onClick: () => {\n      status.value = 'Success'\n    },\n    icon: h(LewBadge, {\n      color: 'green',\n      style: {\n        margin: '0 5px',\n      },\n    }),\n  },\n  {\n    label: 'Failed',\n    value: 'failed',\n    onClick: () => {\n      status.value = 'Failed'\n    },\n    icon: h(LewBadge, {\n      color: 'red',\n      style: {\n        margin: '0 5px',\n      },\n    }),\n  },\n  {\n    label: 'Pending',\n    value: 'pending',\n    onClick: () => {\n      status.value = 'Pending'\n    },\n    icon: h(LewBadge, {\n      color: 'yellow',\n      style: {\n        margin: '0 5px',\n      },\n    }),\n  },\n  {\n    label: 'Processing',\n    value: 'processing',\n    onClick: () => {\n      status.value = 'Processing'\n    },\n    icon: h(LewBadge, {\n      color: 'blue',\n      processing: true,\n      style: {\n        margin: '0 5px',\n      },\n    }),\n  },\n])\n\nconst colorMap: Record<string, string> = {\n  Success: 'green',\n  Failed: 'red',\n  Pending: 'yellow',\n  Processing: 'blue',\n}\n\nfunction handleChange(e: LewContextMenusOption) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-flex gap=\"50\" x=\"start\">\n    <lew-dropdown :options=\"statusOptions\" trigger=\"click\" @change=\"handleChange\">\n      <lew-tag style=\"cursor: pointer\" oversize :color=\"colorMap[status]\">\n        {{ status }}\n      </lew-tag>\n    </lew-dropdown>\n\n    <lew-dropdown placement=\"bottom-start\" :options=\"productOptions\">\n      <div>More Products</div>\n    </lew-dropdown>\n  </lew-flex>\n</template>\n"],A={class:"demo-wrapper"},B=o({__name:"DemoDropdown",setup(o){const i=L().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=t(Object.keys(T).map(e=>T[e]));return(o,t)=>(a(),y("div",A,[r(e),r(n,{"demo-group":p(I),"code-group":p(N),"component-name":p(i),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),r(l,{options:p(s)},null,8,["options"])]))}});export{B as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as l}from"./LewDocsTables-BEtkuNGi.js";import{d as o,a2 as t,am as i,_ as s,J as a,a7 as r,a6 as c,a3 as p,ab as d,u,aE as m,a9 as v,bg as f,bf as b}from"./.pnpm-CZLWBssD.js";import{c as x,a as w}from"./utils-CLdZaKTe.js";import{aY as g,aZ as h,a_ as y,_ as k}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const _={title:"Emits",columnsKey:"emits",orderNum:99,data:x(g)},P={title:"Model",columnsKey:"model",orderNum:1,data:w(h)},z={title:"Props",columnsKey:"props",orderNum:10,data:w(y)},S=Object.freeze(Object.defineProperty({__proto__:null,emits:_,model:P,props:z},Symbol.toStringTag,{value:"Module"})),q={class:"lew-modal-body"},A={class:"share-content"},D={class:"share-options"},C={class:"option"},j={class:"option"},T={class:"modal-body"},L={class:"product-container"},I={class:"product-info"},M={class:"modal-body"},U={class:"assembly-container"},B=[k(o({__name:"DemoModal1",setup(e){const n=t(!1);function l(){n.value=!1}function o(){n.value=!1}return(e,t)=>{const f=i("lew-button"),b=i("lew-flex"),x=i("lew-modal");return a(),s(r,null,[c(b,{x:"start"},{default:p(()=>[c(f,{type:"light",onClick:t[0]||(t[0]=e=>n.value=!0)},{default:p(()=>t[2]||(t[2]=[d(" View Profile ")])),_:1,__:[2]})]),_:1}),c(x,{visible:u(n),"onUpdate:visible":t[1]||(t[1]=e=>m(n)?n.value=e:null),"close-on-click-overlay":"","close-by-esc":"",width:"500px",title:"User Profile","close-button-props":{request:o},"ok-button-props":{request:l}},{default:p(()=>t[3]||(t[3]=[v("div",{class:"modal-body"},[v("div",{class:"profile-container"},[v("div",{class:"profile-info"},[v("h2",null,"John Doe"),v("p",{class:"role"}," Senior Developer "),v("div",{class:"details"},[v("p",null,"Email: john.doe@example.com"),v("p",null,"Location: San Francisco, CA"),v("p",null,"Department: Engineering")])])])],-1)])),_:1,__:[3]},8,["visible","close-button-props","ok-button-props"])],64)}}}),[["__scopeId","data-v-48afbf53"]]),k(o({__name:"DemoModal2",setup(e){const n=t(!1);function l(){return new Promise(e=>{setTimeout(()=>{e(!0),n.value=!1},3e3)})}function o(){n.value=!1}return(e,t)=>{const f=i("lew-button"),b=i("lew-flex"),x=i("lew-modal");return a(),s(r,null,[c(b,{x:"start"},{default:p(()=>[c(f,{type:"ghost",color:"danger",onClick:t[0]||(t[0]=e=>n.value=!0)},{default:p(()=>t[2]||(t[2]=[d(" Delete Account ")])),_:1,__:[2]})]),_:1}),c(x,{visible:u(n),"onUpdate:visible":t[1]||(t[1]=e=>m(n)?n.value=e:null),"close-on-click-overlay":"",width:"420px",title:"Delete Account","ok-button-props":{request:l,color:"danger",text:"Delete"},"close-button-props":{request:o,text:"Cancel"}},{default:p(()=>t[3]||(t[3]=[v("div",{class:"modal-body"},[v("div",{class:"warning-icon"}," ⚠️ "),v("div",{class:"warning-text"},[v("h3",null,"Are you sure you want to delete your account?"),v("p",null," This action cannot be undone. All your data will be permanently deleted. "),v("p",{class:"note"}," This dialog will close automatically in 3 seconds after confirmation. ")])],-1)])),_:1,__:[3]},8,["visible","ok-button-props","close-button-props"])],64)}}}),[["__scopeId","data-v-b1230baa"]]),k(o({__name:"DemoModal3",setup(e){const n=t(!1),l=t(!1),o=t(!1);function f(){return new Promise(()=>{setTimeout(()=>{n.value=!1},1e3)})}function b(){n.value=!1}return(e,t)=>{const x=i("lew-button"),w=i("lew-flex"),g=i("lew-tag"),h=i("lew-checkbox"),y=i("lew-modal");return a(),s(r,null,[c(w,{x:"start"},{default:p(()=>[c(x,{type:"ghost",onClick:t[0]||(t[0]=e=>n.value=!0)},{default:p(()=>t[4]||(t[4]=[d(" Share Document ")])),_:1,__:[4]})]),_:1}),c(y,{visible:u(n),"onUpdate:visible":t[3]||(t[3]=e=>m(n)?n.value=e:null),"close-on-click-overlay":"",width:"550px","ok-button-props":{request:f},"close-button-props":{request:b}},{header:p(()=>[c(w,{x:"start",class:"lew-modal-header"},{default:p(()=>[c(g,{color:"blue"},{default:p(()=>t[5]||(t[5]=[d(" Share ")])),_:1,__:[5]}),t[6]||(t[6]=d(" Share Document "))]),_:1,__:[6]})]),footer:p(()=>[c(w,{x:"end",y:"center",class:"lew-modal-footer"},{default:p(()=>[c(w,{x:"start",gap:"5px",class:"lew-modal-footer-tips"},{default:p(()=>t[8]||(t[8]=[d(" Changes will be applied immediately ")])),_:1,__:[8]}),c(w,{x:"end",y:"center",gap:"8"},{default:p(()=>[c(x,{type:"text",color:"gray",request:b,size:"small"},{default:p(()=>t[9]||(t[9]=[d(" Cancel ")])),_:1,__:[9]}),c(x,{request:f,size:"small"},{default:p(()=>t[10]||(t[10]=[d(" Share ")])),_:1,__:[10]})]),_:1})]),_:1})]),default:p(()=>[v("div",q,[v("div",A,[t[7]||(t[7]=v("p",{class:"description"}," Share this document with your team members. They will receive an email notification with access to the document. ",-1)),v("div",D,[v("div",C,[c(h,{modelValue:u(l),"onUpdate:modelValue":t[1]||(t[1]=e=>m(l)?l.value=e:null),label:"Allow editing"},null,8,["modelValue"])]),v("div",j,[c(h,{modelValue:u(o),"onUpdate:modelValue":t[2]||(t[2]=e=>m(o)?o.value=e:null),label:"Send email notification"},null,8,["modelValue"])])])])])]),_:1},8,["visible","ok-button-props","close-button-props"])],64)}}}),[["__scopeId","data-v-900903b9"]]),k(o({__name:"DemoModal4",setup(e){const n=t(!1);return(e,l)=>{const o=i("lew-button"),t=i("lew-flex"),b=i("lew-modal");return a(),s(r,null,[c(t,{x:"start"},{default:p(()=>[c(o,{type:"fill",onClick:l[0]||(l[0]=e=>n.value=!0)},{default:p(()=>[c(u(f),{size:16}),l[2]||(l[2]=d(" System Preferences "))]),_:1,__:[2]})]),_:1}),c(b,{visible:u(n),"onUpdate:visible":l[1]||(l[1]=e=>m(n)?n.value=e:null),"close-on-click-overlay":"","close-by-esc":"",width:"420px",title:"System Preferences","close-button-props":{request:()=>{n.value=!1}},"ok-button-props":{request:()=>{n.value=!1}}},{default:p(()=>l[3]||(l[3]=[v("div",{class:"modal-body"},[v("div",{class:"preferences-content"},[v("div",{class:"preference-item"},[v("div",{class:"preference-icon"}," 🔔 "),v("div",{class:"preference-info"},[v("h3",null,"Notifications"),v("p",null,"Manage how you receive notifications and alerts")])]),v("div",{class:"preference-item"},[v("div",{class:"preference-icon"}," 🔒 "),v("div",{class:"preference-info"},[v("h3",null,"Security"),v("p",null,"Configure security settings and privacy options")])]),v("div",{class:"preference-item"},[v("div",{class:"preference-icon"}," 🌙 "),v("div",{class:"preference-info"},[v("h3",null,"Appearance"),v("p",null,"Customize the look and feel of your interface")])])])],-1)])),_:1,__:[3]},8,["visible","close-button-props","ok-button-props"])],64)}}}),[["__scopeId","data-v-d48cdb69"]]),k(o({__name:"DemoModal5",setup(e){const n=t(!1),l=t(!1);function o(){return new Promise(e=>{setTimeout(()=>{n.value=!1,e(!0)},1e3)})}function f(){return new Promise(e=>{setTimeout(()=>{l.value=!1,e(!0)},1e3)})}function b(){return new Promise(e=>{setTimeout(()=>{n.value=!1,e(!0)},1e3)})}function x(){return new Promise(e=>{setTimeout(()=>{l.value=!1,e(!0)},1e3)})}return(e,t)=>{const w=i("lew-button"),g=i("lew-flex"),h=i("lew-image"),y=i("lew-modal");return a(),s(r,null,[c(g,{x:"start"},{default:p(()=>[c(w,{onClick:t[0]||(t[0]=e=>n.value=!0)},{default:p(()=>t[4]||(t[4]=[d(" Product Details ")])),_:1,__:[4]})]),_:1}),c(y,{visible:u(n),"onUpdate:visible":t[2]||(t[2]=e=>m(n)?n.value=e:null),"close-on-click-overlay":"","close-by-esc":"",width:"1000px",title:"BILLY Bookcase","close-button-props":{request:b},"ok-button-props":{request:o}},{default:p(()=>[v("div",T,[v("div",L,[c(h,{"preview-group-key":"cover","object-position":"top",width:"500px",height:618.5,src:"https://www.ikea.com/ext/ingkadam/m/25a9522d6281b1e6/original/PH198117.JPG?f=xl"}),v("div",I,[t[6]||(t[6]=v("h2",null,"BILLY Bookcase",-1)),t[7]||(t[7]=v("p",{class:"price"}," $69.99 ",-1)),t[8]||(t[8]=v("div",{class:"description"},[v("p",null,'Height: 79 1/2"'),v("p",null,'Width: 31 1/2"'),v("p",null,'Depth: 11"'),v("p",null,"Material: Particleboard, Paper foil")],-1)),t[9]||(t[9]=v("div",{class:"features"},[v("h3",null,"Product Features"),v("ul",null,[v("li",null,"Adjustable shelves"),v("li",null,"Can be extended with additional units"),v("li",null,"Perfect for books, decorative items, and more")])],-1)),c(g,{x:"start"},{default:p(()=>[c(w,{onClick:t[1]||(t[1]=e=>l.value=!0)},{default:p(()=>t[5]||(t[5]=[d(" Assembly Guide ")])),_:1,__:[5]})]),_:1})])])])]),_:1},8,["visible","close-button-props","ok-button-props"]),c(y,{visible:u(l),"onUpdate:visible":t[3]||(t[3]=e=>m(l)?l.value=e:null),"close-on-click-overlay":"","close-by-esc":"",width:"400px",title:"Assembly Guide","ok-button-props":{request:f},"close-button-props":{request:x}},{default:p(()=>[v("div",M,[v("div",U,[c(h,{"preview-group-key":"cover","object-position":"top",width:"100%",height:200,src:"https://www.ikea.com/ext/ingkadam/m/626443a5d2937a9/original/PH189246.jpg?f=xs"}),t[10]||(t[10]=v("div",{class:"assembly-steps"},[v("h3",null,"Assembly Steps"),v("ol",null,[v("li",null,"Attach back panel"),v("li",null,"Install shelves"),v("li",null,"Add door (optional)"),v("li",null,"Secure to wall")])],-1))])])]),_:1},8,["visible","ok-button-props","close-button-props"])],64)}}}),[["__scopeId","data-v-ff1639c0"]])],V=['<script setup lang="ts">\nconst visible = ref(false)\n\nfunction handleOk() {\n  visible.value = false\n}\n\nfunction handleClose() {\n  visible.value = false\n}\n<\/script>\n\n<template>\n  <lew-flex x="start">\n    <lew-button type="light" @click="visible = true">\n      View Profile\n    </lew-button>\n  </lew-flex>\n  <lew-modal\n    v-model:visible="visible"\n    close-on-click-overlay\n    close-by-esc\n    width="500px"\n    title="User Profile"\n    :close-button-props="{\n      request: handleClose,\n    }"\n    :ok-button-props="{\n      request: handleOk,\n    }"\n  >\n    <div class="modal-body">\n      <div class="profile-container">\n        <div class="profile-info">\n          <h2>John Doe</h2>\n          <p class="role">\n            Senior Developer\n          </p>\n          <div class="details">\n            <p>Email: john.doe@example.com</p>\n            <p>Location: San Francisco, CA</p>\n            <p>Department: Engineering</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </lew-modal>\n</template>\n\n<style lang="scss" scoped>\n.modal-body {\n  width: 100%;\n  padding: 20px;\n  box-sizing: border-box;\n}\n\n.profile-container {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.profile-info {\n  h2 {\n    font-size: 24px;\n    margin-bottom: 8px;\n    color: var(--lew-text-color-0);\n  }\n\n  .role {\n    font-size: 16px;\n    color: var(--lew-color-primary);\n    margin-bottom: 16px;\n  }\n\n  .details {\n    p {\n      margin: 8px 0;\n      color: var(--lew-text-color-2);\n    }\n  }\n}\n</style>\n','<script setup lang="ts">\nconst visible = ref(false)\nfunction ok() {\n  return new Promise<void>((resolve: any) => {\n    setTimeout(() => {\n      resolve(true)\n      visible.value = false\n    }, 3000)\n  })\n}\n\nfunction close() {\n  visible.value = false\n}\n<\/script>\n\n<template>\n  <lew-flex x="start">\n    <lew-button type="ghost" color="danger" @click="visible = true">\n      Delete Account\n    </lew-button>\n  </lew-flex>\n  <lew-modal\n    v-model:visible="visible"\n    close-on-click-overlay\n    width="420px"\n    title="Delete Account"\n    :ok-button-props="{\n      request: ok,\n      color: \'danger\',\n      text: \'Delete\',\n    }"\n    :close-button-props="{\n      request: close,\n      text: \'Cancel\',\n    }"\n  >\n    <div class="modal-body">\n      <div class="warning-icon">\n        ⚠️\n      </div>\n      <div class="warning-text">\n        <h3>Are you sure you want to delete your account?</h3>\n        <p>\n          This action cannot be undone. All your data will be permanently\n          deleted.\n        </p>\n        <p class="note">\n          This dialog will close automatically in 3 seconds after confirmation.\n        </p>\n      </div>\n    </div>\n  </lew-modal>\n</template>\n\n<style lang="scss" scoped>\n.modal-body {\n  width: 100%;\n  height: 100%;\n  max-height: 400px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 32px;\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.warning-icon {\n  font-size: 40px;\n  margin-bottom: 20px;\n  opacity: 0.9;\n}\n\n.warning-text {\n  h3 {\n    color: var(--lew-text-color-0);\n    font-size: 17px;\n    font-weight: 500;\n    margin-bottom: 12px;\n    letter-spacing: -0.01em;\n  }\n\n  p {\n    color: var(--lew-text-color-2);\n    line-height: 1.5;\n    margin-bottom: 10px;\n    font-size: 14px;\n    letter-spacing: -0.01em;\n  }\n\n  .note {\n    font-size: 12px;\n    color: var(--lew-text-color-3);\n    font-style: normal;\n    opacity: 0.8;\n  }\n}\n</style>\n','<script setup lang="ts">\nconst visible = ref(false)\nconst edit = ref(false)\nconst notify = ref(false)\nfunction ok() {\n  return new Promise<void>(() => {\n    setTimeout(() => {\n      visible.value = false\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 type="ghost" @click="visible = true">\n      Share Document\n    </lew-button>\n  </lew-flex>\n  <lew-modal\n    v-model:visible="visible"\n    close-on-click-overlay\n    width="550px"\n    :ok-button-props="{ request: ok }"\n    :close-button-props="{ request: close }"\n  >\n    <template #header>\n      <lew-flex x="start" class="lew-modal-header">\n        <lew-tag color="blue">\n          Share\n        </lew-tag>\n        Share Document\n      </lew-flex>\n    </template>\n    <div class="lew-modal-body">\n      <div class="share-content">\n        <p class="description">\n          Share this document with your team members. They will receive an email\n          notification with access to the document.\n        </p>\n        <div class="share-options">\n          <div class="option">\n            <lew-checkbox v-model="edit" label="Allow editing" />\n          </div>\n          <div class="option">\n            <lew-checkbox v-model="notify" label="Send email notification" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <template #footer>\n      <lew-flex x="end" y="center" class="lew-modal-footer">\n        <lew-flex x="start" gap="5px" class="lew-modal-footer-tips">\n          Changes will be applied immediately\n        </lew-flex>\n        <lew-flex x="end" y="center" gap="8">\n          <lew-button type="text" color="gray" :request="close" size="small">\n            Cancel\n          </lew-button>\n          <lew-button :request="ok" size="small">\n            Share\n          </lew-button>\n        </lew-flex>\n      </lew-flex>\n    </template>\n  </lew-modal>\n</template>\n\n<style lang="scss" scoped>\n.lew-modal-body {\n  width: 100%;\n  height: 100%;\n  max-height: 400px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  padding: 24px;\n  box-sizing: border-box;\n}\n\n.lew-modal-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: 60px;\n  font-size: 20px;\n  font-weight: 600;\n  padding: 0 24px;\n  color: var(--lew-text-color-0);\n}\n\n.share-content {\n  .description {\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--lew-text-color-2);\n    margin-bottom: 24px;\n  }\n\n  .share-options {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    .option {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n\n      input[type=\'checkbox\'] {\n        width: 16px;\n        height: 16px;\n        border-radius: 4px;\n        border: 1px solid var(--lew-border-color);\n        cursor: pointer;\n      }\n\n      label {\n        font-size: 14px;\n        color: var(--lew-text-color-1);\n        cursor: pointer;\n      }\n    }\n  }\n}\n\n.lew-modal-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 24px;\n  border-top: 1px solid var(--lew-border-color);\n}\n\n.lew-modal-footer-tips {\n  font-size: 13px;\n  font-weight: normal;\n  color: var(--lew-text-color-3);\n}\n</style>\n','<script setup lang="ts">\nimport { Settings } from \'lucide-vue-next\'\n\nconst visible = ref(false)\n<\/script>\n\n<template>\n  <lew-flex x="start">\n    <lew-button type="fill" @click="visible = true">\n      <Settings :size="16" />\n      System Preferences\n    </lew-button>\n  </lew-flex>\n  <lew-modal\n    v-model:visible="visible"\n    close-on-click-overlay\n    close-by-esc\n    width="420px"\n    title="System Preferences"\n    :close-button-props="{\n      request: () => {\n        visible = false\n      },\n    }"\n    :ok-button-props="{\n      request: () => {\n        visible = false\n      },\n    }"\n  >\n    <div class="modal-body">\n      <div class="preferences-content">\n        <div class="preference-item">\n          <div class="preference-icon">\n            🔔\n          </div>\n          <div class="preference-info">\n            <h3>Notifications</h3>\n            <p>Manage how you receive notifications and alerts</p>\n          </div>\n        </div>\n        <div class="preference-item">\n          <div class="preference-icon">\n            🔒\n          </div>\n          <div class="preference-info">\n            <h3>Security</h3>\n            <p>Configure security settings and privacy options</p>\n          </div>\n        </div>\n        <div class="preference-item">\n          <div class="preference-icon">\n            🌙\n          </div>\n          <div class="preference-info">\n            <h3>Appearance</h3>\n            <p>Customize the look and feel of your interface</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </lew-modal>\n</template>\n\n<style lang="scss" scoped>\n.modal-body {\n  width: 100%;\n  height: 100%;\n  max-height: 400px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  padding: 24px;\n  box-sizing: border-box;\n}\n\n.preferences-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.preference-item {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px;\n  border-radius: 8px;\n  background-color: var(--lew-bgcolor-1);\n  transition: all 0.2s ease;\n\n  &:hover {\n    background-color: var(--lew-bgcolor-2);\n  }\n\n  .preference-icon {\n    font-size: 24px;\n    opacity: 0.9;\n  }\n\n  .preference-info {\n    h3 {\n      font-size: 15px;\n      font-weight: 600;\n      color: var(--lew-text-color-0);\n      margin-bottom: 4px;\n    }\n\n    p {\n      font-size: 13px;\n      color: var(--lew-text-color-2);\n      line-height: 1.4;\n    }\n  }\n}\n</style>\n','<script setup lang="ts">\nconst visible1 = ref(false)\nconst visible2 = ref(false)\n\nfunction ok1() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      visible1.value = false\n      resolve(true)\n    }, 1000)\n  })\n}\n\nfunction ok2() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      visible2.value = false\n      resolve(true)\n    }, 1000)\n  })\n}\nfunction close1() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      visible1.value = false\n      resolve(true)\n    }, 1000)\n  })\n}\n\nfunction close2() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      visible2.value = false\n      resolve(true)\n    }, 1000)\n  })\n}\n<\/script>\n\n<template>\n  <lew-flex x="start">\n    <lew-button @click="visible1 = true">\n      Product Details\n    </lew-button>\n  </lew-flex>\n  <lew-modal\n    v-model:visible="visible1"\n    close-on-click-overlay\n    close-by-esc\n    width="1000px"\n    title="BILLY Bookcase"\n    :close-button-props="{\n      request: close1,\n    }"\n    :ok-button-props="{\n      request: ok1,\n    }"\n  >\n    <div class="modal-body">\n      <div class="product-container">\n        <lew-image\n          preview-group-key="cover"\n          object-position="top"\n          width="500px"\n          :height="618.5"\n          src="https://www.ikea.com/ext/ingkadam/m/25a9522d6281b1e6/original/PH198117.JPG?f=xl"\n        />\n        <div class="product-info">\n          <h2>BILLY Bookcase</h2>\n          <p class="price">\n            $69.99\n          </p>\n          <div class="description">\n            <p>Height: 79 1/2"</p>\n            <p>Width: 31 1/2"</p>\n            <p>Depth: 11"</p>\n            <p>Material: Particleboard, Paper foil</p>\n          </div>\n          <div class="features">\n            <h3>Product Features</h3>\n            <ul>\n              <li>Adjustable shelves</li>\n              <li>Can be extended with additional units</li>\n              <li>Perfect for books, decorative items, and more</li>\n            </ul>\n          </div>\n          <lew-flex x="start">\n            <lew-button @click="visible2 = true">\n              Assembly Guide\n            </lew-button>\n          </lew-flex>\n        </div>\n      </div>\n    </div>\n  </lew-modal>\n\n  <lew-modal\n    v-model:visible="visible2"\n    close-on-click-overlay\n    close-by-esc\n    width="400px"\n    title="Assembly Guide"\n    :ok-button-props="{\n      request: ok2,\n    }"\n    :close-button-props="{\n      request: close2,\n    }"\n  >\n    <div class="modal-body">\n      <div class="assembly-container">\n        <lew-image\n          preview-group-key="cover"\n          object-position="top"\n          width="100%"\n          :height="200"\n          src="https://www.ikea.com/ext/ingkadam/m/626443a5d2937a9/original/PH189246.jpg?f=xs"\n        />\n        <div class="assembly-steps">\n          <h3>Assembly Steps</h3>\n          <ol>\n            <li>Attach back panel</li>\n            <li>Install shelves</li>\n            <li>Add door (optional)</li>\n            <li>Secure to wall</li>\n          </ol>\n        </div>\n      </div>\n    </div>\n  </lew-modal>\n</template>\n\n<style lang="scss" scoped>\n.modal-body {\n  width: 100%;\n  padding: 0px;\n  box-sizing: border-box;\n  font-family: \'Noto Sans\', sans-serif;\n}\n\n.product-container {\n  display: flex;\n  gap: 0px;\n  align-items: flex-start;\n}\n\n.product-info {\n  flex: 1;\n  background-color: var(--lew-bgcolor-2);\n  padding: 24px;\n  box-shadow: var(--lew-box-shadow);\n\n  h2 {\n    font-size: 28px;\n    margin-bottom: 12px;\n    font-weight: 900;\n    color: var(--lew-text-color-0);\n    border-bottom: 2px solid var(--lew-color-primary-dark);\n    padding-bottom: 8px;\n  }\n\n  .price {\n    font-size: 24px;\n    color: var(--lew-color-primary-dark);\n    font-weight: 900;\n    margin-bottom: 24px;\n    background-color: var(--lew-color-primary-light);\n    padding: 8px 16px;\n    border-radius: var(--lew-border-radius-mini);\n    display: inline-block;\n  }\n\n  .description {\n    margin-bottom: 24px;\n    color: var(--lew-text-color-2);\n    background-color: var(--lew-bgcolor-0);\n    padding: 16px;\n    border-radius: var(--lew-border-radius-mini);\n\n    p {\n      margin: 8px 0;\n      font-size: 15px;\n      line-height: 1.5;\n      display: flex;\n      align-items: center;\n\n      &::before {\n        content: \'•\';\n        color: var(--lew-color-primary-dark);\n        margin-right: 8px;\n        font-size: 18px;\n      }\n    }\n  }\n\n  .features {\n    margin-bottom: 24px;\n    background-color: var(--lew-bgcolor-0);\n    padding: 16px;\n    border-radius: var(--lew-border-radius-mini);\n\n    h3 {\n      margin-bottom: 12px;\n      font-size: 18px;\n      font-weight: 900;\n      color: var(--lew-text-color-0);\n      display: flex;\n      align-items: center;\n\n      &::before {\n        content: \'✨\';\n        margin-right: 8px;\n      }\n    }\n\n    ul {\n      padding-left: 24px;\n\n      li {\n        margin: 8px 0;\n        font-size: 15px;\n        line-height: 1.5;\n        color: var(--lew-text-color-2);\n        position: relative;\n\n        &::marker {\n          color: var(--lew-color-primary-dark);\n        }\n      }\n    }\n  }\n}\n\n.assembly-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.assembly-steps {\n  width: 100%;\n  background-color: var(--lew-bgcolor-1);\n  padding: 16px;\n  border-radius: var(--lew-border-radius-mini);\n  box-sizing: border-box;\n  h3 {\n    margin-bottom: 12px;\n    font-size: 18px;\n    font-weight: 900;\n    color: var(--lew-text-color-0);\n    display: flex;\n    align-items: center;\n\n    &::before {\n      content: \'📋\';\n      margin-right: 8px;\n    }\n  }\n\n  ol {\n    padding-left: 24px;\n\n    li {\n      margin: 8px 0;\n      font-size: 15px;\n      line-height: 1.5;\n      color: var(--lew-text-color-2);\n      position: relative;\n\n      &::marker {\n        color: var(--lew-color-primary-dark);\n        font-weight: 900;\n      }\n    }\n  }\n}\n</style>\n'],H={class:"demo-wrapper"},E=o({__name:"DemoModal",setup(o){const i=b().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),r=t(Object.keys(S).map(e=>S[e]));return(o,t)=>(a(),s("div",H,[c(e),c(n,{"demo-group":u(B),"code-group":u(V),"component-name":u(i),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),c(l,{options:u(r)},null,8,["options"])]))}});export{E as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as t,a as n}from"./LewDocsTables-BEtkuNGi.js";import{am as a,a as o,J as p,a3 as r,ab as l,a6 as s,a9 as m,ag as c,ah as i,d as u,bf as g,a2 as _,_ as x,u as f}from"./.pnpm-CZLWBssD.js";import{a as d}from"./utils-CLdZaKTe.js";import{F as w,_ as b}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const h={title:"Props",columnsKey:"props",orderNum:1,data:d(w)},y=Object.freeze(Object.defineProperty({__proto__:null,props:h},Symbol.toStringTag,{value:"Module"}));const v=[b({},[["render",function(e,t){const n=a("lew-back-top"),m=a("lew-flex");return p(),o(m,{style:{height:"50vh"},x:"center",y:"center",gap:"20px"},{default:r(()=>[t[0]||(t[0]=l(" 请往下滚动，留意右下角 ")),s(n,{target:"component-main",right:100})]),_:1,__:[0]})}]]),b({},[["render",function(e,t){const n=a("lew-back-top"),c=a("lew-flex");return p(),o(c,{style:{height:"50vh"},x:"center",y:"center",gap:"20px"},{default:r(()=>[t[1]||(t[1]=l(" 请往下滚动，留意右下角 ")),s(n,{target:"component-main"}),s(n,{bottom:100,target:"component-main"},{default:r(()=>t[0]||(t[0]=[m("div",null,"UP",-1)])),_:1,__:[0]})]),_:1,__:[1]})}]]),b({},[["render",function(e,t){const n=a("lew-button"),l=a("lew-flex"),m=c("backtop");return p(),o(l,{gap:"20px",x:"center",y:"center"},{default:r(()=>[i(s(n,{text:"指令方式触发"},null,512),[[m,{target:"component-main"}]])]),_:1})}]])],k=['<template>\n  <lew-flex style="height: 50vh" x="center" y="center" gap="20px">\n    请往下滚动，留意右下角\n    <lew-back-top target="component-main" :right="100" />\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex style="height: 50vh" x="center" y="center" gap="20px">\n    请往下滚动，留意右下角\n    <lew-back-top target="component-main" />\n    <lew-back-top :bottom="100" target="component-main">\n      <div>UP</div>\n    </lew-back-top>\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex gap="20px" x="center" y="center">\n    <lew-button\n      v-backtop="{\n        target: \'component-main\',\n      }"\n      text="指令方式触发"\n    />\n  </lew-flex>\n</template>\n'],j={class:"demo-wrapper"},L=u({__name:"DemoBackTop",setup(a){const o=g().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),r=_(Object.keys(y).map(e=>y[e]));return(a,l)=>(p(),x("div",j,[s(e),s(t,{"demo-group":f(v),"code-group":f(k),"component-name":f(o),columns:1,gap:"20px"},null,8,["demo-group","code-group","component-name"]),s(n,{options:f(r)},null,8,["options"])]))}});export{L as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as l,a as o}from"./LewDocsTables-BEtkuNGi.js";import{d as t,a2 as n,am as r,_ as a,J as s,a6 as p,u as d,aE as u,a as m,a3 as c,bf as i}from"./.pnpm-CZLWBssD.js";import{c as w,a as v}from"./utils-CLdZaKTe.js";import{a0 as _,a1 as x,a2 as V}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const y={title:"Emits",columnsKey:"emits",orderNum:99,data:w(_)},f={title:"Model",columnsKey:"model",orderNum:1,data:v(x)},k={title:"Props",columnsKey:"props",orderNum:3,data:v(V)},g=Object.freeze(Object.defineProperty({__proto__:null,emits:y,model:f,props:k},Symbol.toStringTag,{value:"Module"})),h={style:{width:"300px"}},F={style:{width:"300px"}},E={style:{width:"300px"}},j=[t({__name:"DemoColorPicker1",setup(e){const l=n("");return(e,o)=>{const t=r("lew-color-picker");return s(),a("div",h,[p(t,{modelValue:d(l),"onUpdate:modelValue":o[0]||(o[0]=e=>u(l)?l.value=e:null)},null,8,["modelValue"])])}}}),t({__name:"DemoColorPicker2",setup(e){const l=n("#409EFF");return(e,o)=>{const t=r("lew-color-picker"),n=r("lew-flex");return s(),m(n,{direction:"y",x:"start",style:{width:"300px"}},{default:c(()=>[p(t,{modelValue:d(l),"onUpdate:modelValue":o[0]||(o[0]=e=>u(l)?l.value=e:null),size:"small"},null,8,["modelValue"]),p(t,{modelValue:d(l),"onUpdate:modelValue":o[1]||(o[1]=e=>u(l)?l.value=e:null),size:"medium"},null,8,["modelValue"]),p(t,{modelValue:d(l),"onUpdate:modelValue":o[2]||(o[2]=e=>u(l)?l.value=e:null),size:"large"},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoColorPicker3",setup(e){const l=n("#409EFF");return(e,o)=>{const t=r("lew-color-picker"),n=r("lew-flex");return s(),m(n,{direction:"y",x:"start",style:{width:"300px"}},{default:c(()=>[p(t,{modelValue:d(l),"onUpdate:modelValue":o[0]||(o[0]=e=>u(l)?l.value=e:null),width:"150px"},null,8,["modelValue"]),p(t,{modelValue:d(l),"onUpdate:modelValue":o[1]||(o[1]=e=>u(l)?l.value=e:null),width:"200px"},null,8,["modelValue"]),p(t,{modelValue:d(l),"onUpdate:modelValue":o[2]||(o[2]=e=>u(l)?l.value=e:null),width:"300px"},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoColorPicker4",setup(e){const l=n("#409EFF");return(e,o)=>{const t=r("lew-color-picker");return s(),a("div",F,[p(t,{modelValue:d(l),"onUpdate:modelValue":o[0]||(o[0]=e=>u(l)?l.value=e:null),disabled:""},null,8,["modelValue"])])}}}),t({__name:"DemoColorPicker5",setup(e){const l=n("#409EFF");return(e,o)=>{const t=r("lew-color-picker");return s(),a("div",E,[p(t,{modelValue:d(l),"onUpdate:modelValue":o[0]||(o[0]=e=>u(l)?l.value=e:null),readonly:""},null,8,["modelValue"])])}}})],C=['<script lang="ts" setup>\nconst color = ref(\'\')\n<\/script>\n\n<template>\n  <div style="width: 300px">\n    <lew-color-picker v-model="color" />\n  </div>\n</template>\n','<script lang="ts" setup>\nconst color = ref(\'#409EFF\')\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start" style="width: 300px">\n    <lew-color-picker v-model="color" size="small" />\n    <lew-color-picker v-model="color" size="medium" />\n    <lew-color-picker v-model="color" size="large" />\n  </lew-flex>\n</template>\n','<script lang="ts" setup>\nconst color = ref(\'#409EFF\')\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start" style="width: 300px">\n    <lew-color-picker v-model="color" width="150px" />\n    <lew-color-picker v-model="color" width="200px" />\n    <lew-color-picker v-model="color" width="300px" />\n  </lew-flex>\n</template>\n','<script lang="ts" setup>\nconst color = ref(\'#409EFF\')\n<\/script>\n\n<template>\n  <div style="width: 300px">\n    <lew-color-picker v-model="color" disabled />\n  </div>\n</template>\n','<script lang="ts" setup>\nconst color = ref(\'#409EFF\')\n<\/script>\n\n<template>\n  <div style="width: 300px">\n    <lew-color-picker v-model="color" readonly />\n  </div>\n</template>\n'],U={class:"demo-wrapper"},b=t({__name:"DemoCollapse",setup(t){const r=i().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),u=n(Object.keys(g).map(e=>g[e]));return(t,n)=>(s(),a("div",U,[p(e),p(l,{"demo-group":d(j),"code-group":d(C),"component-name":d(r),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),p(o,{options:d(u)},null,8,["options"])]))}});export{b as default};

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

@@ -1 +0,0 @@
-import{_ as n}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as e,a as o}from"./LewDocsTables-BEtkuNGi.js";import{d as i,a2 as s,am as l,a,J as t,u as c,N as r,bu as w,g as p,k as d,bv as g,bw as h,bx as C,by as b,bg as f,p as M,bf as L,_ as z,a6 as k}from"./.pnpm-CZLWBssD.js";import{c as m,a as u}from"./utils-CLdZaKTe.js";import{A as D,B as S}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const y={title:"Emits",columnsKey:"emits",orderNum:99,data:m(D)},v={title:"Props",columnsKey:"props",data:u(S)},_=Object.freeze(Object.defineProperty({__proto__:null,emits:y,props:v},Symbol.toStringTag,{value:"Module"})),A=[i({__name:"DemoActionBox1",setup(n){const e=s([{label:"Edit",onClick:()=>{LewMessage.info("Edit")}},{label:"Delete",onClick:()=>{LewMessage.info("Delete")}},{label:"Copy",onClick:()=>{LewMessage.info("Copy")}},{label:"Download",onClick:()=>{LewMessage.info("Download")}}]);return(n,o)=>{const i=l("lew-action-box");return t(),a(i,{options:c(e)},null,8,["options"])}}}),i({__name:"DemoActionBox2",setup(n){const e=s([{label:"Edit",icon:r(w,{size:14}),onClick:()=>{LewMessage.info("Edit")}},{label:"Delete",icon:()=>r(p,{size:14}),onClick:()=>{LewMessage.info("Delete")}},{label:"Copy",icon:()=>r(d,{size:14}),onClick:()=>{LewMessage.info("Copy")}},{label:"Download",icon:()=>r(g,{size:14}),onClick:()=>{LewMessage.info("Download")}},{label:"Share",icon:()=>r(h,{size:14}),onClick:()=>{LewMessage.info("Share")}},{label:"View",icon:()=>r(C,{size:14}),onClick:()=>{LewMessage.info("View")}},{label:"Archive",icon:()=>r(b,{size:14}),onClick:()=>{LewMessage.info("Archive")}},{label:"Settings",icon:()=>r(f,{size:14}),onClick:()=>{LewMessage.info("Settings")}}]),o=r(M,{size:14});return(n,i)=>{const s=l("lew-action-box");return t(),a(s,{options:c(e),"dropdown-threshold":2,"dropdown-icon":c(o)},null,8,["options","dropdown-icon"])}}}),i({__name:"DemoActionBox3",setup(n){const e=s([{label:"Edit",icon:()=>r(w,{size:14}),onClick:()=>{LewMessage.info("Edit")}},{label:"Delete",icon:()=>r(p,{size:14}),onClick:()=>{LewMessage.info("Delete")}},{label:"Copy",icon:()=>r(d,{size:14}),onClick:()=>{LewMessage.info("Copy")}},{label:"Download",icon:()=>r(g,{size:14}),onClick:()=>{LewMessage.info("Download")}},{label:"Share",icon:()=>r(h,{size:14}),onClick:()=>{LewMessage.info("Share")}},{label:"View",icon:()=>r(C,{size:14}),onClick:()=>{LewMessage.info("View")}},{label:"Archive",icon:()=>r(b,{size:14}),onClick:()=>{LewMessage.info("Archive")}},{label:"Settings",icon:()=>r(f,{size:14}),onClick:()=>{LewMessage.info("Settings")}}]),o=r(M,{size:14});return(n,i)=>{const s=l("lew-action-box");return t(),a(s,{options:c(e),"dropdown-threshold":2,"dropdown-label":"","dropdown-icon":c(o),"icon-only":""},null,8,["options","dropdown-icon"])}}}),i({__name:"DemoActionBox4",setup(n){const e=s([{label:"Edit",icon:()=>r(w,{size:14}),onClick:()=>{LewMessage.info("Edit")}},{label:"Delete",icon:()=>r(p,{size:14}),onClick:()=>{LewMessage.info("Delete")}},{label:"Copy",icon:()=>r(d,{size:14}),onClick:()=>{LewMessage.info("Copy")}},{label:"Download",icon:()=>r(g,{size:14}),onClick:()=>{LewMessage.info("Download")}},{label:"Share",icon:()=>r(h,{size:14}),onClick:()=>{LewMessage.info("Share")}},{label:"View",icon:()=>r(C,{size:14}),onClick:()=>{LewMessage.info("View")}},{label:"Archive",icon:()=>r(b,{size:14}),onClick:()=>{LewMessage.info("Archive")}},{label:"Settings",icon:()=>r(f,{size:14}),onClick:()=>{LewMessage.info("Settings")}}]),o=r(M,{size:14});return(n,i)=>{const s=l("lew-action-box");return t(),a(s,{options:c(e),"dropdown-threshold":4,"dropdown-icon":c(o)},null,8,["options","dropdown-icon"])}}})],E=["<script setup lang=\"ts\">\nconst options = ref([\n  {\n    label: 'Edit',\n    onClick: () => {\n      LewMessage.info('Edit')\n    },\n  },\n  {\n    label: 'Delete',\n    onClick: () => {\n      LewMessage.info('Delete')\n    },\n  },\n  {\n    label: 'Copy',\n    onClick: () => {\n      LewMessage.info('Copy')\n    },\n  },\n  {\n    label: 'Download',\n    onClick: () => {\n      LewMessage.info('Download')\n    },\n  },\n])\n<\/script>\n\n<template>\n  <lew-action-box :options=\"options\" />\n</template>\n","<script setup lang=\"ts\">\nimport {\n  Archive,\n  Copy,\n  Download,\n  Edit,\n  MoreHorizontal,\n  Settings,\n  Share,\n  Trash,\n  View,\n} from 'lucide-vue-next'\n\nconst options = ref([\n  {\n    label: 'Edit',\n    icon: h(Edit, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Edit')\n    },\n  },\n  {\n    label: 'Delete',\n    icon: () => h(Trash, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Delete')\n    },\n  },\n  {\n    label: 'Copy',\n    icon: () => h(Copy, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Copy')\n    },\n  },\n  {\n    label: 'Download',\n    icon: () => h(Download, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Download')\n    },\n  },\n  {\n    label: 'Share',\n    icon: () => h(Share, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Share')\n    },\n  },\n  {\n    label: 'View',\n    icon: () => h(View, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('View')\n    },\n  },\n  {\n    label: 'Archive',\n    icon: () => h(Archive, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Archive')\n    },\n  },\n  {\n    label: 'Settings',\n    icon: () => h(Settings, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Settings')\n    },\n  },\n])\n\nconst dropdownIcon = h(MoreHorizontal, { size: 14 })\n<\/script>\n\n<template>\n  <lew-action-box\n    :options=\"options\"\n    :dropdown-threshold=\"2\"\n    :dropdown-icon=\"dropdownIcon\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport {\n  Archive,\n  Copy,\n  Download,\n  Edit,\n  MoreHorizontal,\n  Settings,\n  Share,\n  Trash,\n  View,\n} from 'lucide-vue-next'\n\nconst options = ref([\n  {\n    label: 'Edit',\n    icon: () => h(Edit, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Edit')\n    },\n  },\n  {\n    label: 'Delete',\n    icon: () => h(Trash, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Delete')\n    },\n  },\n  {\n    label: 'Copy',\n    icon: () => h(Copy, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Copy')\n    },\n  },\n  {\n    label: 'Download',\n    icon: () => h(Download, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Download')\n    },\n  },\n  {\n    label: 'Share',\n    icon: () => h(Share, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Share')\n    },\n  },\n  {\n    label: 'View',\n    icon: () => h(View, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('View')\n    },\n  },\n  {\n    label: 'Archive',\n    icon: () => h(Archive, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Archive')\n    },\n  },\n  {\n    label: 'Settings',\n    icon: () => h(Settings, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Settings')\n    },\n  },\n])\n\nconst dropdownIcon = h(MoreHorizontal, { size: 14 })\n<\/script>\n\n<template>\n  <lew-action-box\n    :options=\"options\"\n    :dropdown-threshold=\"2\"\n    dropdown-label=\"\"\n    :dropdown-icon=\"dropdownIcon\"\n    icon-only\n  />\n</template>\n","<script setup lang=\"ts\">\nimport {\n  Archive,\n  Copy,\n  Download,\n  Edit,\n  MoreHorizontal,\n  Settings,\n  Share,\n  Trash,\n  View,\n} from 'lucide-vue-next'\n\nconst options = ref([\n  {\n    label: 'Edit',\n    icon: () => h(Edit, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Edit')\n    },\n  },\n  {\n    label: 'Delete',\n    icon: () => h(Trash, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Delete')\n    },\n  },\n  {\n    label: 'Copy',\n    icon: () => h(Copy, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Copy')\n    },\n  },\n  {\n    label: 'Download',\n    icon: () => h(Download, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Download')\n    },\n  },\n  {\n    label: 'Share',\n    icon: () => h(Share, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Share')\n    },\n  },\n  {\n    label: 'View',\n    icon: () => h(View, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('View')\n    },\n  },\n  {\n    label: 'Archive',\n    icon: () => h(Archive, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Archive')\n    },\n  },\n  {\n    label: 'Settings',\n    icon: () => h(Settings, { size: 14 }),\n    onClick: () => {\n      LewMessage.info('Settings')\n    },\n  },\n])\n\nconst dropdownIcon = h(MoreHorizontal, { size: 14 })\n<\/script>\n\n<template>\n  <lew-action-box\n    :options=\"options\"\n    :dropdown-threshold=\"4\"\n    :dropdown-icon=\"dropdownIcon\"\n  />\n</template>\n"],x={class:"demo-wrapper"},V=i({__name:"DemoActionBox",setup(i){const l=L().name.replace("R-Lew","").replace(/^[A-Z]/,n=>n.toLowerCase()),a=s(Object.keys(_).map(n=>_[n]));return(i,s)=>(t(),z("div",x,[k(n),k(e,{"demo-group":c(A),"code-group":c(E),"component-name":c(l),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),k(o,{options:c(a)},null,8,["options"])]))}});export{V as default};

package/dist/assets/js/index-C_73L14u.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,N as i,bP as o,bQ as r,bR as s,bS as u,bT as c,am as v,_ as b,J as d,a6 as m,u as p,a3 as h,ab as g,ac as P,aE as y,bA as S,bU as M,bV as A,bW as f,bX as w,bg as x,a as C,bY as T,m as R,bZ as L,b_ as z,bf as k}from"./.pnpm-CZLWBssD.js";import{c as B,a as U}from"./utils-CLdZaKTe.js";import{aS as _,aT as O,aU as D,_ as E,at as I,aN as F}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const V={title:"Emits",columnsKey:"emits",orderNum:99,data:B(_)},W={title:"Model",columnsKey:"model",orderNum:1,data:U(O)},G={title:"Props",columnsKey:"props",orderNum:3,data:U(D)},K=Object.freeze(Object.defineProperty({__proto__:null,emits:V,model:W,props:G},Symbol.toStringTag,{value:"Module"})),H={class:"wrapper"},j=[E(a({__name:"DemoMenuTree1",setup(e){const l=t("1-1-1-1"),n=t(["1","1-1","1-1-1"]),a=t(!1),S=[{value:"1",label:"iPhone",icon:i(o,{size:14}),children:[{value:"1-1",label:"iPhone Series",children:[{value:"1-1-1",label:"iPhone 14",children:[{value:"1-1-1-1",label:"iPhone 14 Pro Max"},{value:"1-1-1-2",label:"iPhone 14 Pro"},{value:"1-1-1-3",label:"iPhone 14"},{value:"1-1-1-4",label:"iPhone 14 Plus"}]},{value:"1-1-2",label:"iPhone 13",children:[{value:"1-1-2-1",label:"iPhone 13 Pro Max"},{value:"1-1-2-2",label:"iPhone 13 Pro"},{value:"1-1-2-3",label:"iPhone 13"},{value:"1-1-2-4",label:"iPhone 13 mini"}]}]},{value:"1-2",label:"iPhone SE",children:[{value:"1-2-1",label:"iPhone SE (3rd Gen)"},{value:"1-2-2",label:"iPhone SE (2nd Gen)"}]}]},{value:"2",label:"Mac",icon:()=>i(r,{size:14}),children:[{value:"2-1",label:"MacBook",children:[{value:"2-1-1",label:"MacBook Air",children:[{value:"2-1-1-1",label:"MacBook Air (M2)"},{value:"2-1-1-2",label:"MacBook Air (M1)"}]},{value:"2-1-2",label:"MacBook Pro",children:[{value:"2-1-2-1",label:'MacBook Pro 14"'},{value:"2-1-2-2",label:'MacBook Pro 16"'}]}]},{value:"2-2",label:"iMac",children:[{value:"2-2-1",label:'iMac 24"'},{value:"2-2-2",label:'iMac 27"'}]}]},{value:"3",label:"Watch",icon:()=>i(s,{size:14}),children:[{value:"3-1",label:"Apple Watch Series",children:[{value:"3-1-1",label:"Apple Watch Series 8",children:[{value:"3-1-1-1",label:"41mm"},{value:"3-1-1-2",label:"45mm"}]},{value:"3-1-2",label:"Apple Watch SE",children:[{value:"3-1-2-1",label:"40mm"},{value:"3-1-2-2",label:"44mm"}]}]},{value:"3-2",label:"Apple Watch Ultra",children:[{value:"3-2-1",label:"49mm Titanium"}]}]},{value:"4",label:"AirPods",icon:()=>i(u,{size:14}),children:[{value:"4-1",label:"AirPods",children:[{value:"4-1-1",label:"AirPods Pro",children:[{value:"4-1-1-1",label:"AirPods Pro (2nd Gen)"},{value:"4-1-1-2",label:"AirPods Pro (1st Gen)"}]},{value:"4-1-2",label:"AirPods",children:[{value:"4-1-2-1",label:"AirPods (3rd Gen)"},{value:"4-1-2-2",label:"AirPods (2nd Gen)"}]}]},{value:"4-2",label:"AirPods Max",children:[{value:"4-2-1",label:"Space Gray"},{value:"4-2-2",label:"Silver"},{value:"4-2-3",label:"Green"},{value:"4-2-4",label:"Pink"},{value:"4-2-5",label:"Sky Blue"}]}]},{value:"5",label:"TV & Home",icon:()=>i(c,{size:14}),children:[{value:"5-1",label:"Apple TV 4K",children:[{value:"5-1-1",label:"3rd Gen",children:[{value:"5-1-1-1",label:"Wi-Fi"},{value:"5-1-1-2",label:"Wi-Fi + Ethernet"}]},{value:"5-1-2",label:"2nd Gen"}]},{value:"5-2",label:"HomePod",children:[{value:"5-2-1",label:"HomePod (2nd Gen)"},{value:"5-2-2",label:"HomePod mini"}]}]}];function M(e){}return(e,t)=>{const i=v("lew-button"),o=v("lew-menu-tree");return d(),b("div",H,[m(i,{style:{"margin-bottom":"10px"},onClick:t[0]||(t[0]=e=>a.value=!p(a))},{default:h(()=>[g(P(p(a)?"Expand":"Collapse"),1)]),_:1}),m(o,{modelValue:p(l),"onUpdate:modelValue":t[1]||(t[1]=e=>y(l)?l.value=e:null),"expand-keys":p(n),"onUpdate:expandKeys":t[2]||(t[2]=e=>y(n)?n.value=e:null),collapsed:p(a),"onUpdate:collapsed":t[3]||(t[3]=e=>y(a)?a.value=e:null),width:"300",options:S,onChange:M},null,8,["modelValue","expand-keys","collapsed"])])}}}),[["__scopeId","data-v-dcb3b263"]]),a({__name:"DemoMenuTree2",setup(e){const l=t(""),n=[{value:"1",label:"Pet Mgmt",icon:i(S,{size:14}),children:[{value:"1-1",label:"Pet Records",children:[{value:"1-1-1",label:"Reg. Pets"},{value:"1-1-2",label:"Health Records"},{value:"1-1-3",label:"Vaccine Records"}]},{value:"1-2",label:"Breed Mgmt",children:[{value:"1-2-1",label:"Dog Breeds"},{value:"1-2-2",label:"Cat Breeds"},{value:"1-2-3",label:"Other Pets"}]}]},{value:"2",label:"Med Services",icon:i(M,{size:14}),children:[{value:"2-1",label:"Consultation",children:[{value:"2-1-1",label:"Appt. Booking"},{value:"2-1-2",label:"Treatment Records"},{value:"2-1-3",label:"Prescriptions"}]},{value:"2-2",label:"Surgery Mgmt",children:[{value:"2-2-1",label:"Surgery Booking"},{value:"2-2-2",label:"Surgery Records"},{value:"2-2-3",label:"Post-Op Care"}]}]},{value:"3",label:"Client Mgmt",icon:i(A,{size:14}),children:[{value:"3-1",label:"Member Mgmt",children:[{value:"3-1-1",label:"Member Info"},{value:"3-1-2",label:"Member Levels"},{value:"3-1-3",label:"Points Mgmt"}]},{value:"3-2",label:"Feedback",children:[{value:"3-2-1",label:"Satisfaction Survey"},{value:"3-2-2",label:"Complaints"},{value:"3-2-3",label:"Suggestions"}]}]},{value:"4",label:"Product Mgmt",icon:i(f,{size:14}),children:[{value:"4-1",label:"Product Categories",children:[{value:"4-1-1",label:"Pet Food"},{value:"4-1-2",label:"Med Supplies"},{value:"4-1-3",label:"Daily Supplies"}]},{value:"4-2",label:"Inventory Mgmt",children:[{value:"4-2-1",label:"Stock In"},{value:"4-2-2",label:"Stock Out"},{value:"4-2-3",label:"Inventory Alerts"}]}]},{value:"5",label:"Data Analysis",icon:i(w,{size:14}),children:[{value:"5-1",label:"Revenue Analysis",children:[{value:"5-1-1",label:"Income Analysis"},{value:"5-1-2",label:"Expense Analysis"},{value:"5-1-3",label:"Profit Report"}]},{value:"5-2",label:"Operational Analysis",children:[{value:"5-2-1",label:"Consultation Stats"},{value:"5-2-2",label:"Product Sales"},{value:"5-2-3",label:"Customer Flow"}]}]},{value:"6",label:"System Settings",icon:i(x,{size:14}),children:[{value:"6-1",label:"Employee Mgmt",children:[{value:"6-1-1",label:"Employee Info"},{value:"6-1-2",label:"Role Permissions"},{value:"6-1-3",label:"Attendance Mgmt"}]},{value:"6-2",label:"Basic Settings",children:[{value:"6-2-1",label:"Clinic Info"},{value:"6-2-2",label:"Service Items"},{value:"6-2-3",label:"Fee Standards"}]}]}];function a(e){}return(e,t)=>{const i=v("lew-menu-tree");return d(),C(i,{modelValue:p(l),"onUpdate:modelValue":t[0]||(t[0]=e=>y(l)?l.value=e:null),width:"300",options:n,onChange:a},null,8,["modelValue"])}}}),a({__name:"DemoMenuTree3",setup(e){const l=t("1-1-1"),n=t(["1","1-1","1-1-1"]),a=[{value:"1",label:"Employee Mgmt",icon:()=>i(A,{size:14}),children:[{value:"1-1",label:"Employee Records",children:[{value:"1-1-1",label:"Basic Info"},{value:"1-1-2",label:"Contract Mgmt"},{value:"1-1-3",label:"Document Info"}]},{value:"1-2",label:"Employee Relations",children:[{value:"1-2-1",label:"Onboarding"},{value:"1-2-2",label:"Offboarding"},{value:"1-2-3",label:"Transfers"}]}]},{value:"2",label:"Payroll Mgmt",icon:()=>i(T,{size:14}),children:[{value:"2-1",label:"Salary Mgmt",children:[{value:"2-1-1",label:"Salary Calculation"},{value:"2-1-2",label:"Salary Disbursement"},{value:"2-1-3",label:"Salary Adjustment"}]},{value:"2-2",label:"Benefits Mgmt",children:[{value:"2-2-1",label:"Social Security"},{value:"2-2-2",label:"Housing Fund"},{value:"2-2-3",label:"Subsidy Mgmt"}]}]},{value:"3",label:"Attendance Mgmt",icon:()=>i(R,{size:14}),children:[{value:"3-1",label:"Attendance Rules",children:[{value:"3-1-1",label:"Shift Settings"},{value:"3-1-2",label:"Scheduling"},{value:"3-1-3",label:"Leave Policies"}]},{value:"3-2",label:"Attendance Records",children:[{value:"3-2-1",label:"Clock-in Records"},{value:"3-2-2",label:"Leave Mgmt"},{value:"3-2-3",label:"Overtime Mgmt"}]}]},{value:"4",label:"Performance Mgmt",icon:()=>i(f,{size:14}),children:[{value:"4-1",label:"Performance Assessment",children:[{value:"4-1-1",label:"Assessment Criteria"},{value:"4-1-2",label:"Scoring"},{value:"4-1-3",label:"Results"}]},{value:"4-2",label:"Performance Analysis",children:[{value:"4-2-1",label:"Department Performance"},{value:"4-2-2",label:"Individual Performance"},{value:"4-2-3",label:"Performance Reports"}]}]},{value:"5",label:"Data Analysis",icon:()=>i(w,{size:14}),children:[{value:"5-1",label:"Personnel Analysis",children:[{value:"5-1-1",label:"Staff Structure"},{value:"5-1-2",label:"Staff Turnover"},{value:"5-1-3",label:"Talent Forecast"}]},{value:"5-2",label:"Cost Analysis",children:[{value:"5-2-1",label:"Labor Costs"},{value:"5-2-2",label:"Training Costs"},{value:"5-2-3",label:"Benefits Costs"}]}]},{value:"6",label:"System Settings",icon:()=>i(x,{size:14}),children:[{value:"6-1",label:"Org Structure",children:[{value:"6-1-1",label:"Department Mgmt"},{value:"6-1-2",label:"Position Mgmt"},{value:"6-1-3",label:"Level Mgmt"}]},{value:"6-2",label:"Permission Mgmt",children:[{value:"6-2-1",label:"Role Mgmt"},{value:"6-2-2",label:"User Mgmt"},{value:"6-2-3",label:"Permission Config"}]}]}];function o(e){}return(e,t)=>{const i=v("lew-menu-tree");return d(),C(i,{modelValue:p(l),"onUpdate:modelValue":t[0]||(t[0]=e=>y(l)?l.value=e:null),"expand-keys":p(n),"onUpdate:expandKeys":t[1]||(t[1]=e=>y(n)?n.value=e:null),width:"300",options:a,onChange:o},null,8,["modelValue","expand-keys"])}}}),E(a({__name:"DemoMenuTree4",setup(e){const l=t(""),n=t(["1","1-1","1-1-1","1-1-2","1-1-3","1-2","1-2-1","1-2-2","1-2-3","2","2-1","2-1-1","2-1-2"]),a=[{value:"1",label:"Article Mgmt",icon:()=>i(T,{size:14}),tagProps:{text:"Core",color:"success"},children:[{value:"1-1",label:"Article List",children:[{value:"1-1-1",label:"Published",tagProps:{text:"12",color:"info"}},{value:"1-1-2",label:"Drafts",tagProps:{text:"3",color:"warning"}},{value:"1-1-3",label:"Recycle Bin",tagProps:{text:"0",color:"info"}}]},{value:"1-2",label:"Write Article",tagProps:{text:"New",color:"success"},children:[{value:"1-2-1",label:"New Article"},{value:"1-2-2",label:"Import Article",tagProps:{text:"Beta",color:"warning"}},{value:"1-2-3",label:"Batch Actions"}]}]},{value:"2",label:"User Mgmt",icon:()=>i(A,{size:14}),tagProps:{text:"Admin",color:"warning"},children:[{value:"2-1",label:"User List",children:[{value:"2-1-1",label:"Regular Users",tagProps:{text:"1.2k",color:"success"}},{value:"2-1-2",label:"Admins",tagProps:{text:"12",color:"warning"}},{value:"2-1-3",label:"Blacklist",tagProps:{text:"5",color:"error"}}]},{value:"2-2",label:"User Permissions",children:[{value:"2-2-1",label:"Role Mgmt",tagProps:{text:"Admin Only",color:"error"}},{value:"2-2-2",label:"Permission Assign"},{value:"2-2-3",label:"Access Control"}]}]},{value:"3",label:"Comment Mgmt",icon:()=>i(L,{size:14}),children:[{value:"3-1",label:"Comment List",children:[{value:"3-1-1",label:"Pending Review",tagProps:{text:"23",color:"error"}},{value:"3-1-2",label:"Approved",tagProps:{text:"156",color:"success"}},{value:"3-1-3",label:"Rejected",tagProps:{text:"8",color:"warning"}}]},{value:"3-2",label:"Comment Settings",children:[{value:"3-2-1",label:"Review Rules"},{value:"3-2-2",label:"Sensitive Word Filter"},{value:"3-2-3",label:"Comment Switch",tagProps:{text:"Enabled",color:"success"}}]}]},{value:"4",label:"Tag Mgmt",icon:()=>i(z,{size:14}),children:[{value:"4-1",label:"Tag List",children:[{value:"4-1-1",label:"Popular Tags",tagProps:{text:"45",color:"success"}},{value:"4-1-2",label:"Latest Tags",tagProps:{text:"12",color:"info"}},{value:"4-1-3",label:"Tag Review",tagProps:{text:"3",color:"warning"}}]},{value:"4-2",label:"Category Mgmt",children:[{value:"4-2-1",label:"Category List",tagProps:{text:"8",color:"info"}},{value:"4-2-2",label:"Add Category"},{value:"4-2-3",label:"Category Sort"}]}]}];function o(e){}return(e,t)=>{const i=v("lew-menu-tree");return d(),C(i,{modelValue:p(l),"onUpdate:modelValue":t[0]||(t[0]=e=>y(l)?l.value=e:null),"expand-keys":p(n),"onUpdate:expandKeys":t[1]||(t[1]=e=>y(n)?n.value=e:null),width:"300",options:a,onChange:o},null,8,["modelValue","expand-keys"])}}}),[["__scopeId","data-v-4a440401"]]),E(a({__name:"DemoMenuTree5",setup(e){const l=t(""),n=t([]),a=[{value:"1",icon:()=>i(T,{size:14}),label:()=>i(F,{x:"start",style:"width: 100%"},()=>[i("span","Article Mgmt"),i(I,{type:"light",color:"error",round:!0,size:"small"},()=>"10")]),children:[{value:"1-1",label:()=>i(F,{x:"start",style:"width: 100%"},()=>[i("span","Article List"),i(I,{type:"light",color:"primary",size:"small"},()=>"New")]),children:[{value:"1-1-1",label:"Published"},{value:"1-1-2",label:"Drafts"},{value:"1-1-3",label:"Recycle Bin"}]},{value:"1-2",label:"Write Article",children:[{value:"1-2-1",label:"New Article"},{value:"1-2-2",label:"Import Article"},{value:"1-2-3",label:"Batch Actions"}]}]},{value:"2",icon:()=>i(A,{size:14}),label:()=>i(F,{x:"start",style:"width: 100%"},()=>[i("span","User Mgmt"),i(I,{type:"light",color:"error",round:!0,size:"small"},()=>"5")]),children:[{value:"2-1",label:()=>i(F,{x:"start",style:"width: 100%"},()=>[i("span","User List"),i(I,{type:"light",color:"primary",size:"small"},()=>"New")]),children:[{value:"2-1-1",label:"Regular Users"},{value:"2-1-2",label:"Admins"},{value:"2-1-3",label:"Blacklist"}]},{value:"2-2",label:"User Permissions",children:[{value:"2-2-1",label:"Role Mgmt"},{value:"2-2-2",label:"Permission Assign"},{value:"2-2-3",label:"Access Control"}]}]},{value:"3",label:"Comment Mgmt",icon:()=>i(L,{size:14}),children:[{value:"3-1",label:"Comment List",children:[{value:"3-1-1",label:"Pending Review"},{value:"3-1-2",label:"Approved"},{value:"3-1-3",label:"Rejected"}]},{value:"3-2",label:"Comment Settings",children:[{value:"3-2-1",label:"Review Rules"},{value:"3-2-2",label:"Sensitive Word Filter"},{value:"3-2-3",label:"Comment Switch"}]}]},{value:"4",label:"Tag Mgmt",icon:()=>i(z,{size:14}),children:[{value:"4-1",label:"Tag List",children:[{value:"4-1-1",label:"Popular Tags"},{value:"4-1-2",label:"Latest Tags"},{value:"4-1-3",label:"Tag Review"}]},{value:"4-2",label:"Category Mgmt",children:[{value:"4-2-1",label:"Category List"},{value:"4-2-2",label:"Add Category"},{value:"4-2-3",label:"Category Sort"}]}]},{value:"5",label:"Data Stats",icon:()=>i(w,{size:14}),children:[{value:"5-1",label:"Visit Stats",children:[{value:"5-1-1",label:"Visit Trends"},{value:"5-1-2",label:"Source Analysis"},{value:"5-1-3",label:"Visit Details"}]},{value:"5-2",label:"Content Stats",children:[{value:"5-2-1",label:"Popular Articles"},{value:"5-2-2",label:"Author Ranking"},{value:"5-2-3",label:"Engagement Data"}]}]},{value:"6",label:"System Settings",icon:()=>i(x,{size:14}),children:[{value:"6-1",label:"Basic Settings",children:[{value:"6-1-1",label:"Site Info"},{value:"6-1-2",label:"Theme Settings"},{value:"6-1-3",label:"Email Config"}]},{value:"6-2",label:"Security Settings",children:[{value:"6-2-1",label:"Login Settings"},{value:"6-2-2",label:"Backup & Restore"},{value:"6-2-3",label:"Action Logs"}]}]}];function o(e){}return(e,t)=>{const i=v("lew-menu-tree");return d(),C(i,{modelValue:p(l),"onUpdate:modelValue":t[0]||(t[0]=e=>y(l)?l.value=e:null),"expand-keys":p(n),"onUpdate:expandKeys":t[1]||(t[1]=e=>y(n)?n.value=e:null),width:"300",options:a,onChange:o},null,8,["modelValue","expand-keys"])}}}),[["__scopeId","data-v-3cda54ba"]])],N=["<script lang=\"ts\" setup>\nimport type { LewMenuTreeOption } from 'lew-ui/types'\nimport { Headphones, Laptop, Smartphone, Tv, Watch } from 'lucide-vue-next'\n\nconst selectKey = ref('1-1-1-1')\nconst expandKeys = ref(['1', '1-1', '1-1-1'])\nconst collapsed = ref(false)\nconst options: LewMenuTreeOption[] = [\n  {\n    value: '1',\n    label: 'iPhone',\n    icon: h(Smartphone, { size: 14 }),\n    children: [\n      {\n        value: '1-1',\n        label: 'iPhone Series',\n        children: [\n          {\n            value: '1-1-1',\n            label: 'iPhone 14',\n            children: [\n              { value: '1-1-1-1', label: 'iPhone 14 Pro Max' },\n              { value: '1-1-1-2', label: 'iPhone 14 Pro' },\n              { value: '1-1-1-3', label: 'iPhone 14' },\n              { value: '1-1-1-4', label: 'iPhone 14 Plus' },\n            ],\n          },\n          {\n            value: '1-1-2',\n            label: 'iPhone 13',\n            children: [\n              { value: '1-1-2-1', label: 'iPhone 13 Pro Max' },\n              { value: '1-1-2-2', label: 'iPhone 13 Pro' },\n              { value: '1-1-2-3', label: 'iPhone 13' },\n              { value: '1-1-2-4', label: 'iPhone 13 mini' },\n            ],\n          },\n        ],\n      },\n      {\n        value: '1-2',\n        label: 'iPhone SE',\n        children: [\n          { value: '1-2-1', label: 'iPhone SE (3rd Gen)' },\n          { value: '1-2-2', label: 'iPhone SE (2nd Gen)' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '2',\n    label: 'Mac',\n    icon: () => h(Laptop, { size: 14 }),\n    children: [\n      {\n        value: '2-1',\n        label: 'MacBook',\n        children: [\n          {\n            value: '2-1-1',\n            label: 'MacBook Air',\n            children: [\n              { value: '2-1-1-1', label: 'MacBook Air (M2)' },\n              { value: '2-1-1-2', label: 'MacBook Air (M1)' },\n            ],\n          },\n          {\n            value: '2-1-2',\n            label: 'MacBook Pro',\n            children: [\n              { value: '2-1-2-1', label: 'MacBook Pro 14\"' },\n              { value: '2-1-2-2', label: 'MacBook Pro 16\"' },\n            ],\n          },\n        ],\n      },\n      {\n        value: '2-2',\n        label: 'iMac',\n        children: [\n          { value: '2-2-1', label: 'iMac 24\"' },\n          { value: '2-2-2', label: 'iMac 27\"' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '3',\n    label: 'Watch',\n    icon: () => h(Watch, { size: 14 }),\n    children: [\n      {\n        value: '3-1',\n        label: 'Apple Watch Series',\n        children: [\n          {\n            value: '3-1-1',\n            label: 'Apple Watch Series 8',\n            children: [\n              { value: '3-1-1-1', label: '41mm' },\n              { value: '3-1-1-2', label: '45mm' },\n            ],\n          },\n          {\n            value: '3-1-2',\n            label: 'Apple Watch SE',\n            children: [\n              { value: '3-1-2-1', label: '40mm' },\n              { value: '3-1-2-2', label: '44mm' },\n            ],\n          },\n        ],\n      },\n      {\n        value: '3-2',\n        label: 'Apple Watch Ultra',\n        children: [{ value: '3-2-1', label: '49mm Titanium' }],\n      },\n    ],\n  },\n  {\n    value: '4',\n    label: 'AirPods',\n    icon: () => h(Headphones, { size: 14 }),\n    children: [\n      {\n        value: '4-1',\n        label: 'AirPods',\n        children: [\n          {\n            value: '4-1-1',\n            label: 'AirPods Pro',\n            children: [\n              {\n                value: '4-1-1-1',\n                label: 'AirPods Pro (2nd Gen)',\n              },\n              {\n                value: '4-1-1-2',\n                label: 'AirPods Pro (1st Gen)',\n              },\n            ],\n          },\n          {\n            value: '4-1-2',\n            label: 'AirPods',\n            children: [\n              { value: '4-1-2-1', label: 'AirPods (3rd Gen)' },\n              { value: '4-1-2-2', label: 'AirPods (2nd Gen)' },\n            ],\n          },\n        ],\n      },\n      {\n        value: '4-2',\n        label: 'AirPods Max',\n        children: [\n          { value: '4-2-1', label: 'Space Gray' },\n          { value: '4-2-2', label: 'Silver' },\n          { value: '4-2-3', label: 'Green' },\n          { value: '4-2-4', label: 'Pink' },\n          { value: '4-2-5', label: 'Sky Blue' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '5',\n    label: 'TV & Home',\n    icon: () => h(Tv, { size: 14 }),\n    children: [\n      {\n        value: '5-1',\n        label: 'Apple TV 4K',\n        children: [\n          {\n            value: '5-1-1',\n            label: '3rd Gen',\n            children: [\n              { value: '5-1-1-1', label: 'Wi-Fi' },\n              { value: '5-1-1-2', label: 'Wi-Fi + Ethernet' },\n            ],\n          },\n          { value: '5-1-2', label: '2nd Gen' },\n        ],\n      },\n      {\n        value: '5-2',\n        label: 'HomePod',\n        children: [\n          { value: '5-2-1', label: 'HomePod (2nd Gen)' },\n          { value: '5-2-2', label: 'HomePod mini' },\n        ],\n      },\n    ],\n  },\n]\n\nfunction change(item: LewMenuTreeOption) {\n  console.log(item)\n}\n<\/script>\n\n<template>\n  <div class=\"wrapper\">\n    <lew-button style=\"margin-bottom: 10px\" @click=\"collapsed = !collapsed\">\n      {{ collapsed ? \"Expand\" : \"Collapse\" }}\n    </lew-button>\n    <lew-menu-tree\n      v-model=\"selectKey\"\n      v-model:expand-keys=\"expandKeys\"\n      v-model:collapsed=\"collapsed\"\n      width=\"300\"\n      :options=\"options\"\n      @change=\"change\"\n    />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.wrapper {\n  background-color: var(--lew-bgcolor-2);\n  padding: 20px;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { LewMenuTreeOption } from 'lew-ui/types'\nimport { BarChart2, Home, Settings, ShoppingCart, Target, Users } from 'lucide-vue-next'\n\nconst value = ref('')\nconst options: LewMenuTreeOption[] = [\n  {\n    value: '1',\n    label: 'Pet Mgmt',\n    icon: h(Home, { size: 14 }),\n    children: [\n      {\n        value: '1-1',\n        label: 'Pet Records',\n        children: [\n          { value: '1-1-1', label: 'Reg. Pets' },\n          { value: '1-1-2', label: 'Health Records' },\n          { value: '1-1-3', label: 'Vaccine Records' },\n        ],\n      },\n      {\n        value: '1-2',\n        label: 'Breed Mgmt',\n        children: [\n          { value: '1-2-1', label: 'Dog Breeds' },\n          { value: '1-2-2', label: 'Cat Breeds' },\n          { value: '1-2-3', label: 'Other Pets' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '2',\n    label: 'Med Services',\n    icon: h(ShoppingCart, { size: 14 }),\n    children: [\n      {\n        value: '2-1',\n        label: 'Consultation',\n        children: [\n          { value: '2-1-1', label: 'Appt. Booking' },\n          { value: '2-1-2', label: 'Treatment Records' },\n          { value: '2-1-3', label: 'Prescriptions' },\n        ],\n      },\n      {\n        value: '2-2',\n        label: 'Surgery Mgmt',\n        children: [\n          { value: '2-2-1', label: 'Surgery Booking' },\n          { value: '2-2-2', label: 'Surgery Records' },\n          { value: '2-2-3', label: 'Post-Op Care' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '3',\n    label: 'Client Mgmt',\n    icon: h(Users, { size: 14 }),\n    children: [\n      {\n        value: '3-1',\n        label: 'Member Mgmt',\n        children: [\n          { value: '3-1-1', label: 'Member Info' },\n          { value: '3-1-2', label: 'Member Levels' },\n          { value: '3-1-3', label: 'Points Mgmt' },\n        ],\n      },\n      {\n        value: '3-2',\n        label: 'Feedback',\n        children: [\n          { value: '3-2-1', label: 'Satisfaction Survey' },\n          { value: '3-2-2', label: 'Complaints' },\n          { value: '3-2-3', label: 'Suggestions' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '4',\n    label: 'Product Mgmt',\n    icon: h(Target, { size: 14 }),\n    children: [\n      {\n        value: '4-1',\n        label: 'Product Categories',\n        children: [\n          { value: '4-1-1', label: 'Pet Food' },\n          { value: '4-1-2', label: 'Med Supplies' },\n          { value: '4-1-3', label: 'Daily Supplies' },\n        ],\n      },\n      {\n        value: '4-2',\n        label: 'Inventory Mgmt',\n        children: [\n          { value: '4-2-1', label: 'Stock In' },\n          { value: '4-2-2', label: 'Stock Out' },\n          { value: '4-2-3', label: 'Inventory Alerts' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '5',\n    label: 'Data Analysis',\n    icon: h(BarChart2, { size: 14 }),\n    children: [\n      {\n        value: '5-1',\n        label: 'Revenue Analysis',\n        children: [\n          { value: '5-1-1', label: 'Income Analysis' },\n          { value: '5-1-2', label: 'Expense Analysis' },\n          { value: '5-1-3', label: 'Profit Report' },\n        ],\n      },\n      {\n        value: '5-2',\n        label: 'Operational Analysis',\n        children: [\n          { value: '5-2-1', label: 'Consultation Stats' },\n          { value: '5-2-2', label: 'Product Sales' },\n          { value: '5-2-3', label: 'Customer Flow' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '6',\n    label: 'System Settings',\n    icon: h(Settings, { size: 14 }),\n    children: [\n      {\n        value: '6-1',\n        label: 'Employee Mgmt',\n        children: [\n          { value: '6-1-1', label: 'Employee Info' },\n          { value: '6-1-2', label: 'Role Permissions' },\n          { value: '6-1-3', label: 'Attendance Mgmt' },\n        ],\n      },\n      {\n        value: '6-2',\n        label: 'Basic Settings',\n        children: [\n          { value: '6-2-1', label: 'Clinic Info' },\n          { value: '6-2-2', label: 'Service Items' },\n          { value: '6-2-3', label: 'Fee Standards' },\n        ],\n      },\n    ],\n  },\n]\n\nfunction change(item: LewMenuTreeOption) {\n  console.log(item)\n}\n<\/script>\n\n<template>\n  <lew-menu-tree v-model=\"value\" width=\"300\" :options=\"options\" @change=\"change\" />\n</template>\n","<script lang=\"ts\" setup>\nimport type { LewMenuTreeOption } from 'lew-ui/types'\nimport { BarChart2, Calendar, FileText, Settings, Target, Users } from 'lucide-vue-next'\n\nconst value = ref('1-1-1')\nconst expandKeys = ref(['1', '1-1', '1-1-1'])\nconst options: LewMenuTreeOption[] = [\n  {\n    value: '1',\n    label: 'Employee Mgmt',\n    icon: () => h(Users, { size: 14 }),\n    children: [\n      {\n        value: '1-1',\n        label: 'Employee Records',\n        children: [\n          { value: '1-1-1', label: 'Basic Info' },\n          { value: '1-1-2', label: 'Contract Mgmt' },\n          { value: '1-1-3', label: 'Document Info' },\n        ],\n      },\n      {\n        value: '1-2',\n        label: 'Employee Relations',\n        children: [\n          { value: '1-2-1', label: 'Onboarding' },\n          { value: '1-2-2', label: 'Offboarding' },\n          { value: '1-2-3', label: 'Transfers' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '2',\n    label: 'Payroll Mgmt',\n    icon: () => h(FileText, { size: 14 }),\n    children: [\n      {\n        value: '2-1',\n        label: 'Salary Mgmt',\n        children: [\n          { value: '2-1-1', label: 'Salary Calculation' },\n          { value: '2-1-2', label: 'Salary Disbursement' },\n          { value: '2-1-3', label: 'Salary Adjustment' },\n        ],\n      },\n      {\n        value: '2-2',\n        label: 'Benefits Mgmt',\n        children: [\n          { value: '2-2-1', label: 'Social Security' },\n          { value: '2-2-2', label: 'Housing Fund' },\n          { value: '2-2-3', label: 'Subsidy Mgmt' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '3',\n    label: 'Attendance Mgmt',\n    icon: () => h(Calendar, { size: 14 }),\n    children: [\n      {\n        value: '3-1',\n        label: 'Attendance Rules',\n        children: [\n          { value: '3-1-1', label: 'Shift Settings' },\n          { value: '3-1-2', label: 'Scheduling' },\n          { value: '3-1-3', label: 'Leave Policies' },\n        ],\n      },\n      {\n        value: '3-2',\n        label: 'Attendance Records',\n        children: [\n          { value: '3-2-1', label: 'Clock-in Records' },\n          { value: '3-2-2', label: 'Leave Mgmt' },\n          { value: '3-2-3', label: 'Overtime Mgmt' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '4',\n    label: 'Performance Mgmt',\n    icon: () => h(Target, { size: 14 }),\n    children: [\n      {\n        value: '4-1',\n        label: 'Performance Assessment',\n        children: [\n          { value: '4-1-1', label: 'Assessment Criteria' },\n          { value: '4-1-2', label: 'Scoring' },\n          { value: '4-1-3', label: 'Results' },\n        ],\n      },\n      {\n        value: '4-2',\n        label: 'Performance Analysis',\n        children: [\n          { value: '4-2-1', label: 'Department Performance' },\n          { value: '4-2-2', label: 'Individual Performance' },\n          { value: '4-2-3', label: 'Performance Reports' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '5',\n    label: 'Data Analysis',\n    icon: () => h(BarChart2, { size: 14 }),\n    children: [\n      {\n        value: '5-1',\n        label: 'Personnel Analysis',\n        children: [\n          { value: '5-1-1', label: 'Staff Structure' },\n          { value: '5-1-2', label: 'Staff Turnover' },\n          { value: '5-1-3', label: 'Talent Forecast' },\n        ],\n      },\n      {\n        value: '5-2',\n        label: 'Cost Analysis',\n        children: [\n          { value: '5-2-1', label: 'Labor Costs' },\n          { value: '5-2-2', label: 'Training Costs' },\n          { value: '5-2-3', label: 'Benefits Costs' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '6',\n    label: 'System Settings',\n    icon: () => h(Settings, { size: 14 }),\n    children: [\n      {\n        value: '6-1',\n        label: 'Org Structure',\n        children: [\n          { value: '6-1-1', label: 'Department Mgmt' },\n          { value: '6-1-2', label: 'Position Mgmt' },\n          { value: '6-1-3', label: 'Level Mgmt' },\n        ],\n      },\n      {\n        value: '6-2',\n        label: 'Permission Mgmt',\n        children: [\n          { value: '6-2-1', label: 'Role Mgmt' },\n          { value: '6-2-2', label: 'User Mgmt' },\n          { value: '6-2-3', label: 'Permission Config' },\n        ],\n      },\n    ],\n  },\n]\n\nfunction change(item: LewMenuTreeOption) {\n  console.log(item)\n}\n<\/script>\n\n<template>\n  <lew-menu-tree\n    v-model=\"value\"\n    v-model:expand-keys=\"expandKeys\"\n    width=\"300\"\n    :options=\"options\"\n    @change=\"change\"\n  />\n</template>\n","<script lang=\"ts\" setup>\nimport type { LewMenuTreeOption } from 'lew-ui/types'\nimport { FileText, MessageSquare, Tag, Users } from 'lucide-vue-next'\n\nconst value = ref('')\nconst expandKeys = ref([\n  '1',\n  '1-1',\n  '1-1-1',\n  '1-1-2',\n  '1-1-3',\n  '1-2',\n  '1-2-1',\n  '1-2-2',\n  '1-2-3',\n  '2',\n  '2-1',\n  '2-1-1',\n  '2-1-2',\n])\nconst options: LewMenuTreeOption[] = [\n  {\n    value: '1',\n    label: 'Article Mgmt',\n    icon: () => h(FileText, { size: 14 }),\n    tagProps: {\n      text: 'Core',\n      color: 'success',\n    },\n    children: [\n      {\n        value: '1-1',\n        label: 'Article List',\n        children: [\n          {\n            value: '1-1-1',\n            label: 'Published',\n            tagProps: {\n              text: '12',\n              color: 'info',\n            },\n          },\n          {\n            value: '1-1-2',\n            label: 'Drafts',\n            tagProps: {\n              text: '3',\n              color: 'warning',\n            },\n          },\n          {\n            value: '1-1-3',\n            label: 'Recycle Bin',\n            tagProps: {\n              text: '0',\n              color: 'info',\n            },\n          },\n        ],\n      },\n      {\n        value: '1-2',\n        label: 'Write Article',\n        tagProps: {\n          text: 'New',\n          color: 'success',\n        },\n        children: [\n          {\n            value: '1-2-1',\n            label: 'New Article',\n          },\n          {\n            value: '1-2-2',\n            label: 'Import Article',\n            tagProps: {\n              text: 'Beta',\n              color: 'warning',\n            },\n          },\n          {\n            value: '1-2-3',\n            label: 'Batch Actions',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    value: '2',\n    label: 'User Mgmt',\n    icon: () => h(Users, { size: 14 }),\n    tagProps: {\n      text: 'Admin',\n      color: 'warning',\n    },\n    children: [\n      {\n        value: '2-1',\n        label: 'User List',\n        children: [\n          {\n            value: '2-1-1',\n            label: 'Regular Users',\n            tagProps: {\n              text: '1.2k',\n              color: 'success',\n            },\n          },\n          {\n            value: '2-1-2',\n            label: 'Admins',\n            tagProps: {\n              text: '12',\n              color: 'warning',\n            },\n          },\n          {\n            value: '2-1-3',\n            label: 'Blacklist',\n            tagProps: {\n              text: '5',\n              color: 'error',\n            },\n          },\n        ],\n      },\n      {\n        value: '2-2',\n        label: 'User Permissions',\n        children: [\n          {\n            value: '2-2-1',\n            label: 'Role Mgmt',\n            tagProps: {\n              text: 'Admin Only',\n              color: 'error',\n            },\n          },\n          {\n            value: '2-2-2',\n            label: 'Permission Assign',\n          },\n          {\n            value: '2-2-3',\n            label: 'Access Control',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    value: '3',\n    label: 'Comment Mgmt',\n    icon: () => h(MessageSquare, { size: 14 }),\n    children: [\n      {\n        value: '3-1',\n        label: 'Comment List',\n        children: [\n          {\n            value: '3-1-1',\n            label: 'Pending Review',\n            tagProps: {\n              text: '23',\n              color: 'error',\n            },\n          },\n          {\n            value: '3-1-2',\n            label: 'Approved',\n            tagProps: {\n              text: '156',\n              color: 'success',\n            },\n          },\n          {\n            value: '3-1-3',\n            label: 'Rejected',\n            tagProps: {\n              text: '8',\n              color: 'warning',\n            },\n          },\n        ],\n      },\n      {\n        value: '3-2',\n        label: 'Comment Settings',\n        children: [\n          {\n            value: '3-2-1',\n            label: 'Review Rules',\n          },\n          {\n            value: '3-2-2',\n            label: 'Sensitive Word Filter',\n          },\n          {\n            value: '3-2-3',\n            label: 'Comment Switch',\n            tagProps: {\n              text: 'Enabled',\n              color: 'success',\n            },\n          },\n        ],\n      },\n    ],\n  },\n  {\n    value: '4',\n    label: 'Tag Mgmt',\n    icon: () => h(Tag, { size: 14 }),\n    children: [\n      {\n        value: '4-1',\n        label: 'Tag List',\n        children: [\n          {\n            value: '4-1-1',\n            label: 'Popular Tags',\n            tagProps: {\n              text: '45',\n              color: 'success',\n            },\n          },\n          {\n            value: '4-1-2',\n            label: 'Latest Tags',\n            tagProps: {\n              text: '12',\n              color: 'info',\n            },\n          },\n          {\n            value: '4-1-3',\n            label: 'Tag Review',\n            tagProps: {\n              text: '3',\n              color: 'warning',\n            },\n          },\n        ],\n      },\n      {\n        value: '4-2',\n        label: 'Category Mgmt',\n        children: [\n          {\n            value: '4-2-1',\n            label: 'Category List',\n            tagProps: {\n              text: '8',\n              color: 'info',\n            },\n          },\n          {\n            value: '4-2-2',\n            label: 'Add Category',\n          },\n          {\n            value: '4-2-3',\n            label: 'Category Sort',\n          },\n        ],\n      },\n    ],\n  },\n]\n\nfunction change(item: LewMenuTreeOption) {\n  console.log(item)\n}\n<\/script>\n\n<template>\n  <lew-menu-tree\n    v-model=\"value\"\n    v-model:expand-keys=\"expandKeys\"\n    width=\"300\"\n    :options=\"options\"\n    @change=\"change\"\n  />\n</template>\n\n<style scoped>\n.custom-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.custom-count {\n  padding: 1px 6px;\n  background-color: var(--lew-color-info-light);\n  color: var(--lew-color-info);\n  border-radius: 10px;\n  font-size: 12px;\n  margin-left: auto;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { LewMenuTreeOption } from 'lew-ui/types'\nimport { LewFlex, LewTag } from 'lew-ui'\nimport {\n  BarChart2,\n  FileText,\n  MessageSquare,\n  Settings,\n  Tag,\n  Users,\n} from 'lucide-vue-next'\n\nconst value = ref('')\nconst expandKeys = ref([])\n\nconst options = [\n  {\n    value: '1',\n    icon: () => h(FileText, { size: 14 }),\n    label: () =>\n      h(LewFlex, { x: 'start', style: 'width: 100%' }, () => [\n        h('span', 'Article Mgmt'),\n        h(\n          LewTag,\n          {\n            type: 'light',\n            color: 'error',\n            round: true,\n            size: 'small',\n          },\n          () => '10',\n        ),\n      ]),\n    children: [\n      {\n        value: '1-1',\n        label: () =>\n          h(LewFlex, { x: 'start', style: 'width: 100%' }, () => [\n            h('span', 'Article List'),\n            h(LewTag, { type: 'light', color: 'primary', size: 'small' }, () => 'New'),\n          ]),\n        children: [\n          { value: '1-1-1', label: 'Published' },\n          { value: '1-1-2', label: 'Drafts' },\n          { value: '1-1-3', label: 'Recycle Bin' },\n        ],\n      },\n      {\n        value: '1-2',\n        label: 'Write Article',\n        children: [\n          { value: '1-2-1', label: 'New Article' },\n          { value: '1-2-2', label: 'Import Article' },\n          { value: '1-2-3', label: 'Batch Actions' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '2',\n    icon: () => h(Users, { size: 14 }),\n    label: () =>\n      h(LewFlex, { x: 'start', style: 'width: 100%' }, () => [\n        h('span', 'User Mgmt'),\n        h(\n          LewTag,\n          {\n            type: 'light',\n            color: 'error',\n            round: true,\n            size: 'small',\n          },\n          () => '5',\n        ),\n      ]),\n    children: [\n      {\n        value: '2-1',\n        label: () =>\n          h(LewFlex, { x: 'start', style: 'width: 100%' }, () => [\n            h('span', 'User List'),\n            h(LewTag, { type: 'light', color: 'primary', size: 'small' }, () => 'New'),\n          ]),\n        children: [\n          { value: '2-1-1', label: 'Regular Users' },\n          { value: '2-1-2', label: 'Admins' },\n          { value: '2-1-3', label: 'Blacklist' },\n        ],\n      },\n      {\n        value: '2-2',\n        label: 'User Permissions',\n        children: [\n          { value: '2-2-1', label: 'Role Mgmt' },\n          { value: '2-2-2', label: 'Permission Assign' },\n          { value: '2-2-3', label: 'Access Control' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '3',\n    label: 'Comment Mgmt',\n    icon: () => h(MessageSquare, { size: 14 }),\n    children: [\n      {\n        value: '3-1',\n        label: 'Comment List',\n        children: [\n          { value: '3-1-1', label: 'Pending Review' },\n          { value: '3-1-2', label: 'Approved' },\n          { value: '3-1-3', label: 'Rejected' },\n        ],\n      },\n      {\n        value: '3-2',\n        label: 'Comment Settings',\n        children: [\n          { value: '3-2-1', label: 'Review Rules' },\n          { value: '3-2-2', label: 'Sensitive Word Filter' },\n          { value: '3-2-3', label: 'Comment Switch' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '4',\n    label: 'Tag Mgmt',\n    icon: () => h(Tag, { size: 14 }),\n    children: [\n      {\n        value: '4-1',\n        label: 'Tag List',\n        children: [\n          { value: '4-1-1', label: 'Popular Tags' },\n          { value: '4-1-2', label: 'Latest Tags' },\n          { value: '4-1-3', label: 'Tag Review' },\n        ],\n      },\n      {\n        value: '4-2',\n        label: 'Category Mgmt',\n        children: [\n          { value: '4-2-1', label: 'Category List' },\n          { value: '4-2-2', label: 'Add Category' },\n          { value: '4-2-3', label: 'Category Sort' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '5',\n    label: 'Data Stats',\n    icon: () => h(BarChart2, { size: 14 }),\n    children: [\n      {\n        value: '5-1',\n        label: 'Visit Stats',\n        children: [\n          { value: '5-1-1', label: 'Visit Trends' },\n          { value: '5-1-2', label: 'Source Analysis' },\n          { value: '5-1-3', label: 'Visit Details' },\n        ],\n      },\n      {\n        value: '5-2',\n        label: 'Content Stats',\n        children: [\n          { value: '5-2-1', label: 'Popular Articles' },\n          { value: '5-2-2', label: 'Author Ranking' },\n          { value: '5-2-3', label: 'Engagement Data' },\n        ],\n      },\n    ],\n  },\n  {\n    value: '6',\n    label: 'System Settings',\n    icon: () => h(Settings, { size: 14 }),\n    children: [\n      {\n        value: '6-1',\n        label: 'Basic Settings',\n        children: [\n          { value: '6-1-1', label: 'Site Info' },\n          { value: '6-1-2', label: 'Theme Settings' },\n          { value: '6-1-3', label: 'Email Config' },\n        ],\n      },\n      {\n        value: '6-2',\n        label: 'Security Settings',\n        children: [\n          { value: '6-2-1', label: 'Login Settings' },\n          { value: '6-2-2', label: 'Backup & Restore' },\n          { value: '6-2-3', label: 'Action Logs' },\n        ],\n      },\n    ],\n  },\n]\n\nfunction change(item: LewMenuTreeOption) {\n  console.log(item)\n}\n<\/script>\n\n<template>\n  <lew-menu-tree\n    v-model=\"value\"\n    v-model:expand-keys=\"expandKeys\"\n    width=\"300\"\n    :options=\"options\"\n    @change=\"change\"\n  />\n</template>\n\n<style scoped>\n.custom-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.custom-count {\n  padding: 1px 6px;\n  background-color: var(--lew-color-info-light);\n  color: var(--lew-color-info);\n  border-radius: 10px;\n  font-size: 12px;\n  margin-left: auto;\n}\n</style>\n"],q={class:"demo-wrapper"},Z=a({__name:"DemoMenuTree",setup(a){const i=k().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),o=t(Object.keys(K).map(e=>K[e]));return(a,t)=>(d(),b("div",q,[m(e),m(l,{"demo-group":p(j),"code-group":p(N),"component-name":p(i),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),m(n,{options:p(o)},null,8,["options"])]))}});export{Z as default};