lew-ui 2.7.20 → 2.7.22

package/dist/assets/js/index-9D8z01cX.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 r,aX as u,aY as o,aW as t,aV as i,aZ as s,aj as b,am as d,a as p,J as c,a3 as v,a6 as m,u as h,a9 as g,ab as f,ac as _,at as y,au as k,_ as x,a7 as w,bf as A}from"./.pnpm-CZLWBssD.js";import{c as M,a as S}from"./utils-CLdZaKTe.js";import{aj as q,ak as L,al as Y,_ as z}from"./index-CcB67-Bu.js";import{u as C}from"./uploadHelper-fP2TRIx8.js";import{s as j}from"./data-BmZE5nT3.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";import"./http-Ctb3-gew.js";const F={title:"Emits",columnsKey:"emits",orderNum:99,data:M(q)},T={title:"FormItemProps",columnsKey:"props",orderNum:12,data:S(L)},O={title:"Props",columnsKey:"props",orderNum:10,data:S(Y)},B=Object.freeze(Object.defineProperty({__proto__:null,emits:F,formItemProps:T,methods:{title:"Methods",columnsKey:"methods",data:[{name:"getForm",description:"获取表单值",type:"() => {}"},{name:"setForm",description:"设置表单值",type:"() => {}"}]},props:O},Symbol.toStringTag,{value:"Module"})),P=z(n({__name:"DemoForm1",setup(e){const l=j.map((e,l)=>({label:e,value:l+1})),a=r({}),n=r();function y(){LewMessage.request({loadingMessage:"处理中···"},()=>new Promise((e,l)=>{n.value.validate().then(l=>{l?(a.value=n.value.getForm(),e({content:"加载成功！",duration:1e3,type:"success"})):e({content:"请完善表单",duration:1e3,type:"warning"})}).catch(e=>{l(e)})}))}const k=r([{label:"表单大小",as:"tabs",field:"size",props:{itemWidth:"auto",width:"100%",options:[{label:"small",value:"small"},{label:"medium",value:"medium"},{label:"large",value:"large"}]}},{field:"upload",label:"上传",as:"upload",rule:u().of(s({status:o().oneOf(["success"],"请等待上传完成")})).min(3,"至少包含3个元素").required("此项必填"),props:{uploadHelperId:"uploadHelper",multiple:!0,viewMode:"card",limit:3,accept:"image/jpeg,image/png",tips:"只能上传jpg/png文件，且不超过500kb，最多上传3个文件"}},{field:"input",label:"文本框",as:"input",rule:o().required("此项必填"),props:{showCount:!0,maxLength:30}},{field:"input-number",label:"数字输入框",as:"input-number",rule:t().min(0).max(100).typeError("请输入数字").required("此项必填"),props:{}},{field:"textarea",label:"多行文本框",as:"textarea",rule:o().required("不能为空"),props:{clearable:!0,showCount:!0,maxLength:300}},{field:"select",label:"单选选择器",as:"select",rule:o().required("此项必填"),props:{clearable:!0,options:[{label:"广东",value:"1"},{label:"深圳",value:"2"},{label:"杭州",value:"3"},{label:"上海",value:"4"},{label:"北京",value:"5"}]}},{field:"select_multiple",label:"多选选择器",as:"select-multiple",rule:u().min(2,"至少选择2个").required("此项必填"),props:{clearable:!0,options:l}},{field:"radio_group",label:"单选框",as:"radio-group",rule:o().required("此项必填"),props:{options:[{label:"男",value:"1"},{label:"女",value:"2"},{label:"不公开",value:"3"}]}},{field:"checkbox_group",label:"多选框",as:"checkbox-group",rule:u().min(1,"至少选择一个").required("此项必填"),props:{round:!0,block:!0,options:[{label:"唱歌",value:"1"},{label:"跳舞",value:"2"},{label:"Rap",value:"3"},{label:"上海",value:"4"}]}},{field:"rate",label:"评分",as:"rate",rule:t().required("此项必填"),props:{max:10}},{field:"tabs",label:"选项卡",as:"tabs",rule:o().required("此项必填"),props:{options:[{label:"Beijing",value:"1"},{label:"Shanghai",value:"2"},{label:"Guangzhou",value:"3"},{label:"Shenzhen",value:"4"}]}},{field:"user.address",label:"地址",as:"cascader",rule:o().required("地址必填"),props:{label:"是否同意",free:!0,options:[{value:1,label:"Asia",children:[{value:2,label:"China",children:[{value:3,label:"Beijing"},{value:4,label:"Shanghai"},{value:5,label:"Hangzhou"}]},{value:6,label:"Japan",children:[{value:7,label:"Tokyo"},{value:8,label:"Osaka"},{value:9,label:"Kyoto"}]},{value:10,label:"Korea",children:[{value:11,label:"Seoul"},{value:12,label:"Busan"},{value:13,label:"Taegu"}]}]},{value:14,label:"Europe",children:[{value:15,label:"France",children:[{value:16,label:"Paris"},{value:17,label:"Marseille"},{value:18,label:"Lyon"}]},{value:19,label:"UK",children:[{value:20,label:"London"},{value:21,label:"Birmingham"},{value:22,label:"Manchester"}]}]},{value:23,label:"North America",children:[{value:24,label:"US",children:[{value:25,label:"New York"},{value:26,label:"Los Angeles"},{value:27,label:"Washington"}]},{value:28,label:"Canada",children:[{value:29,label:"Toronto"},{value:30,label:"Montreal"},{value:31,label:"Ottawa"}]}]}]}},{field:"user.addd",label:"",as:"checkbox",rule:i().oneOf([!0],"请同意").required("请同意"),props:{label:"是否同意"}},{field:"info.a.b.c.slider",label:"滑块",as:"slider",rule:t().required("不能为空")},{field:"info.a.b.c.input_tag",label:"标签输入框",as:"input-tag",rule:u().min(1,"至少选择一个").required("不能为空")},{field:"date_range",label:"日期范围选择器",as:"date-range-picker",rule:s().shape({start:o().required("开始日期必填"),end:o().required("结束日期必填")}).required("日期范围必填"),outputFormat:({value:e})=>{if(!e||"object"!=typeof e||null===e)return"";return{dateStart:"string"==typeof e.start?e.start:"",dateEnd:"string"==typeof e.end?e.end:""}},inputFormat:({value:e})=>{if("string"!=typeof e)return{start:"",end:""};const l=e.split(" - ");return{start:l[0]??"",end:l[1]??""}},props:{clearable:!0,placeholder:"请选择日期范围"}},{as:"button",props:{text:"提交",request:y}}]);function x(){n.value.setForm({size:"medium"})}function w(){n.value.setForm({size:"medium"})}function A(){a.value=n.value.getForm()}return b(()=>{x()}),(e,l)=>{const r=d("lew-form"),u=d("lew-button"),o=d("lew-flex");return c(),p(o,{x:"start",y:"start",gap:"50px"},{default:v(()=>[m(r,{ref_key:"formRef",ref:n,size:h(a).size,"form-methods":{uploadHelper:h(C)},class:"form-box",options:h(k),width:"450px",onMounted:x,onChange:A},null,8,["size","form-methods","options"]),m(o,{direction:"y",x:"start"},{default:v(()=>[m(o,{x:"start"},{default:v(()=>[m(u,{type:"light",round:"",onClick:y},{default:v(()=>l[0]||(l[0]=[f(" submit ")])),_:1,__:[0]}),m(u,{type:"light",round:"",onClick:x},{default:v(()=>l[1]||(l[1]=[f(" setForm ")])),_:1,__:[1]}),m(u,{type:"light",round:"",onClick:w},{default:v(()=>l[2]||(l[2]=[f(" reset ")])),_:1,__:[2]})]),_:1}),g("pre",null,_(h(a)),1)]),_:1})]),_:1})}}}),[["__scopeId","data-v-a438925c"]]),R=z(n({__name:"DemoForm2",setup(e){const l=r({}),a=r();b(()=>{a.value.setForm({size:"medium"})});const n=r([{label:"表单大小",as:"tabs",field:"size",props:{itemWidth:"auto",width:"100%",options:[{label:"small",value:"small"},{label:"medium",value:"medium"},{label:"large",value:"large"}]}},{field:"name",label:"姓名",as:"input",rule:o().matches(/^[a-z]+$/i,"必须为纯英文字母").min(4,"长度必须至少为4").max(16,"长度不能超过16").required("不能为空"),props:{clearable:!0}},{field:"remark",label:"备注",as:"input",rule:o().matches(/^[a-z]+$/i,"必须为纯英文字母").min(4,"长度必须至少为4").max(16,"长度不能超过16").required("不能为空"),props:{clearable:!0}},{field:"intro",label:"介绍",as:"textarea",rule:o().matches(/^[\u4E00-\u9FA5]+$/,"必须为纯中文").min(30,"长度必须至少为30").max(300,"长度不能超过8").required("不能为空"),props:{clearable:!0}},{field:"birth",label:"生日",as:"date-picker",rule:o().required("不能为空"),props:{clearable:!0}},{field:"date.birth",label:"有效期",as:"date-range-picker",rule:s().required("不能为空"),props:{clearable:!0}},{field:"user.city",label:"城市",as:"select",rule:o().required("此项必填"),props:{change:e=>{},clearable:!0,options:[{label:"广东",value:"1"},{label:"深圳",value:"2"},{label:"杭州",value:"3"},{label:"上海",value:"4"},{label:"北京",value:"5"}]}},{field:"user.agree",label:"",as:"checkbox",rule:i().oneOf([!0],"请同意").required("请同意"),props:{label:"是否同意"}},{as:"button",props:{text:"提交",request:function(){a.value.validate().then(e=>{})}}}]);return(e,r)=>{const u=d("lew-form"),o=d("lew-flex");return c(),p(o,{width:"500px",x:"start",y:"start",gap:"50px"},{default:v(()=>[m(u,{ref_key:"formRef",ref:a,direction:"y",class:"form-box",size:h(l).size,options:h(n),onChange:r[0]||(r[0]=e=>{l.value=e})},null,8,["size","options"]),g("pre",null,_(h(l)),1)]),_:1})}}}),[["__scopeId","data-v-6978ed6e"]]),K=z(n({__name:"DemoForm3",setup(e){const l=r([{field:"username",label:"用户名",as:"input",rule:o().required()},{field:"password",label:"密码",as:"input",rule:o().min(6).required(),props:{type:"password"}},{field:"phone",label:"手机",as:"input"}]),a=r();return(e,n)=>{const r=d("lew-form"),u=d("lew-flex");return c(),p(u,{style:{width:"450px"}},{default:v(()=>[m(r,{ref_key:"formRef",ref:a,class:"form-box",options:h(l)},null,8,["options"])]),_:1})}}}),[["__scopeId","data-v-b422f4fa"]]),E=n({__name:"DemoForm4",setup(e){const l=j.map((e,l)=>({label:e,value:l+1})),a=r({}),n=r();b(()=>{n.value.setForm({size:"medium",input:"文本框",textarea:"多行文本",select:"1",select_multiple:[1,2],radio_group:"2",checkbox_group:["2"],tabs:"2",user:{address:30,addd:!0},info:{asd:{dsd:{input_tag:["测试","小芳"]}}}})});const t=r([{field:"input",label:"文本框",as:"input",rule:o().required("不能为空"),gridArea:"auto / 1 / auto / 2",props:{showCount:!0,maxLength:30}},{field:"select",label:"单选选择器",as:"select",rule:o().required("此项必填"),gridArea:"auto / 2 / auto / 3",props:{clearable:!0,options:[{label:"广东",value:"1"},{label:"深圳",value:"2"},{label:"杭州",value:"3"},{label:"上海",value:"4"},{label:"北京",value:"5"}]}},{field:"textarea",label:"多行文本框",as:"textarea",rule:o().required("不能为空"),gridArea:"auto / 1 / auto / 3",props:{clearable:!0,showCount:!0,maxLength:300}},{field:"radio_group",label:"单选框",as:"radio-group",gridArea:"auto / 1 / auto / 2",rule:o().required("此项必填"),props:{options:[{label:"男",value:"1"},{label:"女",value:"2"},{label:"不公开",value:"3"}]}},{field:"select_multiple",label:"多选选择器",as:"select-multiple",gridArea:"auto / 2 / auto / 3",rule:u().min(2,"至少选择2个").required("此项必填"),props:{change:e=>{},clearable:!0,options:l}},{field:"checkbox_group",label:"多选框",as:"checkbox-group",gridArea:"auto / 1 / auto / 2",rule:u().min(1,"至少选择一个").required("此项必填"),props:{round:!0,block:!0,options:[{label:"唱歌",value:"1"},{label:"跳舞",value:"2"},{label:"Rap",value:"3"},{label:"上海",value:"4"}]}},{field:"user.address",label:"地址",as:"cascader",gridArea:"auto / 1 / auto / 2",rule:o().required("地址必填"),props:{label:"是否同意",free:!0,options:[{value:1,label:"Asia",children:[{value:2,label:"China",children:[{value:3,label:"Beijing"},{value:4,label:"Shanghai"},{value:5,label:"Hangzhou"}]},{value:6,label:"Japan",children:[{value:7,label:"Tokyo"},{value:8,label:"Osaka"},{value:9,label:"Kyoto"}]},{value:10,label:"Korea",children:[{value:11,label:"Seoul"},{value:12,label:"Busan"},{value:13,label:"Taegu"}]}]},{value:14,label:"Europe",children:[{value:15,label:"France",children:[{value:16,label:"Paris"},{value:17,label:"Marseille"},{value:18,label:"Lyon"}]},{value:19,label:"UK",children:[{value:20,label:"London"},{value:21,label:"Birmingham"},{value:22,label:"Manchester"}]}]},{value:23,label:"North America",children:[{value:24,label:"US",children:[{value:25,label:"New York"},{value:26,label:"Los Angeles"},{value:27,label:"Washington"}]},{value:28,label:"Canada",children:[{value:29,label:"Toronto"},{value:30,label:"Montreal"},{value:31,label:"Ottawa"}]}]}]}},{field:"info.asd.dsd.input_tag",label:"标签输入框",as:"input-tag",gridArea:"auto / 2 / auto / 3",rule:u().min(1,"至少选择一个").required("不能为空")},{field:"user.addd",label:"",as:"checkbox",gridArea:"auto / 1 / auto / 2",rule:i().oneOf([!0],"请同意").required("请同意"),props:{label:"是否同意"}},{as:"button",gridArea:"auto / 1 / auto / 2",props:{text:"提交",click:()=>async function(){await n.value.validate()?LewMessage.success("已提交"):LewMessage.warning("请完善表单")}()}}]);return(e,l)=>{const r=d("lew-form"),u=d("lew-flex");return c(),p(u,{x:"start",y:"start",gap:"50px"},{default:v(()=>[m(r,{ref_key:"formRef",ref:n,size:h(a).size,options:h(t),direction:"y",columns:3,onChange:l[0]||(l[0]=e=>{a.value=e})},null,8,["size","options"])]),_:1})}}}),N={direction:"x",columns:3,size:"medium",width:"1128px",id:"form_20240810_42aeb6115",options:JSON.parse('[{"label":"复选框","as":"checkbox-group","props":{"options":[{"label":"唱歌","value":"1"},{"label":"跳舞","value":"2"},{"label":"Rap","value":"3"},{"label":"上海","value":"4"}]},"id":"checkbox-group_20240810_1b28381","field":"e5821c2","gridArea":"auto  / 1 / auto  / 2"},{"label":"下拉单选","as":"select","props":{"clearable":true,"options":[{"label":"广东","value":"1"},{"label":"深圳","value":"2"},{"label":"杭州","value":"3"},{"label":"上海","value":"4"},{"label":"北京","value":"5"}]},"id":"select_20240810_e0aae03","field":"5158b04","gridArea":"auto  / 2 / auto  / 3"},{"label":"复选框","as":"checkbox-group","props":{"options":[{"label":"唱歌","value":"1"},{"label":"跳舞","value":"2"},{"label":"Rap","value":"3"},{"label":"上海","value":"4"}]},"id":"checkbox-group_20240810_4433755","field":"aa10eb6","gridArea":"auto  / 3 / auto  / 4"},{"label":"选项卡","as":"tabs","props":{"options":[{"label":"Beijing","value":"1"},{"label":"Shanghai","value":"2"},{"label":"Guangzhou","value":"3"}]},"id":"tabs_20240810_cbe2467","field":"9c38218","gridArea":"auto  / 1 / auto  / 2"},{"label":"复选框","as":"checkbox-group","props":{"options":[{"label":"唱歌","value":"1"},{"label":"跳舞","value":"2"},{"label":"Rap","value":"3"},{"label":"上海","value":"4"}]},"id":"checkbox-group_20240810_c2d6c59","field":"a65bc310","gridArea":"auto  / 2 / auto  / 3"},{"label":"级联选择","as":"cascader","props":{"label":"是否同意","free":true,"options":[{"value":1,"label":"Asia","children":[{"value":2,"label":"China","children":[{"value":3,"label":"Beijing"},{"value":4,"label":"Shanghai"},{"value":5,"label":"Hangzhou"}]},{"value":6,"label":"Japan","children":[{"value":7,"label":"Tokyo"},{"value":8,"label":"Osaka"},{"value":9,"label":"Kyoto"}]},{"value":10,"label":"Korea","children":[{"value":11,"label":"Seoul"},{"value":12,"label":"Busan"},{"value":13,"label":"Taegu"}]}]},{"value":14,"label":"Europe","children":[{"value":15,"label":"France","children":[{"value":16,"label":"Paris"},{"value":17,"label":"Marseille"},{"value":18,"label":"Lyon"}]},{"value":19,"label":"UK","children":[{"value":20,"label":"London"},{"value":21,"label":"Birmingham"},{"value":22,"label":"Manchester"}]}]},{"value":23,"label":"North America","children":[{"value":24,"label":"US","children":[{"value":25,"label":"New York"},{"value":26,"label":"Los Angeles"},{"value":27,"label":"Washington"}]},{"value":28,"label":"Canada","children":[{"value":29,"label":"Toronto"},{"value":30,"label":"Montreal"},{"value":31,"label":"Ottawa"}]}]}]},"id":"cascader_20240810_15d9e011","field":"3f89ef12","gridArea":"auto  / 3 / auto  / 4"},{"label":"级联选择","as":"cascader","props":{"label":"是否同意","free":true,"options":[{"value":1,"label":"Asia","children":[{"value":2,"label":"China","children":[{"value":3,"label":"Beijing"},{"value":4,"label":"Shanghai"},{"value":5,"label":"Hangzhou"}]},{"value":6,"label":"Japan","children":[{"value":7,"label":"Tokyo"},{"value":8,"label":"Osaka"},{"value":9,"label":"Kyoto"}]},{"value":10,"label":"Korea","children":[{"value":11,"label":"Seoul"},{"value":12,"label":"Busan"},{"value":13,"label":"Taegu"}]}]},{"value":14,"label":"Europe","children":[{"value":15,"label":"France","children":[{"value":16,"label":"Paris"},{"value":17,"label":"Marseille"},{"value":18,"label":"Lyon"}]},{"value":19,"label":"UK","children":[{"value":20,"label":"London"},{"value":21,"label":"Birmingham"},{"value":22,"label":"Manchester"}]}]},{"value":23,"label":"North America","children":[{"value":24,"label":"US","children":[{"value":25,"label":"New York"},{"value":26,"label":"Los Angeles"},{"value":27,"label":"Washington"}]},{"value":28,"label":"Canada","children":[{"value":29,"label":"Toronto"},{"value":30,"label":"Montreal"},{"value":31,"label":"Ottawa"}]}]}]},"id":"cascader_20240810_d3ef9113","field":"67375f14","gridArea":"auto  / 1 / auto  / 2"},{"label":"日期范围","as":"date-range-picker","props":{"options":[{"label":"Beijing","value":"1"},{"label":"Shanghai","value":"2"},{"label":"Guangzhou","value":"3"}]},"id":"date-range-picker_20240810_6cd68715","field":"17da9a16","gridArea":"auto  / 2 / auto  / 3"},{"label":"日期","as":"date-picker","props":{"options":[{"label":"Beijing","value":"1"},{"label":"Shanghai","value":"2"},{"label":"Guangzhou","value":"3"}]},"id":"date-picker_20240810_8666a517","field":"b282ae18","gridArea":"auto  / 3 / auto  / 4"},{"label":"日期","as":"date-picker","props":{"options":[{"label":"Beijing","value":"1"},{"label":"Shanghai","value":"2"},{"label":"Guangzhou","value":"3"}]},"id":"date-picker_20240810_248d6019","field":"75255b20","gridArea":"auto  / 1 / auto  / 2"},{"label":"单选框","as":"radio-group","props":{"options":[{"label":"男","value":"1"},{"label":"女","value":"2"},{"label":"不公开","value":"3"}]},"id":"radio-group_20240810_34b9dc21","field":"2e32be22","gridArea":"auto  / 2 / auto  / 3"},{"label":"复选框","as":"checkbox-group","props":{"options":[{"label":"唱歌","value":"1"},{"label":"跳舞","value":"2"},{"label":"Rap","value":"3"},{"label":"上海","value":"4"}]},"id":"checkbox-group_20240810_4890f823","field":"09fe2a24","gridArea":"auto  / 3 / auto  / 4"},{"label":"文本域","as":"textarea","props":{"clearable":true,"showCount":true,"maxLength":300},"id":"textarea_20240810_76b10c25","field":"fbaa5b26","gridArea":"auto  / 1 / auto  / 2"},{"label":"单选框","as":"radio-group","props":{"options":[{"label":"男","value":"1"},{"label":"女","value":"2"},{"label":"不公开","value":"3"}]},"id":"radio-group_20240810_2c3bb729","field":"3fd14b30","gridArea":"auto  / 2 / auto  / 3"},{"label":"文本域","as":"textarea","props":{"clearable":true,"showCount":true,"maxLength":300},"id":"textarea_20240810_c5e1b331","field":"31b94b32","gridArea":"auto  / 3 / auto  / 4"},{"label":"下拉单选","as":"select","props":{"clearable":true,"options":[{"label":"广东","value":"1"},{"label":"深圳","value":"2"},{"label":"杭州","value":"3"},{"label":"上海","value":"4"},{"label":"北京","value":"5"}]},"id":"select_20240810_09e36533","field":"cafe2734","gridArea":"auto  / 1 / auto  / 2"},{"field":"5ed9c336","label":"下拉多选","as":"select-multiple","props":{"clearable":true,"options":[{"label":"广东","value":"1"},{"label":"深圳","value":"2"},{"label":"杭州","value":"3"},{"label":"上海","value":"4"},{"label":"北京","value":"5"}]},"id":"select-multiple_20240810_0d7efd35","gridArea":"auto  / 2 / auto  / 3"},{"field":"897eb038","label":"下拉多选","as":"select-multiple","props":{"clearable":true,"options":[{"label":"广东","value":"1"},{"label":"深圳","value":"2"},{"label":"杭州","value":"3"},{"label":"上海","value":"4"},{"label":"北京","value":"5"}]},"id":"select-multiple_20240810_c7cdd137","gridArea":"auto  / 3 / auto  / 4"},{"label":"选项卡","as":"tabs","props":{"options":[{"label":"Beijing","value":"1"},{"label":"Shanghai","value":"2"},{"label":"Guangzhou","value":"3"}]},"id":"tabs_20240810_6b212439","field":"8c2cda40","gridArea":"auto  / 1 / auto  / 2"},{"label":"复选框","as":"checkbox-group","props":{"options":[{"label":"唱歌","value":"1"},{"label":"跳舞","value":"2"},{"label":"Rap","value":"3"},{"label":"上海","value":"4"}]},"id":"checkbox-group_20240810_4f5c0741","field":"ac534042","gridArea":"auto  / 2 / auto  / 3"},{"label":"级联选择","as":"cascader","props":{"label":"是否同意","free":true,"options":[{"value":1,"label":"Asia","children":[{"value":2,"label":"China","children":[{"value":3,"label":"Beijing"},{"value":4,"label":"Shanghai"},{"value":5,"label":"Hangzhou"}]},{"value":6,"label":"Japan","children":[{"value":7,"label":"Tokyo"},{"value":8,"label":"Osaka"},{"value":9,"label":"Kyoto"}]},{"value":10,"label":"Korea","children":[{"value":11,"label":"Seoul"},{"value":12,"label":"Busan"},{"value":13,"label":"Taegu"}]}]},{"value":14,"label":"Europe","children":[{"value":15,"label":"France","children":[{"value":16,"label":"Paris"},{"value":17,"label":"Marseille"},{"value":18,"label":"Lyon"}]},{"value":19,"label":"UK","children":[{"value":20,"label":"London"},{"value":21,"label":"Birmingham"},{"value":22,"label":"Manchester"}]}]},{"value":23,"label":"North America","children":[{"value":24,"label":"US","children":[{"value":25,"label":"New York"},{"value":26,"label":"Los Angeles"},{"value":27,"label":"Washington"}]},{"value":28,"label":"Canada","children":[{"value":29,"label":"Toronto"},{"value":30,"label":"Montreal"},{"value":31,"label":"Ottawa"}]}]}]},"id":"cascader_20240810_ac8d3845","field":"8012ac46","gridArea":"auto  / 3 / auto  / 4"},{"label":"开关","as":"switch","props":{"round":1},"id":"switch_20240810_4c561647","field":"fcc18c48","gridArea":"auto  / 1 / auto  / 2"},{"label":"数字输入","as":"input-number","props":{},"id":"input-number_20240810_1dd18a59","field":"29989360","gridArea":"auto  / 2 / auto  / 3"},{"label":"日期范围","as":"date-range-picker","props":{"options":[{"label":"Beijing","value":"1"},{"label":"Shanghai","value":"2"},{"label":"Guangzhou","value":"3"}]},"id":"date-range-picker_20240810_59964461","field":"195b0562","gridArea":"auto  / 3 / auto  / 4"},{"label":"级联选择","as":"cascader","props":{"label":"是否同意","free":true,"options":[{"value":1,"label":"Asia","children":[{"value":2,"label":"China","children":[{"value":3,"label":"Beijing"},{"value":4,"label":"Shanghai"},{"value":5,"label":"Hangzhou"}]},{"value":6,"label":"Japan","children":[{"value":7,"label":"Tokyo"},{"value":8,"label":"Osaka"},{"value":9,"label":"Kyoto"}]},{"value":10,"label":"Korea","children":[{"value":11,"label":"Seoul"},{"value":12,"label":"Busan"},{"value":13,"label":"Taegu"}]}]},{"value":14,"label":"Europe","children":[{"value":15,"label":"France","children":[{"value":16,"label":"Paris"},{"value":17,"label":"Marseille"},{"value":18,"label":"Lyon"}]},{"value":19,"label":"UK","children":[{"value":20,"label":"London"},{"value":21,"label":"Birmingham"},{"value":22,"label":"Manchester"}]}]},{"value":23,"label":"North America","children":[{"value":24,"label":"US","children":[{"value":25,"label":"New York"},{"value":26,"label":"Los Angeles"},{"value":27,"label":"Washington"}]},{"value":28,"label":"Canada","children":[{"value":29,"label":"Toronto"},{"value":30,"label":"Montreal"},{"value":31,"label":"Ottawa"}]}]}]},"id":"cascader_20240810_8f375867","field":"d58c8568","gridArea":"auto  / 1 / auto  / 2"},{"label":"选项卡","as":"tabs","props":{"options":[{"label":"Beijing","value":"1"},{"label":"Shanghai","value":"2"},{"label":"Guangzhou","value":"3"}]},"id":"tabs_20240810_c5e3b569","field":"db4c4370","gridArea":"auto  / 2 / auto  / 3"},{"label":"复选框","as":"checkbox-group","props":{"options":[{"label":"唱歌","value":"1"},{"label":"跳舞","value":"2"},{"label":"Rap","value":"3"},{"label":"上海","value":"4"}]},"id":"checkbox-group_20240810_96577d71","field":"81f2c372","gridArea":"auto  / 3 / auto  / 4"},{"label":"单选框","as":"radio-group","props":{"options":[{"label":"男","value":"1"},{"label":"女","value":"2"},{"label":"不公开","value":"3"}]},"id":"radio-group_20240810_74c62c73","field":"dd8c6474","gridArea":"auto  / 1 / auto  / 2"},{"label":"文本域","as":"textarea","props":{"clearable":true,"showCount":true,"maxLength":300},"id":"textarea_20240810_4f677975","field":"38dc5176","gridArea":"auto  / 2 / auto  / 3"},{"label":"下拉单选","as":"select","props":{"clearable":true,"options":[{"label":"广东","value":"1"},{"label":"深圳","value":"2"},{"label":"杭州","value":"3"},{"label":"上海","value":"4"},{"label":"北京","value":"5"}]},"id":"select_20240810_852d2b77","field":"a446a678","gridArea":"auto  / 3 / auto  / 4"},{"field":"7cfc3282","label":"下拉多选","as":"select-multiple","props":{"clearable":true,"options":[{"label":"广东","value":"1"},{"label":"深圳","value":"2"},{"label":"杭州","value":"3"},{"label":"上海","value":"4"},{"label":"北京","value":"5"}]},"id":"select-multiple_20240810_9e1d4181","gridArea":"auto  / 1 / auto  / 2"},{"label":"输入框","as":"input","props":{"type":"text","align":"left"},"id":"input_20240810_1d31fd83","field":"1f23ec84","gridArea":"auto  / 2 / auto  / 3"},{"label":"占位盒子","as":"","id":"_20240810_7b812989","field":"c2423990","gridArea":"auto  / 3 / auto  / 4"},{"label":"数字输入","as":"input-number","props":{},"id":"input-number_20240810_f2b68891","field":"a77c5192","gridArea":"auto  / 1 / auto  / 2"},{"label":"数字输入","as":"input-number","props":{},"id":"input-number_20240810_34331893","field":"019c2194","gridArea":"auto  / 2 / auto  / 3"},{"label":"级联选择","as":"cascader","props":{"label":"是否同意","free":true,"options":[{"value":1,"label":"Asia","children":[{"value":2,"label":"China","children":[{"value":3,"label":"Beijing"},{"value":4,"label":"Shanghai"},{"value":5,"label":"Hangzhou"}]},{"value":6,"label":"Japan","children":[{"value":7,"label":"Tokyo"},{"value":8,"label":"Osaka"},{"value":9,"label":"Kyoto"}]},{"value":10,"label":"Korea","children":[{"value":11,"label":"Seoul"},{"value":12,"label":"Busan"},{"value":13,"label":"Taegu"}]}]},{"value":14,"label":"Europe","children":[{"value":15,"label":"France","children":[{"value":16,"label":"Paris"},{"value":17,"label":"Marseille"},{"value":18,"label":"Lyon"}]},{"value":19,"label":"UK","children":[{"value":20,"label":"London"},{"value":21,"label":"Birmingham"},{"value":22,"label":"Manchester"}]}]},{"value":23,"label":"North America","children":[{"value":24,"label":"US","children":[{"value":25,"label":"New York"},{"value":26,"label":"Los Angeles"},{"value":27,"label":"Washington"}]},{"value":28,"label":"Canada","children":[{"value":29,"label":"Toronto"},{"value":30,"label":"Montreal"},{"value":31,"label":"Ottawa"}]}]}]},"id":"cascader_20240810_e1f7a195","field":"55990796","gridArea":"auto  / 3 / auto  / 4"},{"label":"日期范围","as":"date-range-picker","props":{"options":[{"label":"Beijing","value":"1"},{"label":"Shanghai","value":"2"},{"label":"Guangzhou","value":"3"}]},"id":"date-range-picker_20240810_22df1197","field":"244f6e98","gridArea":"auto  / 1 / auto  / 2"},{"label":"复选框","as":"checkbox-group","props":{"options":[{"label":"唱歌","value":"1"},{"label":"跳舞","value":"2"},{"label":"Rap","value":"3"},{"label":"上海","value":"4"}]},"id":"checkbox-group_20240810_81ce0d99","field":"9e0ad0100","gridArea":"auto  / 2 / auto  / 3"},{"label":"单选框","as":"radio-group","props":{"options":[{"label":"男","value":"1"},{"label":"女","value":"2"},{"label":"不公开","value":"3"}]},"id":"radio-group_20240810_b355f7101","field":"4c6d60102","gridArea":"auto  / 3 / auto  / 4"},{"label":"下拉单选","as":"select","props":{"clearable":true,"options":[{"label":"广东","value":"1"},{"label":"深圳","value":"2"},{"label":"杭州","value":"3"},{"label":"上海","value":"4"},{"label":"北京","value":"5"}]},"id":"select_20240810_42ba12105","field":"ab094f106","gridArea":"auto  / 1 / auto  / 2"},{"field":"a488e9108","label":"下拉多选","as":"select-multiple","props":{"clearable":true,"options":[{"label":"广东","value":"1"},{"label":"深圳","value":"2"},{"label":"杭州","value":"3"},{"label":"上海","value":"4"},{"label":"北京","value":"5"}]},"id":"select-multiple_20240810_8fcd72107","gridArea":"auto  / 2 / auto  / 3"},{"label":"输入框","as":"input","props":{"type":"text","align":"left"},"id":"input_20240810_4017c2111","field":"f2b102112","gridArea":"auto  / 3 / auto  / 4"},{"label":"占位盒子","as":"","id":"_20240810_84a426113","field":"eff5b3114","gridArea":"auto  / 1 / auto  / 2"}]')},H=[P,R,K,E,n({__name:"DemoForm5",setup(e){const l=N;return(e,a)=>{const n=d("lew-form"),r=d("lew-flex");return c(),p(r,{x:"start",y:"start",gap:"50px"},{default:v(()=>[m(n,y(k(h(l))),null,16)]),_:1})}}}),n({__name:"DemoForm6",setup(e){const l=r([{field:"category",label:"Product Category",as:"select",rule:o().required("Please select a category"),props:{clearable:!0,initMethodId:"categoryMethod"}},{field:"tags",label:"Product Tags",as:"select-multiple",rule:u().min(2,"Please select at least 2 tags").required("Please select tags"),props:{clearable:!0,initMethodId:"tagsMethod"}},{field:"department",label:"Department Structure",as:"tree-select",rule:o().required("Please select a department"),props:{clearable:!0,initMethodId:"departmentMethod"}},{field:"location",label:"Warehouse Location",as:"cascader",rule:o().required("Please select warehouse location"),props:{clearable:!0,initMethodId:"locationMethod",free:!0}}]),a={categoryMethod:()=>new Promise(e=>{setTimeout(()=>{e([{label:"Electronics",value:"electronics"},{label:"Clothing",value:"clothing"},{label:"Home & Garden",value:"home_garden"},{label:"Sports & Outdoors",value:"sports"},{label:"Books & Media",value:"books"},{label:"Automotive",value:"automotive"},{label:"Health & Beauty",value:"health_beauty"},{label:"Toys & Games",value:"toys_games"}])},3e3)}),tagsMethod:()=>new Promise(e=>{setTimeout(()=>{e([{label:"New Arrival",value:"new_arrival"},{label:"Best Seller",value:"best_seller"},{label:"Limited Edition",value:"limited_edition"},{label:"On Sale",value:"on_sale"},{label:"Free Shipping",value:"free_shipping"},{label:"Premium Quality",value:"premium_quality"},{label:"Eco Friendly",value:"eco_friendly"},{label:"Customer Favorite",value:"customer_favorite"}])},3e3)}),departmentMethod:()=>new Promise(e=>{setTimeout(()=>{e([{key:"sales",label:"Sales Department",children:[{key:"sales_online",label:"Online Sales",children:[{key:"sales_online_retail",label:"Retail Sales"},{key:"sales_online_wholesale",label:"Wholesale Sales"}]},{key:"sales_offline",label:"Offline Sales",children:[{key:"sales_offline_store",label:"Store Sales"},{key:"sales_offline_partner",label:"Partner Sales"}]}]},{key:"marketing",label:"Marketing Department",children:[{key:"marketing_digital",label:"Digital Marketing",children:[{key:"marketing_digital_social",label:"Social Media"},{key:"marketing_digital_seo",label:"SEO & SEM"}]},{key:"marketing_traditional",label:"Traditional Marketing",children:[{key:"marketing_traditional_print",label:"Print Media"},{key:"marketing_traditional_tv",label:"TV & Radio"}]}]},{key:"operations",label:"Operations Department",children:[{key:"operations_logistics",label:"Logistics",children:[{key:"operations_logistics_warehouse",label:"Warehouse Management"},{key:"operations_logistics_shipping",label:"Shipping & Delivery"}]},{key:"operations_customer",label:"Customer Service",children:[{key:"operations_customer_support",label:"Support Team"},{key:"operations_customer_returns",label:"Returns & Refunds"}]}]}])},3e3)}),locationMethod:()=>new Promise(e=>{setTimeout(()=>{e([{label:"North America",value:"north_america",children:[{label:"United States",value:"us",children:[{label:"New York",value:"ny"},{label:"Los Angeles",value:"la"},{label:"Chicago",value:"chicago"},{label:"Houston",value:"houston"}]},{label:"Canada",value:"canada",children:[{label:"Toronto",value:"toronto"},{label:"Vancouver",value:"vancouver"},{label:"Montreal",value:"montreal"}]}]},{label:"Europe",value:"europe",children:[{label:"United Kingdom",value:"uk",children:[{label:"London",value:"london"},{label:"Manchester",value:"manchester"},{label:"Birmingham",value:"birmingham"}]},{label:"Germany",value:"germany",children:[{label:"Berlin",value:"berlin"},{label:"Munich",value:"munich"},{label:"Hamburg",value:"hamburg"}]}]},{label:"Asia Pacific",value:"asia_pacific",children:[{label:"China",value:"china",children:[{label:"Shanghai",value:"shanghai"},{label:"Beijing",value:"beijing"},{label:"Shenzhen",value:"shenzhen"}]},{label:"Japan",value:"japan",children:[{label:"Tokyo",value:"tokyo"},{label:"Osaka",value:"osaka"},{label:"Yokohama",value:"yokohama"}]}]}])},3e3)})},n=r(0);function t(){n.value++}return(e,r)=>{const u=d("lew-form"),o=d("lew-button");return c(),x(w,null,[(c(),p(u,{key:h(n),"form-methods":a,direction:"y",options:h(l),width:"320px"},null,8,["options"])),m(o,{style:{"margin-top":"20px"},onClick:t},{default:v(()=>r[0]||(r[0]=[f(" Load again ")])),_:1,__:[0]})],64)}}})],U=["<script setup lang=\"ts\">\nimport uploadHelper from 'docs/docs/upload/uploadHelper'\nimport { schools } from 'docs/lib/data'\nimport * as Yup from 'yup'\n\nconst schoolsOptions = schools.map((e, i) => {\n  return { label: e, value: i + 1 }\n})\n\nconst form = ref({} as any)\nconst formRef = ref()\n\nfunction submit() {\n  LewMessage.request({ loadingMessage: '处理中···' }, () => {\n    return new Promise<any>((resolve, reject) => {\n      formRef.value\n        .validate()\n        .then((vail: boolean) => {\n          if (vail) {\n            form.value = formRef.value.getForm()\n            resolve({\n              content: '加载成功！',\n              duration: 1000,\n              type: 'success',\n            })\n          }\n          else {\n            resolve({\n              content: '请完善表单',\n              duration: 1000,\n              type: 'warning',\n            })\n          }\n        })\n        .catch((err: any) => {\n          reject(err)\n        })\n    })\n  })\n}\nconst options = ref([\n  {\n    label: '表单大小',\n    as: 'tabs',\n    field: 'size',\n    props: {\n      itemWidth: 'auto',\n      width: '100%',\n      options: [\n        {\n          label: 'small',\n          value: 'small',\n        },\n        {\n          label: 'medium',\n          value: 'medium',\n        },\n        {\n          label: 'large',\n          value: 'large',\n        },\n      ],\n    },\n  },\n  {\n    field: 'upload',\n    label: '上传',\n    as: 'upload',\n    rule: Yup.array()\n      .of(\n        Yup.object({\n          status: Yup.string().oneOf(['success'], '请等待上传完成'),\n        }),\n      )\n      .min(3, '至少包含3个元素')\n      .required('此项必填'),\n    props: {\n      uploadHelperId: 'uploadHelper',\n      multiple: true,\n      viewMode: 'card',\n      limit: 3,\n      accept: 'image/jpeg,image/png',\n      tips: '只能上传jpg/png文件，且不超过500kb，最多上传3个文件',\n    },\n  },\n  {\n    field: 'input',\n    label: '文本框',\n    as: 'input',\n    rule: Yup.string().required('此项必填'),\n    props: {\n      showCount: true,\n      maxLength: 30,\n    },\n  },\n  {\n    field: 'input-number',\n    label: '数字输入框',\n    as: 'input-number',\n    rule: Yup.number().min(0).max(100).typeError('请输入数字').required('此项必填'),\n    props: {},\n  },\n  {\n    field: 'textarea',\n    label: '多行文本框',\n    as: 'textarea',\n    rule: Yup.string().required('不能为空'),\n    props: {\n      clearable: true,\n      showCount: true,\n      maxLength: 300,\n    },\n  },\n  {\n    field: 'select',\n    label: '单选选择器',\n    as: 'select',\n    rule: Yup.string().required('此项必填'),\n    props: {\n      clearable: true,\n      options: [\n        {\n          label: '广东',\n          value: '1',\n        },\n        {\n          label: '深圳',\n          value: '2',\n        },\n        {\n          label: '杭州',\n          value: '3',\n        },\n        {\n          label: '上海',\n          value: '4',\n        },\n        {\n          label: '北京',\n          value: '5',\n        },\n      ],\n    },\n  },\n  {\n    field: 'select_multiple',\n    label: '多选选择器',\n    as: 'select-multiple',\n    rule: Yup.array().min(2, '至少选择2个').required('此项必填'),\n    props: {\n      clearable: true,\n      options: schoolsOptions,\n    },\n  },\n  {\n    field: 'radio_group',\n    label: '单选框',\n    as: 'radio-group',\n\n    rule: Yup.string().required('此项必填'),\n    props: {\n      options: [\n        {\n          label: '男',\n          value: '1',\n        },\n        {\n          label: '女',\n          value: '2',\n        },\n        {\n          label: '不公开',\n          value: '3',\n        },\n      ],\n    },\n  },\n  {\n    field: 'checkbox_group',\n    label: '多选框',\n    as: 'checkbox-group',\n    rule: Yup.array().min(1, '至少选择一个').required('此项必填'),\n    props: {\n      round: true,\n      block: true,\n      options: [\n        {\n          label: '唱歌',\n          value: '1',\n        },\n        {\n          label: '跳舞',\n          value: '2',\n        },\n        {\n          label: 'Rap',\n          value: '3',\n        },\n        {\n          label: '上海',\n          value: '4',\n        },\n      ],\n    },\n  },\n  {\n    field: 'rate',\n    label: '评分',\n    as: 'rate',\n    rule: Yup.number().required('此项必填'),\n    props: {\n      max: 10,\n    },\n  },\n  {\n    field: 'tabs',\n    label: '选项卡',\n    as: 'tabs',\n    rule: Yup.string().required('此项必填'),\n    props: {\n      options: [\n        {\n          label: 'Beijing',\n          value: '1',\n        },\n        {\n          label: 'Shanghai',\n          value: '2',\n        },\n        {\n          label: 'Guangzhou',\n          value: '3',\n        },\n        {\n          label: 'Shenzhen',\n          value: '4',\n        },\n      ],\n    },\n  },\n  {\n    field: 'user.address',\n    label: '地址',\n    as: 'cascader',\n    rule: Yup.string().required('地址必填'),\n    props: {\n      label: '是否同意',\n      free: true,\n      options: [\n        {\n          value: 1,\n          label: 'Asia',\n          children: [\n            {\n              value: 2,\n              label: 'China',\n              children: [\n                { value: 3, label: 'Beijing' },\n                { value: 4, label: 'Shanghai' },\n                { value: 5, label: 'Hangzhou' },\n              ],\n            },\n            {\n              value: 6,\n              label: 'Japan',\n              children: [\n                { value: 7, label: 'Tokyo' },\n                { value: 8, label: 'Osaka' },\n                { value: 9, label: 'Kyoto' },\n              ],\n            },\n            {\n              value: 10,\n              label: 'Korea',\n              children: [\n                { value: 11, label: 'Seoul' },\n                { value: 12, label: 'Busan' },\n                { value: 13, label: 'Taegu' },\n              ],\n            },\n          ],\n        },\n        {\n          value: 14,\n          label: 'Europe',\n          children: [\n            {\n              value: 15,\n              label: 'France',\n              children: [\n                { value: 16, label: 'Paris' },\n                { value: 17, label: 'Marseille' },\n                { value: 18, label: 'Lyon' },\n              ],\n            },\n            {\n              value: 19,\n              label: 'UK',\n              children: [\n                { value: 20, label: 'London' },\n                { value: 21, label: 'Birmingham' },\n                { value: 22, label: 'Manchester' },\n              ],\n            },\n          ],\n        },\n        {\n          value: 23,\n          label: 'North America',\n          children: [\n            {\n              value: 24,\n              label: 'US',\n              children: [\n                { value: 25, label: 'New York' },\n                { value: 26, label: 'Los Angeles' },\n                { value: 27, label: 'Washington' },\n              ],\n            },\n            {\n              value: 28,\n              label: 'Canada',\n              children: [\n                { value: 29, label: 'Toronto' },\n                { value: 30, label: 'Montreal' },\n                { value: 31, label: 'Ottawa' },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  },\n  {\n    field: 'user.addd',\n    label: '',\n    as: 'checkbox',\n    rule: Yup.boolean().oneOf([true], '请同意').required('请同意'),\n    props: {\n      label: '是否同意',\n    },\n  },\n  {\n    field: 'info.a.b.c.slider',\n    label: '滑块',\n    as: 'slider',\n    rule: Yup.number().required('不能为空'),\n  },\n  {\n    field: 'info.a.b.c.input_tag',\n    label: '标签输入框',\n    as: 'input-tag',\n    rule: Yup.array().min(1, '至少选择一个').required('不能为空'),\n  },\n  {\n    field: 'date_range',\n    label: '日期范围选择器',\n    as: 'date-range-picker',\n    rule: Yup.object()\n      .shape({\n        start: Yup.string().required('开始日期必填'),\n        end: Yup.string().required('结束日期必填'),\n      })\n      .required('日期范围必填'),\n    outputFormat: ({ value }: { value: { start?: string, end?: string } }) => {\n      if (!value || typeof value !== 'object' || value === null)\n        return ''\n      const start = typeof value.start === 'string' ? value.start : ''\n      const end = typeof value.end === 'string' ? value.end : ''\n      return {\n        dateStart: start,\n        dateEnd: end,\n      }\n    },\n    inputFormat: ({ value }: { value: string }) => {\n      if (typeof value !== 'string') {\n        return { start: '', end: '' }\n      }\n      const arr = value.split(' - ')\n      return {\n        start: arr[0] ?? '',\n        end: arr[1] ?? '',\n      }\n    },\n    props: {\n      clearable: true,\n      placeholder: '请选择日期范围',\n    },\n  },\n  {\n    as: 'button',\n    props: {\n      text: '提交',\n      request: submit,\n    },\n  },\n])\n\nfunction setForm() {\n  // 设置表单\n  formRef.value.setForm({\n    size: 'medium',\n  })\n}\n\nfunction resetForm() {\n  // 重置表单\n  formRef.value.setForm({ size: 'medium' })\n}\n\nfunction change() {\n  // 获取表单\n  form.value = formRef.value.getForm()\n}\n\nonMounted(() => {\n  setForm()\n})\n<\/script>\n\n<template>\n  <lew-flex x=\"start\" y=\"start\" gap=\"50px\">\n    <lew-form\n      ref=\"formRef\"\n      :size=\"form.size\"\n      :form-methods=\"{\n        uploadHelper,\n      }\"\n      class=\"form-box\"\n      :options=\"options\"\n      width=\"450px\"\n      @mounted=\"setForm\"\n      @change=\"change\"\n    />\n    <lew-flex direction=\"y\" x=\"start\">\n      <lew-flex x=\"start\">\n        <lew-button type=\"light\" round @click=\"submit\">\n          submit\n        </lew-button>\n        <lew-button type=\"light\" round @click=\"setForm\">\n          setForm\n        </lew-button>\n        <lew-button type=\"light\" round @click=\"resetForm\">\n          reset\n        </lew-button>\n      </lew-flex>\n      <pre>{{ form }}</pre>\n    </lew-flex>\n  </lew-flex>\n</template>\n\n<style scoped lang=\"scss\">\n.form-box {\n  width: 450px;\n  flex-shrink: 0;\n}\n\npre {\n  width: 350px;\n  background-color: var(--lew-bgcolor-2);\n  padding: 30px;\n  flex-shrink: 0;\n}\n\n@media (max-width: 767px) {\n  .form-box {\n    width: 100%;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport * as Yup from 'yup'\n\nconst form = ref({} as any)\n\nconst formRef = ref()\n\nfunction submit() {\n  formRef.value.validate().then((res: any) => {\n    console.log(res)\n  })\n}\n\nonMounted(() => {\n  // 设置表单\n  formRef.value.setForm({\n    size: 'medium',\n  })\n})\nconst options = ref([\n  {\n    label: '表单大小',\n    as: 'tabs',\n    field: 'size',\n    props: {\n      itemWidth: 'auto',\n      width: '100%',\n      options: [\n        {\n          label: 'small',\n          value: 'small',\n        },\n        {\n          label: 'medium',\n          value: 'medium',\n        },\n        {\n          label: 'large',\n          value: 'large',\n        },\n      ],\n    },\n  },\n  {\n    field: 'name',\n    label: '姓名',\n    as: 'input',\n    rule: Yup.string()\n      .matches(/^[a-z]+$/i, '必须为纯英文字母')\n      .min(4, '长度必须至少为4')\n      .max(16, '长度不能超过16')\n      .required('不能为空'),\n\n    props: {\n      clearable: true,\n    },\n  },\n  {\n    field: 'remark',\n    label: '备注',\n    as: 'input',\n    rule: Yup.string()\n      .matches(/^[a-z]+$/i, '必须为纯英文字母')\n      .min(4, '长度必须至少为4')\n      .max(16, '长度不能超过16')\n      .required('不能为空'),\n\n    props: {\n      clearable: true,\n    },\n  },\n  {\n    field: 'intro',\n    label: '介绍',\n    as: 'textarea',\n    rule: Yup.string()\n      .matches(/^[\\u4E00-\\u9FA5]+$/, '必须为纯中文')\n      .min(30, '长度必须至少为30')\n      .max(300, '长度不能超过8')\n      .required('不能为空'),\n    props: {\n      clearable: true,\n    },\n  },\n  {\n    field: 'birth',\n    label: '生日',\n    as: 'date-picker',\n    rule: Yup.string().required('不能为空'),\n\n    props: {\n      clearable: true,\n    },\n  },\n  {\n    field: 'date.birth',\n    label: '有效期',\n    as: 'date-range-picker',\n    rule: Yup.object().required('不能为空'),\n\n    props: {\n      clearable: true,\n    },\n  },\n  {\n    field: 'user.city',\n    label: '城市',\n    as: 'select',\n\n    rule: Yup.string().required('此项必填'),\n    props: {\n      change: (e: any) => {\n        console.log(e)\n      },\n      clearable: true,\n      options: [\n        {\n          label: '广东',\n          value: '1',\n        },\n        {\n          label: '深圳',\n          value: '2',\n        },\n        {\n          label: '杭州',\n          value: '3',\n        },\n        {\n          label: '上海',\n          value: '4',\n        },\n        {\n          label: '北京',\n          value: '5',\n        },\n      ],\n    },\n  },\n  {\n    field: 'user.agree',\n    label: '',\n    as: 'checkbox',\n    rule: Yup.boolean().oneOf([true], '请同意').required('请同意'),\n    props: {\n      label: '是否同意',\n    },\n  },\n  {\n    as: 'button',\n    props: {\n      text: '提交',\n      request: submit,\n    },\n  },\n])\n<\/script>\n\n<template>\n  <lew-flex width=\"500px\" x=\"start\" y=\"start\" gap=\"50px\">\n    <lew-form\n      ref=\"formRef\"\n      direction=\"y\"\n      class=\"form-box\"\n      :size=\"form.size\"\n      :options=\"options\"\n      @change=\"\n        (e: any) => {\n          form = e\n        }\n      \"\n    />\n    <pre>{{ form }}</pre>\n  </lew-flex>\n</template>\n\n<style scoped lang=\"scss\">\n.form-box {\n  width: 380px;\n}\npre {\n  width: 350px;\n  background-color: var(--lew-bgcolor-2);\n  padding: 30px;\n  flex-shrink: 0;\n}\n@media (max-width: 767px) {\n  .form-box {\n    width: 100%;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport * as Yup from 'yup'\n\nconst options = ref([\n  {\n    field: 'username',\n    label: '用户名',\n\n    as: 'input',\n    rule: Yup.string().required(),\n  },\n  {\n    field: 'password',\n    label: '密码',\n    as: 'input',\n\n    rule: Yup.string().min(6).required(),\n    props: {\n      type: 'password',\n    },\n  },\n  {\n    field: 'phone',\n\n    label: '手机',\n    as: 'input',\n  },\n])\n\nconst formRef = ref()\n<\/script>\n\n<template>\n  <lew-flex style=\"width: 450px\">\n    <lew-form ref=\"formRef\" class=\"form-box\" :options=\"options\" />\n  </lew-flex>\n</template>\n\n<style scoped lang=\"scss\">\n.form-box {\n  width: 380px;\n  margin: 0 auto;\n}\n@media (max-width: 767px) {\n  .form-box {\n    width: 100%;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { schools } from 'docs/lib/data'\nimport * as Yup from 'yup'\n\nconst schoolsOptions = schools.map((e, i) => {\n  return { label: e, value: i + 1 }\n})\n\nconst form = ref({} as any)\nconst formRef = ref()\n\nonMounted(() => {\n  // 设置表单\n  formRef.value.setForm({\n    size: 'medium',\n    input: '文本框',\n    textarea: '多行文本',\n    select: '1',\n    select_multiple: [1, 2],\n    radio_group: '2',\n    checkbox_group: ['2'],\n    tabs: '2',\n    user: {\n      address: 30,\n      addd: true,\n    },\n    info: {\n      asd: {\n        dsd: {\n          input_tag: ['测试', '小芳'],\n        },\n      },\n    },\n  })\n})\nconst options = ref([\n  {\n    field: 'input',\n    label: '文本框',\n    as: 'input',\n    rule: Yup.string().required('不能为空'),\n    gridArea: 'auto / 1 / auto / 2',\n    props: {\n      showCount: true,\n      maxLength: 30,\n    },\n  },\n\n  {\n    field: 'select',\n    label: '单选选择器',\n    as: 'select',\n    rule: Yup.string().required('此项必填'),\n    gridArea: 'auto / 2 / auto / 3',\n    props: {\n      clearable: true,\n      options: [\n        {\n          label: '广东',\n          value: '1',\n        },\n        {\n          label: '深圳',\n          value: '2',\n        },\n        {\n          label: '杭州',\n          value: '3',\n        },\n        {\n          label: '上海',\n          value: '4',\n        },\n        {\n          label: '北京',\n          value: '5',\n        },\n      ],\n    },\n  },\n  {\n    field: 'textarea',\n    label: '多行文本框',\n    as: 'textarea',\n    rule: Yup.string().required('不能为空'),\n    gridArea: 'auto / 1 / auto / 3',\n    props: {\n      clearable: true,\n      showCount: true,\n      maxLength: 300,\n    },\n  },\n  {\n    field: 'radio_group',\n    label: '单选框',\n    as: 'radio-group',\n    gridArea: 'auto / 1 / auto / 2',\n    rule: Yup.string().required('此项必填'),\n    props: {\n      options: [\n        {\n          label: '男',\n          value: '1',\n        },\n        {\n          label: '女',\n          value: '2',\n        },\n        {\n          label: '不公开',\n          value: '3',\n        },\n      ],\n    },\n  },\n  {\n    field: 'select_multiple',\n    label: '多选选择器',\n    as: 'select-multiple',\n    gridArea: 'auto / 2 / auto / 3',\n    rule: Yup.array().min(2, '至少选择2个').required('此项必填'),\n    props: {\n      change: (e: any) => {\n        console.log(e)\n      },\n      clearable: true,\n      options: schoolsOptions,\n    },\n  },\n\n  {\n    field: 'checkbox_group',\n    label: '多选框',\n    as: 'checkbox-group',\n    gridArea: 'auto / 1 / auto / 2',\n    rule: Yup.array().min(1, '至少选择一个').required('此项必填'),\n    props: {\n      round: true,\n      block: true,\n      options: [\n        {\n          label: '唱歌',\n          value: '1',\n        },\n        {\n          label: '跳舞',\n          value: '2',\n        },\n        {\n          label: 'Rap',\n          value: '3',\n        },\n        {\n          label: '上海',\n          value: '4',\n        },\n      ],\n    },\n  },\n  {\n    field: 'user.address',\n    label: '地址',\n    as: 'cascader',\n    gridArea: 'auto / 1 / auto / 2',\n    rule: Yup.string().required('地址必填'),\n    props: {\n      label: '是否同意',\n      free: true,\n      options: [\n        {\n          value: 1,\n          label: 'Asia',\n          children: [\n            {\n              value: 2,\n              label: 'China',\n              children: [\n                { value: 3, label: 'Beijing' },\n                { value: 4, label: 'Shanghai' },\n                { value: 5, label: 'Hangzhou' },\n              ],\n            },\n            {\n              value: 6,\n              label: 'Japan',\n              children: [\n                { value: 7, label: 'Tokyo' },\n                { value: 8, label: 'Osaka' },\n                { value: 9, label: 'Kyoto' },\n              ],\n            },\n            {\n              value: 10,\n              label: 'Korea',\n              children: [\n                { value: 11, label: 'Seoul' },\n                { value: 12, label: 'Busan' },\n                { value: 13, label: 'Taegu' },\n              ],\n            },\n          ],\n        },\n        {\n          value: 14,\n          label: 'Europe',\n          children: [\n            {\n              value: 15,\n              label: 'France',\n              children: [\n                { value: 16, label: 'Paris' },\n                { value: 17, label: 'Marseille' },\n                { value: 18, label: 'Lyon' },\n              ],\n            },\n            {\n              value: 19,\n              label: 'UK',\n              children: [\n                { value: 20, label: 'London' },\n                { value: 21, label: 'Birmingham' },\n                { value: 22, label: 'Manchester' },\n              ],\n            },\n          ],\n        },\n        {\n          value: 23,\n          label: 'North America',\n          children: [\n            {\n              value: 24,\n              label: 'US',\n              children: [\n                { value: 25, label: 'New York' },\n                { value: 26, label: 'Los Angeles' },\n                { value: 27, label: 'Washington' },\n              ],\n            },\n            {\n              value: 28,\n              label: 'Canada',\n              children: [\n                { value: 29, label: 'Toronto' },\n                { value: 30, label: 'Montreal' },\n                { value: 31, label: 'Ottawa' },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  },\n\n  {\n    field: 'info.asd.dsd.input_tag',\n    label: '标签输入框',\n    as: 'input-tag',\n    gridArea: 'auto / 2 / auto / 3',\n    rule: Yup.array().min(1, '至少选择一个').required('不能为空'),\n  },\n  {\n    field: 'user.addd',\n    label: '',\n    as: 'checkbox',\n    gridArea: 'auto / 1 / auto / 2',\n    rule: Yup.boolean().oneOf([true], '请同意').required('请同意'),\n    props: {\n      label: '是否同意',\n    },\n  },\n  {\n    as: 'button',\n    gridArea: 'auto / 1 / auto / 2',\n    props: {\n      text: '提交',\n      click: () => submit(),\n    },\n  },\n])\n\nasync function submit() {\n  const vail = await formRef.value.validate()\n  if (vail) {\n    LewMessage.success('已提交')\n  }\n  else {\n    LewMessage.warning('请完善表单')\n  }\n}\n<\/script>\n\n<template>\n  <lew-flex x=\"start\" y=\"start\" gap=\"50px\">\n    <lew-form\n      ref=\"formRef\"\n      :size=\"form.size\"\n      :options=\"options\"\n      direction=\"y\"\n      :columns=\"3\"\n      @change=\"\n        (e: any) => {\n          form = e\n        }\n      \"\n    />\n  </lew-flex>\n</template>\n",'<script setup lang="ts">\nimport options from \'./form_20240714_155154_quvi8vkan.json\'\n\nconst bindOptions = options\n<\/script>\n\n<template>\n  <lew-flex x="start" y="start" gap="50px">\n    <lew-form v-bind="bindOptions" />\n  </lew-flex>\n</template>\n',"<script setup lang=\"ts\">\nimport * as Yup from 'yup'\n\nconst options = ref([\n  {\n    field: 'category',\n    label: 'Product Category',\n    as: 'select',\n    rule: Yup.string().required('Please select a category'),\n    props: {\n      clearable: true,\n      initMethodId: 'categoryMethod',\n    },\n  },\n  {\n    field: 'tags',\n    label: 'Product Tags',\n    as: 'select-multiple',\n    rule: Yup.array()\n      .min(2, 'Please select at least 2 tags')\n      .required('Please select tags'),\n    props: {\n      clearable: true,\n      initMethodId: 'tagsMethod',\n    },\n  },\n  {\n    field: 'department',\n    label: 'Department Structure',\n    as: 'tree-select',\n    rule: Yup.string().required('Please select a department'),\n    props: {\n      clearable: true,\n      initMethodId: 'departmentMethod',\n    },\n  },\n  {\n    field: 'location',\n    label: 'Warehouse Location',\n    as: 'cascader',\n    rule: Yup.string().required('Please select warehouse location'),\n    props: {\n      clearable: true,\n      initMethodId: 'locationMethod',\n      free: true,\n    },\n  },\n])\n\nconst formMethods = {\n  categoryMethod: () =>\n    new Promise((resolve) => {\n      setTimeout(() => {\n        resolve([\n          { label: 'Electronics', value: 'electronics' },\n          { label: 'Clothing', value: 'clothing' },\n          { label: 'Home & Garden', value: 'home_garden' },\n          { label: 'Sports & Outdoors', value: 'sports' },\n          { label: 'Books & Media', value: 'books' },\n          { label: 'Automotive', value: 'automotive' },\n          { label: 'Health & Beauty', value: 'health_beauty' },\n          { label: 'Toys & Games', value: 'toys_games' },\n        ])\n      }, 3000)\n    }),\n\n  tagsMethod: () =>\n    new Promise((resolve) => {\n      setTimeout(() => {\n        resolve([\n          { label: 'New Arrival', value: 'new_arrival' },\n          { label: 'Best Seller', value: 'best_seller' },\n          { label: 'Limited Edition', value: 'limited_edition' },\n          { label: 'On Sale', value: 'on_sale' },\n          { label: 'Free Shipping', value: 'free_shipping' },\n          { label: 'Premium Quality', value: 'premium_quality' },\n          { label: 'Eco Friendly', value: 'eco_friendly' },\n          { label: 'Customer Favorite', value: 'customer_favorite' },\n        ])\n      }, 3000)\n    }),\n\n  departmentMethod: () =>\n    new Promise((resolve) => {\n      setTimeout(() => {\n        resolve([\n          {\n            key: 'sales',\n            label: 'Sales Department',\n            children: [\n              {\n                key: 'sales_online',\n                label: 'Online Sales',\n                children: [\n                  {\n                    key: 'sales_online_retail',\n                    label: 'Retail Sales',\n                  },\n                  {\n                    key: 'sales_online_wholesale',\n                    label: 'Wholesale Sales',\n                  },\n                ],\n              },\n              {\n                key: 'sales_offline',\n                label: 'Offline Sales',\n                children: [\n                  {\n                    key: 'sales_offline_store',\n                    label: 'Store Sales',\n                  },\n                  {\n                    key: 'sales_offline_partner',\n                    label: 'Partner Sales',\n                  },\n                ],\n              },\n            ],\n          },\n          {\n            key: 'marketing',\n            label: 'Marketing Department',\n            children: [\n              {\n                key: 'marketing_digital',\n                label: 'Digital Marketing',\n                children: [\n                  {\n                    key: 'marketing_digital_social',\n                    label: 'Social Media',\n                  },\n                  {\n                    key: 'marketing_digital_seo',\n                    label: 'SEO & SEM',\n                  },\n                ],\n              },\n              {\n                key: 'marketing_traditional',\n                label: 'Traditional Marketing',\n                children: [\n                  {\n                    key: 'marketing_traditional_print',\n                    label: 'Print Media',\n                  },\n                  {\n                    key: 'marketing_traditional_tv',\n                    label: 'TV & Radio',\n                  },\n                ],\n              },\n            ],\n          },\n          {\n            key: 'operations',\n            label: 'Operations Department',\n            children: [\n              {\n                key: 'operations_logistics',\n                label: 'Logistics',\n                children: [\n                  {\n                    key: 'operations_logistics_warehouse',\n                    label: 'Warehouse Management',\n                  },\n                  {\n                    key: 'operations_logistics_shipping',\n                    label: 'Shipping & Delivery',\n                  },\n                ],\n              },\n              {\n                key: 'operations_customer',\n                label: 'Customer Service',\n                children: [\n                  {\n                    key: 'operations_customer_support',\n                    label: 'Support Team',\n                  },\n                  {\n                    key: 'operations_customer_returns',\n                    label: 'Returns & Refunds',\n                  },\n                ],\n              },\n            ],\n          },\n        ])\n      }, 3000)\n    }),\n\n  locationMethod: () =>\n    new Promise((resolve) => {\n      setTimeout(() => {\n        resolve([\n          {\n            label: 'North America',\n            value: 'north_america',\n            children: [\n              {\n                label: 'United States',\n                value: 'us',\n                children: [\n                  { label: 'New York', value: 'ny' },\n                  { label: 'Los Angeles', value: 'la' },\n                  { label: 'Chicago', value: 'chicago' },\n                  { label: 'Houston', value: 'houston' },\n                ],\n              },\n              {\n                label: 'Canada',\n                value: 'canada',\n                children: [\n                  { label: 'Toronto', value: 'toronto' },\n                  { label: 'Vancouver', value: 'vancouver' },\n                  { label: 'Montreal', value: 'montreal' },\n                ],\n              },\n            ],\n          },\n          {\n            label: 'Europe',\n            value: 'europe',\n            children: [\n              {\n                label: 'United Kingdom',\n                value: 'uk',\n                children: [\n                  { label: 'London', value: 'london' },\n                  {\n                    label: 'Manchester',\n                    value: 'manchester',\n                  },\n                  {\n                    label: 'Birmingham',\n                    value: 'birmingham',\n                  },\n                ],\n              },\n              {\n                label: 'Germany',\n                value: 'germany',\n                children: [\n                  { label: 'Berlin', value: 'berlin' },\n                  { label: 'Munich', value: 'munich' },\n                  { label: 'Hamburg', value: 'hamburg' },\n                ],\n              },\n            ],\n          },\n          {\n            label: 'Asia Pacific',\n            value: 'asia_pacific',\n            children: [\n              {\n                label: 'China',\n                value: 'china',\n                children: [\n                  { label: 'Shanghai', value: 'shanghai' },\n                  { label: 'Beijing', value: 'beijing' },\n                  { label: 'Shenzhen', value: 'shenzhen' },\n                ],\n              },\n              {\n                label: 'Japan',\n                value: 'japan',\n                children: [\n                  { label: 'Tokyo', value: 'tokyo' },\n                  { label: 'Osaka', value: 'osaka' },\n                  { label: 'Yokohama', value: 'yokohama' },\n                ],\n              },\n            ],\n          },\n        ])\n      }, 3000)\n    }),\n}\n\nconst updateKey = ref(0)\n\nfunction loadAgain() {\n  updateKey.value++\n}\n<\/script>\n\n<template>\n  <lew-form\n    :key=\"updateKey\"\n    :form-methods=\"formMethods\"\n    direction=\"y\"\n    :options=\"options\"\n    width=\"320px\"\n  />\n  <lew-button style=\"margin-top: 20px\" @click=\"loadAgain\">\n    Load again\n  </lew-button>\n</template>\n"],D={class:"demo-wrapper"},W=n({__name:"DemoForm",setup(n){const u=A().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),o=r(Object.keys(B).map(e=>B[e]));return(n,r)=>(c(),x("div",D,[m(e),m(l,{"demo-group":h(H),"code-group":h(U),"component-name":h(u),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),m(a,{options:h(o)},null,8,["options"])]))}});export{W as default};

package/dist/assets/js/index-B7LH-aPp.js

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as l,a as t}from"./LewDocsTables-BEtkuNGi.js";import{d as a,a2 as n,_ as o,J as p,a8 as i,a9 as s,ac as d,a as r,u as m,l as u,k as c,a6 as f,am as w,a3 as x,aE as _,bf as y}from"./.pnpm-CZLWBssD.js";import{_ as h}from"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";import{_ as v,bO as L,bP as g}from"./index-CcB67-Bu.js";import{c as U,a as I}from"./utils-CLdZaKTe.js";import{u as F}from"./uploadHelper-fP2TRIx8.js";import"./http-Ctb3-gew.js";const D={class:"code-box"},V={key:0,class:"code-header"},b={key:0,class:"code-title"},k={key:1,class:"code-description"},H={class:"hl-pre lew-scrollbar"},j={class:"pre-box"},z=v(a({__name:"LewCodeBox",props:{code:{type:String,default:""},title:{type:String,default:""},description:{type:String,default:""}},setup(e){const l=n(!1);return(t,a)=>(p(),o("div",D,[e.title||e.description?(p(),o("div",V,[e.title?(p(),o("h3",b,d(e.title),1)):i("",!0),e.description?(p(),o("p",k,d(e.description),1)):i("",!0)])):i("",!0),s("div",H,[s("div",{class:"copy-btn",onClick:a[0]||(a[0]=t=>async function(e){try{await navigator.clipboard.writeText(e),l.value=!0,setTimeout(()=>{l.value=!1},2e3)}catch(t){const a=document.createElement("textarea");a.value=e,document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a),l.value=!0,setTimeout(()=>{l.value=!1},2e3)}}(e.code))},[m(l)?(p(),r(m(u),{key:0,size:16,class:"copy-icon success"})):(p(),r(m(c),{key:1,size:16,class:"copy-icon"}))]),s("div",j,[f(h,{code:e.code,lang:"ts","max-height":"auto"},null,8,["code"])])])]))}}),[["__scopeId","data-v-3c91612b"]]),T={title:"Emits",columnsKey:"emits",orderNum:99,data:U(L)},M={title:"Props",columnsKey:"props",orderNum:10,data:I(g)},C=Object.freeze(Object.defineProperty({__proto__:null,emits:T,props:M},Symbol.toStringTag,{value:"Module"})),E=[a({__name:"DemoUpload1",setup(e){const l=n([]);return(e,t)=>{const a=w("lew-upload"),n=w("lew-flex");return p(),r(n,{width:"500px"},{default:x(()=>[f(a,{modelValue:m(l),"onUpdate:modelValue":t[0]||(t[0]=e=>_(l)?l.value=e:null),"upload-helper":m(F)},null,8,["modelValue","upload-helper"])]),_:1})}}}),a({__name:"DemoUpload2",setup(e){const l=n([]);return(e,t)=>{const a=w("lew-upload"),n=w("lew-flex");return p(),r(n,{width:"500px"},{default:x(()=>[f(a,{modelValue:m(l),"onUpdate:modelValue":t[0]||(t[0]=e=>_(l)?l.value=e:null),"max-file-size":2097152,limit:3,"upload-helper":m(F)},null,8,["modelValue","upload-helper"])]),_:1})}}}),a({__name:"DemoUpload3",setup(e){const l=n([]);return(e,t)=>{const a=w("lew-upload"),n=w("lew-flex");return p(),r(n,{width:"500px"},{default:x(()=>[f(a,{modelValue:m(l),"onUpdate:modelValue":t[0]||(t[0]=e=>_(l)?l.value=e:null),"upload-helper":m(F),accept:"image/*"},null,8,["modelValue","upload-helper"])]),_:1})}}}),a({__name:"DemoUpload4",setup(e){const l=n([]);return(e,t)=>{const a=w("lew-upload"),n=w("lew-flex");return p(),r(n,{width:"500px"},{default:x(()=>[f(a,{modelValue:m(l),"onUpdate:modelValue":t[0]||(t[0]=e=>_(l)?l.value=e:null),"upload-helper":m(F),accept:"image/*","max-file-size":512e3,tips:"证件照格式：只能上传jpg/png文件，且不超过500kb"},null,8,["modelValue","upload-helper"])]),_:1})}}}),a({__name:"DemoUpload5",setup(e){const l=n([]);return(e,t)=>{const a=w("lew-upload"),n=w("lew-flex");return p(),r(n,{x:"start"},{default:x(()=>[f(a,{modelValue:m(l),"onUpdate:modelValue":t[0]||(t[0]=e=>_(l)?l.value=e:null),"view-mode":"card","upload-helper":m(F),limit:3},null,8,["modelValue","upload-helper"])]),_:1})}}}),a({__name:"DemoUpload6",setup(e){const l=n([]);return(e,t)=>{const a=w("lew-upload"),n=w("lew-flex");return p(),r(n,{width:"500px",x:"start"},{default:x(()=>[f(a,{modelValue:m(l),"onUpdate:modelValue":t[0]||(t[0]=e=>_(l)?l.value=e:null),limit:3},null,8,["modelValue"])]),_:1})}}}),a({__name:"DemoUpload7",setup(e){const l=n([{key:"50357524",size:71808,name:"Didi Travel Expense Report.pdf",lastModifiedDate:"2024-09-05T12:48:41.363Z",lastModified:1725540521363},{key:"f7d20623",size:74499,name:"Didi Electronic Invoice.pdf",lastModifiedDate:"2024-09-05T12:48:35.593Z",lastModified:1725540515593}]);return(e,t)=>{const a=w("lew-upload"),n=w("lew-flex");return p(),r(n,{width:"500px",x:"start"},{default:x(()=>[f(a,{modelValue:m(l),"onUpdate:modelValue":t[0]||(t[0]=e=>_(l)?l.value=e:null),limit:3},null,8,["modelValue"])]),_:1})}}})],S=['<script setup lang="ts">\nimport type { LewUploadFileItem } from \'lew-ui\'\nimport uploadHelper from \'../uploadHelper\'\n\nconst fileList = ref<LewUploadFileItem[]>([])\n<\/script>\n\n<template>\n  <lew-flex width="500px">\n    <lew-upload v-model="fileList" :upload-helper="uploadHelper" />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport type { LewUploadFileItem } from \'lew-ui\'\nimport uploadHelper from \'../uploadHelper\'\n\nconst fileList = ref<LewUploadFileItem[]>([])\n<\/script>\n\n<template>\n  <lew-flex width="500px">\n    <lew-upload\n      v-model="fileList"\n      :max-file-size="1024 * 1024 * 2"\n      :limit="3"\n      :upload-helper="uploadHelper"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport type { LewUploadFileItem } from \'lew-ui\'\nimport uploadHelper from \'../uploadHelper\'\n\nconst fileList = ref<LewUploadFileItem[]>([])\n<\/script>\n\n<template>\n  <lew-flex width="500px">\n    <lew-upload\n      v-model="fileList"\n      :upload-helper="uploadHelper"\n      accept="image/*"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport type { LewUploadFileItem } from \'lew-ui\'\nimport uploadHelper from \'../uploadHelper\'\n\nconst fileList = ref<LewUploadFileItem[]>([])\n<\/script>\n\n<template>\n  <lew-flex width="500px">\n    <lew-upload\n      v-model="fileList"\n      :upload-helper="uploadHelper"\n      accept="image/*"\n      :max-file-size="1024 * 500"\n      tips="证件照格式：只能上传jpg/png文件，且不超过500kb"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport type { LewUploadFileItem } from \'lew-ui\'\nimport uploadHelper from \'../uploadHelper\'\n\nconst fileList = ref<LewUploadFileItem[]>([])\n<\/script>\n\n<template>\n  <lew-flex x="start">\n    <lew-upload v-model="fileList" view-mode="card" :upload-helper :limit="3" />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport type { LewUploadFileItem } from \'lew-ui\'\n\nconst fileList = ref<LewUploadFileItem[]>([])\n<\/script>\n\n<template>\n  <lew-flex width="500px" x="start">\n    <lew-upload v-model="fileList" :limit="3" />\n  </lew-flex>\n</template>\n',"<script setup lang=\"ts\">\nimport type { LewUploadFileItem } from 'lew-ui'\n\nconst fileList = ref<LewUploadFileItem[]>([\n  {\n    key: '50357524',\n    size: 71808,\n    name: 'Didi Travel Expense Report.pdf',\n    lastModifiedDate: '2024-09-05T12:48:41.363Z',\n    lastModified: 1725540521363,\n  },\n  {\n    key: 'f7d20623',\n    size: 74499,\n    name: 'Didi Electronic Invoice.pdf',\n    lastModifiedDate: '2024-09-05T12:48:35.593Z',\n    lastModified: 1725540515593,\n  },\n])\n<\/script>\n\n<template>\n  <lew-flex width=\"500px\" x=\"start\">\n    <lew-upload v-model=\"fileList\" :limit=\"3\" />\n  </lew-flex>\n</template>\n"],Z={class:"demo-wrapper"},N=a({__name:"DemoUpload",setup(a){const i=y().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=n(Object.keys(C).map(e=>C[e]));return(a,n)=>(p(),o("div",Z,[f(e),f(l,{"demo-group":m(E),"code-group":m(S),"component-name":m(i),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),f(z,{title:"uploadHelper.ts",code:m("import type { LewUploadFileItem } from 'lew-ui'\nimport axios from 'docs/axios/http'\n\nexport default ({\n  fileItem,\n  setFileItem,\n}: {\n  fileItem: LewUploadFileItem\n  setFileItem: (item: LewUploadFileItem) => void\n}) => {\n  const { key, file } = fileItem\n  const formData = new FormData()\n  formData.append('file', file as File)\n  setFileItem({ key, status: 'uploading' })\n  axios\n    .post({\n      url: '/open/upload',\n      data: formData,\n      baseURL: '/api_sso',\n      onUploadProgress: (e: any) => {\n        setFileItem({ key, percent: e.progress * 100 })\n      },\n    })\n    .then((res: any) => {\n      if (res.success) {\n        const { fileName } = res.data\n        setFileItem({\n          key,\n          status: 'success',\n          url: `https://app.tngeek.com/api_sso/open/file/${fileName}`,\n          percent: 100,\n        })\n      }\n      else {\n        LewMessage.error(res.message)\n        setFileItem({ key, status: 'fail' })\n      }\n    })\n}\n")},null,8,["code"]),f(t,{options:m(s)},null,8,["options"])]))}});export{N as default};

package/dist/assets/js/index-B7ZZM0q1.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 u,J as s,aE as i,u as r,a3 as b,a6 as p,bf as v,_ as d}from"./.pnpm-CZLWBssD.js";import{c,a as m}from"./utils-CLdZaKTe.js";import{bx as g,by as _,bz as f}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:c(g)},y={title:"Model",columnsKey:"model",orderNum:10,data:m(_)},w={title:"Props",columnsKey:"props",orderNum:10,data:m(f)},k=Object.freeze(Object.defineProperty({__proto__:null,emits:h,model:y,props:w},Symbol.toStringTag,{value:"Module"})),S=[n({__name:"DemoTabs1",setup(e){const l=[{label:"Nike",value:"nike"},{label:"Adidas",value:"adidas"},{label:"Puma",value:"puma"},{label:"Under Armour",value:"under_armour"},{label:"Reebok",value:"reebok"}],a=o("adidas");return(e,n)=>{const o=t("lew-tabs");return s(),u(o,{modelValue:r(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),options:l},null,8,["modelValue"])}}}),n({__name:"DemoTabs2",setup(e){const l=[{label:"Fresh Fruits",value:"fresh_fruit"},{label:"Vegetables",value:"vegetables"},{label:"Meat",value:"meat"},{label:"Seafood",value:"seafood"},{label:"Dairy",value:"dairy"},{label:"Snacks",value:"snacks"},{label:"Drinks",value:"drinks"},{label:"Household Items",value:"household_items"},{label:"Personal Care",value:"personal_care"},{label:"Baby Care",value:"baby_care"},{label:"Baking",value:"baking"},{label:"Frozen Food",value:"frozen_food"},{label:"Seasonings",value:"seasonings"},{label:"Dry Goods",value:"dry_goods"},{label:"Liquor",value:"liquor"},{label:"Instant Food",value:"instant_food"},{label:"Snack Food",value:"snack_food"},{label:"Imported Food",value:"imported_food"},{label:"Organic Food",value:"organic_food"},{label:"Health Supplements",value:"health_supplements"},{label:"Cleaning Products",value:"cleaning_products"},{label:"Beauty Care",value:"beauty_care"},{label:"Kitchen Ware",value:"kitchen_ware"},{label:"Household Appliances",value:"household_appliances"},{label:"Mobile Electronics",value:"mobile_electronics"},{label:"Clothing and Footwear",value:"clothing_footwear"},{label:"Sports and Outdoors",value:"sports_outdoors"},{label:"Office Supplies",value:"office_supplies"},{label:"Books and Audio Video",value:"books_audio_video"},{label:"Toys",value:"toys"},{label:"Pet Supplies",value:"pet_supplies"},{label:"Car Supplies",value:"car_supplies"},{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Nutrition and Health",value:"nutrition_health"},{label:"Electronics",value:"electronics"},{label:"Garden Supplies",value:"garden_supplies"},{label:"Holiday Gifts",value:"holiday_gifts"},{label:"Bags",value:"bags"}],a=o("meat");return(e,n)=>{const o=t("lew-tabs");return s(),u(o,{modelValue:r(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),options:l},null,8,["modelValue"])}}}),n({__name:"DemoTabs3",setup(e){const l=[{label:"Sales",value:"sales"},{label:"Marketing",value:"marketing"},{label:"Finance",value:"finance"},{label:"HR",value:"hr"},{label:"R&D",value:"rd"},{label:"Support",value:"customer_service"},{label:"Legal",value:"legal"},{label:"Procurement",value:"procurement"},{label:"Production",value:"production"},{label:"Quality",value:"quality_control"}],a=o("hr");return(e,n)=>{const o=t("lew-tabs");return s(),u(o,{modelValue:r(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),style:{width:"100%"},options:l,"item-width":120},null,8,["modelValue"])}}}),n({__name:"DemoTabs4",setup(e){const l=o("go"),a=[{label:"Python",value:"python"},{label:"JavaScript",value:"js"},{label:"Java",value:"java"},{label:"C++",value:"cpp"},{label:"TypeScript",value:"ts"},{label:"Go",value:"go"},{label:"Rust",value:"rust"},{label:"Swift",value:"swift"},{label:"Kotlin",value:"kotlin"},{label:"PHP",value:"php"},{label:"Ruby",value:"ruby"},{label:"C#",value:"cs"},{label:"Scala",value:"scala"},{label:"R",value:"r"},{label:"Dart",value:"dart"}];function n(e){LewMessage.info(`您选择了: ${e.label}`)}return(e,o)=>{const v=t("lew-tabs"),d=t("lew-flex");return s(),u(d,{direction:"y",x:"start",y:"start"},{default:b(()=>[p(v,{modelValue:r(l),"onUpdate:modelValue":o[0]||(o[0]=e=>i(l)?l.value=e:null),style:{width:"100%"},type:"line",options:a,onChange:n},null,8,["modelValue"])]),_:1})}}}),n({__name:"DemoTabs5",setup(e){const l=[{label:"Google",value:"google"},{label:"Amazon",value:"amazon"},{label:"Microsoft",value:"microsoft"},{label:"Apple",value:"apple"},{label:"Facebook",value:"facebook"},{label:"Tesla",value:"tesla"},{label:"Intel",value:"intel"},{label:"Nvidia",value:"nvidia"}],a=o("microsoft");return(e,n)=>{const o=t("lew-tabs");return s(),u(o,{modelValue:r(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),width:"auto",round:"",options:l},null,8,["modelValue"])}}}),n({__name:"DemoTabs6",setup(e){const l=[{label:"Louis Vuitton",value:"louis_vuitton"},{label:"Chanel",value:"chanel"},{label:"Gucci",value:"gucci"},{label:"Hermès",value:"hermes",disabled:!0},{label:"Prada",value:"prada"},{label:"Dior",value:"dior",disabled:!0},{label:"Rolex",value:"rolex"},{label:"Cartier",value:"cartier",disabled:!0},{label:"Versace",value:"versace"}],a=o("gucci");return(e,n)=>{const o=t("lew-tabs");return s(),u(o,{modelValue:r(a),"onUpdate:modelValue":n[0]||(n[0]=e=>i(a)?a.value=e:null),width:"auto",options:l},null,8,["modelValue"])}}})],V=["<script setup lang=\"ts\">\nimport type { LewTabsOption } from 'lew-ui/types'\n\nconst options: LewTabsOption[] = [\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 value = ref('adidas')\n<\/script>\n\n<template>\n  <lew-tabs v-model=\"value\" :options=\"options\" />\n</template>\n","<script setup lang=\"ts\">\ninterface TabOption {\n  label: string\n  value: string\n}\nconst options: TabOption[] = [\n  { label: 'Fresh Fruits', value: 'fresh_fruit' },\n  { label: 'Vegetables', value: 'vegetables' },\n  { label: 'Meat', value: 'meat' },\n  { label: 'Seafood', value: 'seafood' },\n  { label: 'Dairy', value: 'dairy' },\n  { label: 'Snacks', value: 'snacks' },\n  { label: 'Drinks', value: 'drinks' },\n  { label: 'Household Items', value: 'household_items' },\n  { label: 'Personal Care', value: 'personal_care' },\n  { label: 'Baby Care', value: 'baby_care' },\n  { label: 'Baking', value: 'baking' },\n  { label: 'Frozen Food', value: 'frozen_food' },\n  { label: 'Seasonings', value: 'seasonings' },\n  { label: 'Dry Goods', value: 'dry_goods' },\n  { label: 'Liquor', value: 'liquor' },\n  { label: 'Instant Food', value: 'instant_food' },\n  { label: 'Snack Food', value: 'snack_food' },\n  { label: 'Imported Food', value: 'imported_food' },\n  { label: 'Organic Food', value: 'organic_food' },\n  { label: 'Health Supplements', value: 'health_supplements' },\n  { label: 'Cleaning Products', value: 'cleaning_products' },\n  { label: 'Beauty Care', value: 'beauty_care' },\n  { label: 'Kitchen Ware', value: 'kitchen_ware' },\n  { label: 'Household Appliances', value: 'household_appliances' },\n  { label: 'Mobile Electronics', value: 'mobile_electronics' },\n  { label: 'Clothing and Footwear', value: 'clothing_footwear' },\n  { label: 'Sports and Outdoors', value: 'sports_outdoors' },\n  { label: 'Office Supplies', value: 'office_supplies' },\n  { label: 'Books and Audio Video', value: 'books_audio_video' },\n  { label: 'Toys', value: 'toys' },\n  { label: 'Pet Supplies', value: 'pet_supplies' },\n  { label: 'Car Supplies', value: 'car_supplies' },\n  { label: 'Tea', value: 'tea' },\n  { label: 'Coffee', value: 'coffee' },\n  { label: 'Nutrition and Health', value: 'nutrition_health' },\n  { label: 'Electronics', value: 'electronics' },\n  { label: 'Garden Supplies', value: 'garden_supplies' },\n  { label: 'Holiday Gifts', value: 'holiday_gifts' },\n  { label: 'Bags', value: 'bags' },\n]\n\nconst modelValue = ref('meat')\n<\/script>\n\n<template>\n  <lew-tabs v-model=\"modelValue\" :options=\"options\" />\n</template>\n","<script setup lang=\"ts\">\ninterface TabOption {\n  label: string\n  value: string\n}\n\n// Start of Selection\nconst options: TabOption[] = [\n  { label: 'Sales', value: 'sales' },\n  { label: 'Marketing', value: 'marketing' },\n  { label: 'Finance', value: 'finance' },\n  { label: 'HR', value: 'hr' },\n  { label: 'R&D', value: 'rd' },\n  { label: 'Support', value: 'customer_service' },\n  { label: 'Legal', value: 'legal' },\n  { label: 'Procurement', value: 'procurement' },\n  { label: 'Production', value: 'production' },\n  { label: 'Quality', value: 'quality_control' },\n]\nconst modelValue = ref('hr')\n<\/script>\n\n<template>\n  <lew-tabs\n    v-model=\"modelValue\"\n    style=\"width: 100%\"\n    :options=\"options\"\n    :item-width=\"120\"\n  />\n</template>\n","<script setup lang=\"ts\">\nconst selectedLang = ref('go')\n\ninterface LangOption {\n  label: string\n  value: string\n}\n\nconst langOptions: LangOption[] = [\n  { label: 'Python', value: 'python' },\n  { label: 'JavaScript', value: 'js' },\n  { label: 'Java', value: 'java' },\n  { label: 'C++', value: 'cpp' },\n  { label: 'TypeScript', value: 'ts' },\n  { label: 'Go', value: 'go' },\n  { label: 'Rust', value: 'rust' },\n  { label: 'Swift', value: 'swift' },\n  { label: 'Kotlin', value: 'kotlin' },\n  { label: 'PHP', value: 'php' },\n  { label: 'Ruby', value: 'ruby' },\n  { label: 'C#', value: 'cs' },\n  { label: 'Scala', value: 'scala' },\n  { label: 'R', value: 'r' },\n  { label: 'Dart', value: 'dart' },\n]\n\nfunction handleLangChange(option: LangOption) {\n  console.log(option)\n  LewMessage.info(`您选择了: ${option.label}`)\n}\n<\/script>\n\n<template>\n  <lew-flex direction=\"y\" x=\"start\" y=\"start\">\n    <lew-tabs\n      v-model=\"selectedLang\"\n      style=\"width: 100%\"\n      type=\"line\"\n      :options=\"langOptions\"\n      @change=\"handleLangChange\"\n    />\n  </lew-flex>\n</template>\n","<script setup lang=\"ts\">\ninterface TabOption {\n  label: string\n  value: string\n}\n\nconst options: TabOption[] = [\n  { label: 'Google', value: 'google' },\n  { label: 'Amazon', value: 'amazon' },\n  { label: 'Microsoft', value: 'microsoft' },\n  { label: 'Apple', value: 'apple' },\n  { label: 'Facebook', value: 'facebook' },\n  { label: 'Tesla', value: 'tesla' },\n  { label: 'Intel', value: 'intel' },\n  { label: 'Nvidia', value: 'nvidia' },\n]\n\nconst modelValue = ref('microsoft')\n<\/script>\n\n<template>\n  <lew-tabs v-model=\"modelValue\" width=\"auto\" round :options=\"options\" />\n</template>\n","<script setup lang=\"ts\">\ninterface TabOption {\n  label: string\n  value: string\n  disabled?: boolean\n}\n\n// 主题：Luxury Brands\nconst options: TabOption[] = [\n  { label: 'Louis Vuitton', value: 'louis_vuitton' },\n  { label: 'Chanel', value: 'chanel' },\n  { label: 'Gucci', value: 'gucci' },\n  { label: 'Hermès', value: 'hermes', disabled: true },\n  { label: 'Prada', value: 'prada' },\n  { label: 'Dior', value: 'dior', disabled: true },\n  { label: 'Rolex', value: 'rolex' },\n  { label: 'Cartier', value: 'cartier', disabled: true },\n  { label: 'Versace', value: 'versace' },\n]\n\nconst modelValue = ref('gucci')\n<\/script>\n\n<template>\n  <lew-tabs v-model=\"modelValue\" width=\"auto\" :options=\"options\" />\n</template>\n"],C={class:"demo-wrapper"},T=n({__name:"DemoTabs",setup(n){const t=v().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),u=o(Object.keys(k).map(e=>k[e]));return(n,o)=>(s(),d("div",C,[p(e),p(l,{"demo-group":r(S),"code-group":r(V),"component-name":r(t),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),p(a,{options:r(u)},null,8,["options"])]))}});export{T as default};

package/dist/assets/js/index-BCLDIGrW.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 r,J as s,aE as u,u as p,a3 as m,a6 as i,bf as d,_ as c}from"./.pnpm-CZLWBssD.js";import{c as h,a as x}from"./utils-CLdZaKTe.js";import{bE as v,bF as w,bG as g}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const _={title:"Emits",columnsKey:"emits",orderNum:99,data:h(v)},b={title:"Model",columnsKey:"model",orderNum:1,data:x(w)},f={title:"Props",columnsKey:"props",orderNum:1,data:x(g)},V=Object.freeze(Object.defineProperty({__proto__:null,emits:_,model:b,props:f},Symbol.toStringTag,{value:"Module"})),y=[l({__name:"DemoTextarea1",setup(e){const t=n("");return(e,a)=>{const l=o("lew-textarea");return s(),r(l,{modelValue:p(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),width:"300px","min-height":"50px"},null,8,["modelValue"])}}}),l({__name:"DemoTextarea2",setup(e){const t=n("");return(e,a)=>{const l=o("lew-textarea");return s(),r(l,{modelValue:p(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),width:"300px",placeholder:"Limit the number of characters","show-count":"","max-length":300,clearable:""},null,8,["modelValue"])}}}),l({__name:"DemoTextarea3",setup(e){const t=n("Selecting text after gathering");return(e,a)=>{const l=o("lew-textarea");return s(),r(l,{modelValue:p(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),width:"300px","select-by-focus":""},null,8,["modelValue"])}}}),l({__name:"DemoTextarea4",setup(e){const t=n("This is a textarea");return(e,a)=>{const l=o("lew-textarea");return s(),r(l,{modelValue:p(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),width:"300px",clearable:""},null,8,["modelValue"])}}}),l({__name:"DemoTextarea5",setup(e){const t=n("This is a read-only state");return(e,a)=>{const l=o("lew-textarea");return s(),r(l,{modelValue:p(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),width:"300px",placeholder:"Read-only",readonly:""},null,8,["modelValue"])}}}),l({__name:"DemoTextarea6",setup(e){const t=n("This is a disabled state");return(e,a)=>{const l=o("lew-textarea");return s(),r(l,{modelValue:p(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),width:"300px",placeholder:"Disabled",disabled:""},null,8,["modelValue"])}}}),l({__name:"DemoTextarea7",setup(e){const t=n("");function a(e){LewMessage.success(`The input content is: ${e}`)}return(e,l)=>{const n=o("lew-textarea");return s(),r(n,{modelValue:p(t),"onUpdate:modelValue":l[0]||(l[0]=e=>u(t)?t.value=e:null),width:"300px","ok-by-enter":"",clearable:"",onOk:a},null,8,["modelValue"])}}}),l({__name:"DemoTextarea8",setup(e){const t=n("");return(e,a)=>{const l=o("lew-textarea"),n=o("lew-flex");return s(),r(n,{style:{width:"300px"},gap:"20px",x:"start",direction:"y"},{default:m(()=>[i(l,{modelValue:p(t),"onUpdate:modelValue":a[0]||(a[0]=e=>u(t)?t.value=e:null),resize:"both",placeholder:"both","min-height":"80px"},null,8,["modelValue"]),i(l,{modelValue:p(t),"onUpdate:modelValue":a[1]||(a[1]=e=>u(t)?t.value=e:null),resize:"vertical",placeholder:"vertical","min-height":"100px"},null,8,["modelValue"]),i(l,{modelValue:p(t),"onUpdate:modelValue":a[2]||(a[2]=e=>u(t)?t.value=e:null),resize:"horizontal",placeholder:"horizontal","min-height":"120px"},null,8,["modelValue"])]),_:1})}}})],T=['<script setup lang="ts">\nconst value = ref(\'\')\n<\/script>\n\n<template>\n  <lew-textarea v-model="value" width="300px" min-height="50px" />\n</template>\n','<script setup lang="ts">\nconst value = ref(\'\')\n<\/script>\n\n<template>\n  <lew-textarea\n    v-model="value"\n    width="300px"\n    placeholder="Limit the number of characters"\n    show-count\n    :max-length="300"\n    clearable\n  />\n</template>\n','<script setup lang="ts">\nconst v = ref(\'Selecting text after gathering\')\n<\/script>\n\n<template>\n  <lew-textarea v-model="v" width="300px" select-by-focus />\n</template>\n','<script setup lang="ts">\nconst v = ref(\'This is a textarea\')\n<\/script>\n\n<template>\n  <lew-textarea v-model="v" width="300px" clearable />\n</template>\n','<script setup lang="ts">\nconst v = ref(\'This is a read-only state\')\n<\/script>\n\n<template>\n  <lew-textarea v-model="v" width="300px" placeholder="Read-only" readonly />\n</template>\n','<script setup lang="ts">\nconst v = ref(\'This is a disabled state\')\n<\/script>\n\n<template>\n  <lew-textarea v-model="v" width="300px" placeholder="Disabled" disabled />\n</template>\n','<script setup lang="ts">\nconst v = ref(\'\')\nfunction ok(v: string) {\n  LewMessage.success(`The input content is: ${v}`)\n}\n<\/script>\n\n<template>\n  <lew-textarea v-model="v" width="300px" ok-by-enter clearable @ok="ok" />\n</template>\n','<script setup lang="ts">\nconst value = ref(\'\')\n<\/script>\n\n<template>\n  <lew-flex style="width: 300px" gap="20px" x="start" direction="y">\n    <lew-textarea\n      v-model="value"\n      resize="both"\n      placeholder="both"\n      min-height="80px"\n    />\n    <lew-textarea\n      v-model="value"\n      resize="vertical"\n      placeholder="vertical"\n      min-height="100px"\n    />\n    <lew-textarea\n      v-model="value"\n      resize="horizontal"\n      placeholder="horizontal"\n      min-height="120px"\n    />\n  </lew-flex>\n</template>\n'],D={class:"demo-wrapper"},z=l({__name:"DemoTextarea",setup(l){const o=d().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),r=n(Object.keys(V).map(e=>V[e]));return(l,n)=>(s(),c("div",D,[i(e),i(t,{"demo-group":p(y),"code-group":p(T),"component-name":p(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),i(a,{options:p(r)},null,8,["options"])]))}});export{z as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as n,a as t}from"./LewDocsTables-BEtkuNGi.js";import{d as l,a2 as o,am as a,a as s,J as r,u as c,aE as i,_ as u,a6 as p,a3 as d,ab as m,a8 as h,ac as f,bf as y}from"./.pnpm-CZLWBssD.js";import{c as v,a as g}from"./utils-CLdZaKTe.js";import{bL as k,bM as b,bN as _,_ as w}from"./index-CcB67-Bu.js";import{x}from"./http-Ctb3-gew.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const T={title:"Emits",columnsKey:"emits",orderNum:99,data:v(k)},$={title:"Model",columnsKey:"model",data:g(b)},V={title:"Props",columnsKey:"props",data:g(_)},N=Object.freeze(Object.defineProperty({__proto__:null,emits:T,model:$,props:V,slots:{title:"Slots",columnsKey:"slots",data:[{name:"handle",description:"操作按钮",params:"-"}]}},Symbol.toStringTag,{value:"Module"})),j={class:"tree"},C={key:0,size:"small",type:"success"},L=[l({__name:"DemoTree1",setup(e){const n=function e(n="0",t=2){const l=[];for(let o=0;o<2;o+=1){const a=`${n}-${o}`,s={label:a,key:a};t>0&&(s.children=e(a,t-1)),l.push(s)}return l}(),t=o([]);function l(e){}return(e,o)=>{const u=a("lew-tree");return r(),s(u,{modelValue:c(t),"onUpdate:modelValue":o[0]||(o[0]=e=>i(t)?t.value=e:null),style:{width:"300px"},multiple:"",checkable:"",searchable:"",free:!1,"data-source":c(n),onChange:l},null,8,["modelValue","data-source"])}}}),l({__name:"DemoTree2",setup(e){const n=function e(n="0",t=4){const l=[];for(let o=0;o<3;o+=1){const a=`${n}-${o}`,s={label:a,key:a};t>0&&(s.children=e(a,t-1)),l.push(s)}return l}(),t=o([]);function l(e){}return(e,o)=>{const u=a("lew-tree");return r(),s(u,{modelValue:c(t),"onUpdate:modelValue":o[0]||(o[0]=e=>i(t)?t.value=e:null),style:{width:"300px"},checkable:"","data-source":c(n),onChange:l},null,8,["modelValue","data-source"])}}}),l({__name:"DemoTree3",setup(e){const n=function e(n="0",t=2){const l=[];for(let o=0;o<5;o+=1){const a=`${n}-${o}`,s={label:a,key:a};t>0&&(s.children=e(a,t-1)),l.push(s)}return l}(),t=o([]);function l(e){}return(e,o)=>{const u=a("lew-tree");return r(),s(u,{modelValue:c(t),"onUpdate:modelValue":o[0]||(o[0]=e=>i(t)?t.value=e:null),style:{width:"300px"},multiple:"",free:"","data-source":c(n),checkable:"",onChange:l},null,8,["modelValue","data-source"])}}}),l({__name:"DemoTree4",setup(e){const n=function e(n="0",t=2){const l=[];for(let o=0;o<5;o+=1){const a=`${n}-${o}`,s={label:a,key:a};t>0&&(s.children=e(a,t-1)),l.push(s)}return l}(),t=o([]);function l(e){}return(e,o)=>{const u=a("lew-tree");return r(),s(u,{modelValue:c(t),"onUpdate:modelValue":o[0]||(o[0]=e=>i(t)?t.value=e:null),style:{width:"300px"},multiple:"",checkable:"",free:!1,"data-source":c(n),onChange:l},null,8,["modelValue","data-source"])}}}),w(l({__name:"DemoTree5",setup(e){function n(){return new Promise(e=>{x.get({url:"/common/region/province/0"}).then(n=>{const{data:t,success:l}=n;if(l){const n=t.map(e=>({label:e.name,value:e.code,isLeaf:e.is_leaf}));e(n)}})})}function t(e){const n={0:"province",1:"city",2:"area",3:"street"},t=e?e.level+1:0;return new Promise(l=>{x.get({url:`/common/region/${n[t]||"province"}/${e?e.key:0}`}).then(e=>{const{data:n,success:t}=e;if(t){const e=n.map(e=>({label:e.name,value:e.code,isLeaf:e.is_leaf}));l(e)}})})}function l(e){}const s=o([]);return(e,o)=>{const d=a("lew-tree");return r(),u("div",j,[p(d,{modelValue:c(s),"onUpdate:modelValue":o[0]||(o[0]=e=>i(s)?s.value=e:null),multiple:"",checkable:"",height:"500px","key-field":"value","init-method":n,"load-method":t,onChange:l},null,8,["modelValue"])])}}}),[["__scopeId","data-v-386f8937"]]),l({__name:"DemoTree6",setup(e){const n=function e(n="0",t=2){const l=[];for(let o=0;o<2;o+=1){const a=`${n}-${o}`,s={label:a,key:a};t>0&&(s.children=e(a,t-1)),l.push(s)}return l}(),t=o([]);function l(e){}return(e,o)=>{const u=a("lew-tree");return r(),s(u,{modelValue:c(t),"onUpdate:modelValue":o[0]||(o[0]=e=>i(t)?t.value=e:null),style:{width:"300px"},multiple:"","expand-all":"",checkable:!1,"data-source":c(n),onChange:l},null,8,["modelValue","data-source"])}}}),l({__name:"DemoTree7",setup(e){const n=function e(n="0",t=4){const l=[];for(let o=0;o<3;o+=1){const a=`${n}-${o}`,s={label:a,key:a};t>0&&(s.children=e(a,t-1)),l.push(s)}return l}(),t=o([]);function l(e){}return(e,o)=>{const u=a("lew-tree");return r(),s(u,{modelValue:c(t),"onUpdate:modelValue":o[0]||(o[0]=e=>i(t)?t.value=e:null),style:{width:"300px"},checkable:"","show-line":"",multiple:"","data-source":c(n),onChange:l},null,8,["modelValue","data-source"])}}}),w(l({__name:"DemoTree8",setup(e){const n=function e(n="0",t=4){const l=[];for(let o=0;o<3;o+=1){const a=`${n}-${o}`,s={label:a,key:a};t>0&&(s.children=e(a,t-1)),l.push(s)}return l}(),t=o([]);function l(e){}return(e,o)=>{const p=a("lew-tree");return r(),s(p,{modelValue:c(t),"onUpdate:modelValue":o[0]||(o[0]=e=>i(t)?t.value=e:null),style:{width:"300px"},checkable:"","show-line":"",multiple:"","data-source":c(n),onChange:l},{item:d(({props:e})=>[m(f(e.label)+" ",1),e.checked?(r(),u("span",C," （ "+f(e.checked?"已选择":"")+"） ",1)):h("",!0)]),_:1},8,["modelValue","data-source"])}}}),[["__scopeId","data-v-bf432cf2"]])],D=['<script setup lang="ts">\nfunction createTree(path = \'0\', level = 2) {\n  const list = []\n  for (let i = 0; i < 2; i += 1) {\n    const key = `${path}-${i}`\n    const treeNode: any = {\n      label: key,\n      key,\n    }\n    if (level > 0) {\n      treeNode.children = createTree(key, level - 1)\n    }\n    list.push(treeNode)\n  }\n  return list\n}\nconst options = createTree()\nconst v = ref<string[]>([])\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-tree\n    v-model="v"\n    style="width: 300px"\n    multiple\n    checkable\n    searchable\n    :free="false"\n    :data-source="options"\n    @change="change"\n  />\n</template>\n','<script setup lang="ts">\nfunction createTree(path = \'0\', level = 4) {\n  const list = []\n  for (let i = 0; i < 3; i += 1) {\n    const key = `${path}-${i}`\n    const treeNode: any = {\n      label: key,\n      key,\n    }\n    if (level > 0) {\n      treeNode.children = createTree(key, level - 1)\n    }\n    list.push(treeNode)\n  }\n  return list\n}\nconst options = createTree()\nconst v = ref([])\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-tree\n    v-model="v"\n    style="width: 300px"\n    checkable\n    :data-source="options"\n    @change="change"\n  />\n</template>\n','<script setup lang="ts">\nfunction createTree(path = \'0\', level = 2) {\n  const list = []\n  for (let i = 0; i < 5; i += 1) {\n    const key = `${path}-${i}`\n    const treeNode: any = {\n      label: key,\n      key,\n    }\n    if (level > 0) {\n      treeNode.children = createTree(key, level - 1)\n    }\n    list.push(treeNode)\n  }\n  return list\n}\nconst options = createTree()\nconst v = ref([])\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-tree\n    v-model="v"\n    style="width: 300px"\n    multiple\n    free\n    :data-source="options"\n    checkable\n    @change="change"\n  />\n</template>\n','<script setup lang="ts">\nfunction createTree(path = \'0\', level = 2) {\n  const list = []\n  for (let i = 0; i < 5; i += 1) {\n    const key = `${path}-${i}`\n    const treeNode: any = {\n      label: key,\n      key,\n    }\n    if (level > 0) {\n      treeNode.children = createTree(key, level - 1)\n    }\n    list.push(treeNode)\n  }\n  return list\n}\nconst tree = createTree()\nconst v = ref([])\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-tree\n    v-model="v"\n    style="width: 300px"\n    multiple\n    checkable\n    :free="false"\n    :data-source="tree"\n    @change="change"\n  />\n</template>\n','<script setup lang="ts">\nimport axios from \'docs/axios/http\'\n\nfunction initMethod() {\n  return new Promise<any[]>((resolve) => {\n    // item 不存在的时候 是第一层加载\n    axios\n      .get({\n        url: \'/common/region/province/0\',\n      })\n      .then((res: any) => {\n        const { data, success } = res\n        if (success) {\n          const options = data.map((e: any) => {\n            return {\n              label: e.name,\n              value: e.code,\n              isLeaf: e.is_leaf,\n            }\n          })\n          resolve(options)\n        }\n      })\n  })\n}\n\nfunction loadMethod(item?: any) {\n  const levelMap: any = {\n    0: \'province\',\n    1: \'city\',\n    2: \'area\',\n    3: \'street\',\n  }\n  // item 无值时，初始化第一层数据\n  const _typeKey = item ? item.level + 1 : 0\n\n  return new Promise<any[]>((resolve) => {\n    // item 不存在的时候 是第一层加载\n    axios\n      .get({\n        url: `/common/region/${levelMap[_typeKey] || \'province\'}/${item ? item.key : 0}`,\n      })\n      .then((res: any) => {\n        const { data, success } = res\n        if (success) {\n          const options = data.map((e: any) => {\n            return {\n              label: e.name,\n              value: e.code,\n              isLeaf: e.is_leaf,\n            }\n          })\n          resolve(options)\n        }\n      })\n  })\n}\nfunction change(item: any) {\n  console.log(item)\n}\nconst v = ref([])\n<\/script>\n\n<template>\n  <div class="tree">\n    <lew-tree\n      v-model="v"\n      multiple\n      checkable\n      height="500px"\n      key-field="value"\n      :init-method="initMethod"\n      :load-method="loadMethod"\n      @change="change"\n    />\n  </div>\n</template>\n\n<style lang="scss" scoped>\n.tree {\n  width: 300px;\n}\n</style>\n','<script setup lang="ts">\nfunction createTree(path = \'0\', level = 2) {\n  const list = []\n  for (let i = 0; i < 2; i += 1) {\n    const key = `${path}-${i}`\n    const treeNode: any = {\n      label: key,\n      key,\n    }\n    if (level > 0) {\n      treeNode.children = createTree(key, level - 1)\n    }\n    list.push(treeNode)\n  }\n  return list\n}\nconst options = createTree()\nconst v = ref([])\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-tree\n    v-model="v"\n    style="width: 300px"\n    multiple\n    expand-all\n    :checkable="false"\n    :data-source="options"\n    @change="change"\n  />\n</template>\n','<script setup lang="ts">\nfunction createTree(path = \'0\', level = 4) {\n  const list = []\n  for (let i = 0; i < 3; i += 1) {\n    const key = `${path}-${i}`\n    const treeNode: any = {\n      label: key,\n      key,\n    }\n    if (level > 0) {\n      treeNode.children = createTree(key, level - 1)\n    }\n    list.push(treeNode)\n  }\n  return list\n}\nconst options = createTree()\nconst v = ref([])\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-tree\n    v-model="v"\n    style="width: 300px"\n    checkable\n    show-line\n    multiple\n    :data-source="options"\n    @change="change"\n  />\n</template>\n','<script setup lang="ts">\nfunction createTree(path = \'0\', level = 4) {\n  const list = []\n  for (let i = 0; i < 3; i += 1) {\n    const key = `${path}-${i}`\n    const treeNode: any = {\n      label: key,\n      key,\n    }\n    if (level > 0) {\n      treeNode.children = createTree(key, level - 1)\n    }\n    list.push(treeNode)\n  }\n  return list\n}\nconst options = createTree()\nconst v = ref([])\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-tree\n    v-model="v"\n    style="width: 300px"\n    checkable\n    show-line\n    multiple\n    :data-source="options"\n    @change="change"\n  >\n    <template #item="{ props }">\n      {{ props.label }}\n      <span v-if="props.checked" size="small" type="success">\n        （ {{ props.checked ? \'已选择\' : \'\' }}）\n      </span>\n    </template>\n  </lew-tree>\n</template>\n\n<style lang="scss" scoped>\n.empty {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  height: 220px;\n  gap: 10px;\n  text-align: center;\n  color: #aaa;\n}\n</style>\n'],M={class:"demo-wrapper"},U=l({__name:"DemoTree",setup(l){const a=y().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=o(Object.keys(N).map(e=>N[e]));return(l,o)=>(r(),u("div",M,[p(e),p(n,{"demo-group":c(L),"code-group":c(D),"component-name":c(a),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),p(t,{options:c(s)},null,8,["options"])]))}});export{U as default};

package/dist/assets/js/index-BVUd_Yz6.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,a3 as m,a6 as r,aE as c,u as d,bf as i,_ as p}from"./.pnpm-CZLWBssD.js";import{c as w,a as v}from"./utils-CLdZaKTe.js";import{bq as g,br as h,bs 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:w(g)},V={title:"Model",columnsKey:"model",orderNum:1,data:v(h)},x={title:"Props",columnsKey:"props",orderNum:10,data:v(f)},y=Object.freeze(Object.defineProperty({__proto__:null,emits:_,model:V,props:x},Symbol.toStringTag,{value:"Module"})),b=[a({__name:"DemoSwitch1",setup(e){const l=o(!1);function n(e){}return(e,a)=>{const o=t("lew-switch"),i=t("lew-flex");return s(),u(i,{x:"start",y:"end"},{default:m(()=>[r(o,{modelValue:d(l),"onUpdate:modelValue":a[0]||(a[0]=e=>c(l)?l.value=e:null),size:"small",onChange:n},null,8,["modelValue"]),r(o,{modelValue:d(l),"onUpdate:modelValue":a[1]||(a[1]=e=>c(l)?l.value=e:null),size:"medium",onChange:n},null,8,["modelValue"]),r(o,{modelValue:d(l),"onUpdate:modelValue":a[2]||(a[2]=e=>c(l)?l.value=e:null),size:"large",onChange:n},null,8,["modelValue"])]),_:1})}}}),a({__name:"DemoSwitch2",setup(e){const l=o(!1);function n(e){}return(e,a)=>{const o=t("lew-switch");return s(),u(o,{modelValue:d(l),"onUpdate:modelValue":a[0]||(a[0]=e=>c(l)?l.value=e:null),round:!1,onChange:n},null,8,["modelValue"])}}}),a({__name:"DemoSwitch3",setup(e){const l=o(!1);function n(e){return new Promise(e=>{setTimeout(()=>{e(!0),LewMessage.success("发送成功")},1e3)})}function a(e){}return(e,o)=>{const i=t("lew-switch"),p=t("lew-flex");return s(),u(p,{direction:"y",x:"start",y:"end"},{default:m(()=>[r(i,{modelValue:d(l),"onUpdate:modelValue":o[0]||(o[0]=e=>c(l)?l.value=e:null),size:"small",request:n,onChange:a},null,8,["modelValue"]),r(i,{modelValue:d(l),"onUpdate:modelValue":o[1]||(o[1]=e=>c(l)?l.value=e:null),size:"medium",request:n,onChange:a},null,8,["modelValue"]),r(i,{modelValue:d(l),"onUpdate:modelValue":o[2]||(o[2]=e=>c(l)?l.value=e:null),size:"large",request:n,onChange:a},null,8,["modelValue"])]),_:1})}}}),a({__name:"DemoSwitch4",setup(e){const l=o(!0),n=o(!1);return(e,a)=>{const o=t("lew-switch"),i=t("lew-flex");return s(),u(i,null,{default:m(()=>[r(o,{modelValue:d(l),"onUpdate:modelValue":a[0]||(a[0]=e=>c(l)?l.value=e:null),readonly:""},null,8,["modelValue"]),r(o,{modelValue:d(n),"onUpdate:modelValue":a[1]||(a[1]=e=>c(n)?n.value=e:null),readonly:""},null,8,["modelValue"])]),_:1})}}}),a({__name:"DemoSwitch5",setup(e){const l=o(!0),n=o(!1);return(e,a)=>{const o=t("lew-switch"),i=t("lew-flex");return s(),u(i,null,{default:m(()=>[r(o,{modelValue:d(l),"onUpdate:modelValue":a[0]||(a[0]=e=>c(l)?l.value=e:null),disabled:""},null,8,["modelValue"]),r(o,{modelValue:d(n),"onUpdate:modelValue":a[1]||(a[1]=e=>c(n)?n.value=e:null),disabled:""},null,8,["modelValue"])]),_:1})}}})],z=['<script setup lang="ts">\nconst value = ref(false)\nfunction change(e: boolean) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-flex x="start" y="end">\n    <lew-switch v-model="value" size="small" @change="change" />\n    <lew-switch v-model="value" size="medium" @change="change" />\n    <lew-switch v-model="value" size="large" @change="change" />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst value = ref(false)\n\nfunction change(e: unknown) {\n  console.log(e)\n  console.log(value.value)\n}\n<\/script>\n\n<template>\n  <lew-switch v-model="value" :round="false" @change="change" />\n</template>\n','<script setup lang="ts">\nconst value = ref(false)\nfunction mockFn(v: boolean) {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      console.log(v)\n      resolve(true)\n      LewMessage.success(\'发送成功\')\n    }, 1000)\n  })\n}\nfunction change(e: unknown) {\n  console.log(e)\n  console.log(value.value)\n}\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start" y="end">\n    <lew-switch\n      v-model="value"\n      size="small"\n      :request="mockFn"\n      @change="change"\n    />\n    <lew-switch\n      v-model="value"\n      size="medium"\n      :request="mockFn"\n      @change="change"\n    />\n    <lew-switch\n      v-model="value"\n      size="large"\n      :request="mockFn"\n      @change="change"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst value1 = ref(true)\nconst value2 = ref(false)\n<\/script>\n\n<template>\n  <lew-flex>\n    <lew-switch v-model="value1" readonly />\n    <lew-switch v-model="value2" readonly />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst value1 = ref(true)\nconst value2 = ref(false)\n<\/script>\n\n<template>\n  <lew-flex>\n    <lew-switch v-model="value1" disabled />\n    <lew-switch v-model="value2" disabled />\n  </lew-flex>\n</template>\n'],U={class:"demo-wrapper"},C=a({__name:"DemoSwitch",setup(a){const t=i().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),u=o(Object.keys(y).map(e=>y[e]));return(a,o)=>(s(),p("div",U,[r(e),r(l,{"demo-group":d(b),"code-group":d(z),"component-name":d(t),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),r(n,{options:d(u)},null,8,["options"])]))}});export{C as default};

package/dist/assets/js/index-BY5WB_bU.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 s,J as i,u,aE as r,c6 as c,a3 as p,a9 as d,b,a6 as m,ac as v,ab as g,c7 as h,_,a7 as x,a1 as y,bf as w}from"./.pnpm-CZLWBssD.js";import{c as f,a as P}from"./utils-CLdZaKTe.js";import{bc as k,bd as S,be as V,_ as C}from"./index-CcB67-Bu.js";import{s as M}from"./data-BmZE5nT3.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const D={title:"Emits",columnsKey:"emits",orderNum:99,data:f(k)},N={title:"Model",columnsKey:"model",orderNum:1,data:P(S)},L={title:"Props",columnsKey:"props",orderNum:10,data:P(V)},B=Object.freeze(Object.defineProperty({__proto__:null,emits:D,model:N,props:L,slot:{title:"Slots",columnsKey:"slots",data:[{name:"item",description:"选项自定义内容",params:"Options"},{name:"empty",description:"无选项时显示的内容",params:"Options"}]}},Symbol.toStringTag,{value:"Module"})),A={class:"custom-select-content"},O={class:"info"},U={class:"label"},j={class:"desc"},H={class:"empty"},K={class:"demo-select-multiple"},z={class:"demo-result"},F=[a({__name:"DemoSelectMultiple1",setup(e){const l=o([{label:"Nike",value:1},{label:"Adidas",value:2},{label:"Puma",value:3},{label:"Under Armour",value:4},{label:"Reebok",value:5},{label:"H&M",value:6},{label:"Zara",value:7},{label:"Uniqlo",value:8},{label:"Levi's",value:9},{label:"Gucci",value:10}]),n=o([]);return(e,a)=>{const o=t("lew-select-multiple");return i(),s(o,{modelValue:u(n),"onUpdate:modelValue":a[0]||(a[0]=e=>r(n)?n.value=e:null),width:"320px","value-layout":"tag",options:u(l),placeholder:"Please select a brand",clearable:""},null,8,["modelValue","options"])}}}),C(a({__name:"DemoSelectMultiple2",setup(e){const l=M.map(e=>({label:e,value:e})),n=o(["浙江大学","中山大学"]);return(e,a)=>{const o=t("lew-select-multiple");return i(),s(o,{modelValue:u(n),"onUpdate:modelValue":a[0]||(a[0]=e=>r(n)?n.value=e:null),width:"300px",searchable:"","default-value":u(n),options:u(l),placeholder:"Default Filter"},null,8,["modelValue","default-value","options"])}}}),[["__scopeId","data-v-f5fd82fc"]]),a({__name:"DemoSelectMultiple3",setup(e){const l=M.map((e,l)=>({label:e,value:c(String(l),8,"0")})),n=o();return(e,a)=>{const o=t("lew-avatar"),c=t("lew-select-multiple");return i(),s(c,{modelValue:u(n),"onUpdate:modelValue":a[0]||(a[0]=e=>r(n)?n.value=e:null),style:{width:"320px"},"item-height":48,clearable:"",options:u(l),placeholder:"Please select a school"},{item:p(({props:e})=>[d("div",{class:b(["custom-select-box",{"custom-select-checked":e.checked}])},[d("div",A,[m(o,{shape:"circle",size:"30",src:`https://api.lew.kamtao.com/manage/common/avatar/350/4B78CA/${e.label}`},null,8,["src"]),d("div",O,[d("div",U,v(e.label)+" "+v(e.checked?"（已选择）":""),1),d("div",j,v(e.value),1)])])],2)]),_:1},8,["modelValue","options"])}}}),a({__name:"DemoSelectMultiple4",setup(e){const l=o([{label:"DSLR",value:"1"},{label:"Mirrorless",value:"2",disabled:!0},{label:"Camcorder",disabled:!0,value:"3"},{label:"Lens",value:"4"},{label:"Tripod",value:"5"},{label:"Flash",value:"6"},{label:"Bag",value:"7"},{label:"SD Card",value:"8"},{label:"Filter",value:"9"},{label:"Cleaning Kit",value:"10",disabled:!0}]),n=o([]);function a(e){e.length>3&&(n.value=e.slice(0,3),LewMessage.warning("Maximum of 3 items can be selected"))}return(e,o)=>{const c=t("lew-select-multiple"),d=t("lew-flex");return i(),s(d,{style:{width:"320px"},direction:"y"},{default:p(()=>[m(c,{modelValue:u(n),"onUpdate:modelValue":o[0]||(o[0]=e=>r(n)?n.value=e:null),options:u(l),placeholder:"Select available photography equipment",onChange:a},null,8,["modelValue","options"])]),_:1})}}}),a({__name:"DemoSelectMultiple5",setup(e){const l=[{label:"Chanel",value:"chanel"},{label:"Gucci",value:"gucci"},{label:"Dior",value:"dior",disabled:!0},{label:"Louis Vuitton",value:"louis_vuitton"},{label:"Prada",value:"prada"},{label:"Hermès",value:"hermes",disabled:!0},{label:"Burberry",value:"burberry"},{label:"Versace",value:"versace"},{label:"Balenciaga",value:"balenciaga"},{label:"Fendi",value:"fendi",disabled:!0}],n=o(["chanel","gucci","louis_vuitton"]);return(e,a)=>{const o=t("lew-select-multiple");return i(),s(o,{modelValue:u(n),"onUpdate:modelValue":a[0]||(a[0]=e=>r(n)?n.value=e:null),width:"300px",options:l,placeholder:"Select Luxury Brands","value-layout":"tag",readonly:""},null,8,["modelValue"])}}}),a({__name:"DemoSelectMultiple6",setup(e){const l=[{label:"Novel",value:"novel"},{label:"Poetry",value:"poetry"},{label:"Sci. Popular",value:"science",disabled:!0},{label:"Biography",value:"biography"},{label:"History",value:"history"},{label:"Philosophy",value:"philosophy",disabled:!0},{label:"Art",value:"art"},{label:"Economics",value:"economics"},{label:"Psychology",value:"psychology"},{label:"Politics",value:"politics",disabled:!0}],n=o(["novel","poetry","biography"]);return(e,a)=>{const o=t("lew-select-multiple");return i(),s(o,{modelValue:u(n),"onUpdate:modelValue":a[0]||(a[0]=e=>r(n)?n.value=e:null),width:"300px",options:l,placeholder:"View Selected Genres",disabled:""},null,8,["modelValue"])}}}),C(a({__name:"DemoSelectMultiple7",setup(e){const l=o([]),n=o([]);return(e,a)=>{const o=t("lew-select-multiple");return i(),s(o,{modelValue:u(n),"onUpdate:modelValue":a[0]||(a[0]=e=>r(n)?n.value=e:null),style:{width:"320px"},options:u(l),clearable:""},{empty:p(()=>[d("div",H,[m(u(h),{size:30}),a[1]||(a[1]=g(" No Content "))])]),_:1},8,["modelValue","options"])}}}),[["__scopeId","data-v-29a64d4c"]]),a({__name:"DemoSelectMultiple8",setup(e){const l=o([{label:"Smartphones",children:[{label:"Pixel 6",value:"google_pixel_6"},{label:"Pixel 6 Pro",value:"google_pixel_6_pro"},{label:"Pixel 5a",value:"google_pixel_5a"},{label:"Pixel 4a",value:"google_pixel_4a"},{label:"Pixel 4",value:"google_pixel_4"},{label:"Pixel 3a",value:"google_pixel_3a"},{label:"Pixel 3",value:"google_pixel_3"},{label:"Pixel 2",value:"google_pixel_2"}]},{label:"Smart Home",children:[{label:"Nest Hub",value:"google_nest_hub"},{label:"Nest Mini",value:"google_nest_mini"},{label:"Nest Audio",value:"google_nest_audio"},{label:"Nest Cam",value:"google_nest_cam"},{label:"Nest Doorbell",value:"google_nest_doorbell"},{label:"Nest Thermostat",value:"google_nest_thermostat"},{label:"Nest Protect",value:"google_nest_protect"},{label:"Nest Wifi",value:"google_nest_wifi"}]},{label:"Laptops",children:[{label:"Pixelbook Go",value:"google_pixelbook_go"},{label:"Pixelbook",value:"google_pixelbook"},{label:"Chromebook",value:"google_chromebook"},{label:"Pixel Slate",value:"google_pixel_slate"},{label:"Chromebook Pixel",value:"google_chromebook_pixel"},{label:"Chromebook Flip",value:"google_chromebook_flip"},{label:"Chromebook Duet",value:"google_chromebook_duet"},{label:"Chromebook 14",value:"google_chromebook_14"}]},{label:"Accessories",children:[{label:"Pixel Buds",value:"google_pixel_buds"},{label:"Pixel Stand",value:"google_pixel_stand"},{label:"Charger",value:"google_charger"},{label:"Phone Case",value:"google_phone_case"},{label:"Headphones",value:"google_headphones"},{label:"Keyboard",value:"google_keyboard"},{label:"Mouse",value:"google_mouse"},{label:"Charging Dock",value:"google_charging_dock"}]}]),n=o(["google_pixel_buds","google_pixel_stand"]);return(e,a)=>{const o=t("lew-select-multiple"),c=t("lew-flex");return i(),s(c,{style:{width:"320px"},direction:"y",gap:"10px"},{default:p(()=>[m(o,{modelValue:u(n),"onUpdate:modelValue":a[0]||(a[0]=e=>r(n)?n.value=e:null),options:u(l),"value-layout":"tag",placeholder:"Select Products",searchable:""},null,8,["modelValue","options"])]),_:1})}}}),a({__name:"DemoSelectMultiple9",setup(e){const l=o([]);function n(){return new Promise(e=>{setTimeout(()=>{const l=M.map(e=>({label:e,value:e}));e(l)},1e3)})}const a=o(0);function c(){a.value++}return(e,o)=>{const d=t("lew-select-multiple"),b=t("lew-button");return i(),_(x,null,[(i(),s(d,{key:u(a),modelValue:u(l),"onUpdate:modelValue":o[0]||(o[0]=e=>r(l)?l.value=e:null),width:"300px",searchable:"","init-method":n,placeholder:"load options"},null,8,["modelValue"])),m(b,{type:"ghost",style:{"margin-top":"20px"},onClick:c},{default:p(()=>[g(" load again "+v(u(a)),1)]),_:1})],64)}}}),C(a({__name:"DemoSelectMultiple10",setup(e){const l=o([]);return y("formMethods",{loadProductOptions:async()=>(await new Promise(e=>setTimeout(e,1e3)),[{label:"iPhone 15",value:"iphone15"},{label:"MacBook Pro",value:"macbook-pro"},{label:"iPad Air",value:"ipad-air"},{label:"Apple Watch",value:"apple-watch"},{label:"AirPods Pro",value:"airpods-pro"},{label:"iMac",value:"imac"}])}),(e,n)=>{const a=t("LewSelectMultiple");return i(),_("div",K,[m(a,{modelValue:u(l),"onUpdate:modelValue":n[0]||(n[0]=e=>r(l)?l.value=e:null),"init-method-id":"loadProductOptions",placeholder:"Select a product",width:"300px",searchable:"","value-layout":"tag"},null,8,["modelValue"]),d("div",z," Selected value: "+v(u(l)),1)])}}}),[["__scopeId","data-v-7c56db3e"]])],T=["<script setup lang=\"ts\">\nconst clothingBrandOptions = [\n  { label: 'Nike', value: 1 },\n  { label: 'Adidas', value: 2 },\n  { label: 'Puma', value: 3 },\n  { label: 'Under Armour', value: 4 },\n  { label: 'Reebok', value: 5 },\n  { label: 'H&M', value: 6 },\n  { label: 'Zara', value: 7 },\n  { label: 'Uniqlo', value: 8 },\n  { label: 'Levi\\'s', value: 9 },\n  { label: 'Gucci', value: 10 },\n]\nconst options = ref(clothingBrandOptions)\nconst value = ref([])\n<\/script>\n\n<template>\n  <lew-select-multiple\n    v-model=\"value\"\n    width=\"320px\"\n    value-layout=\"tag\"\n    :options=\"options\"\n    placeholder=\"Please select a brand\"\n    clearable\n  />\n</template>\n",'<script setup lang="ts">\nimport { schools } from \'docs/lib/data\'\n\nconst schoolsOptions = schools.map((e) => {\n  return { label: e, value: e }\n})\n\nconst value = ref([\'浙江大学\', \'中山大学\'])\n<\/script>\n\n<template>\n  <lew-select-multiple\n    v-model="value"\n    width="300px"\n    searchable\n    :default-value="value"\n    :options="schoolsOptions"\n    placeholder="Default Filter"\n  />\n</template>\n\n<style lang="scss" scoped>\n.empty {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  height: 220px;\n  gap: 10px;\n  text-align: center;\n  color: #aaa;\n}\n</style>\n','<script setup lang="ts">\nimport { schools } from \'docs/lib/data\'\nimport { padStart } from \'lodash-es\'\n\nconst schoolsOptions = schools.map((e, i) => {\n  return { label: e, value: padStart(String(i), 8, \'0\') }\n})\n\nconst value = ref()\n<\/script>\n\n<template>\n  <lew-select-multiple\n    v-model="value"\n    style="width: 320px"\n    :item-height="48"\n    clearable\n    :options="schoolsOptions"\n    placeholder="Please select a school"\n  >\n    <template #item="{ props }">\n      <div\n        class="custom-select-box"\n        :class="{ \'custom-select-checked\': props.checked }"\n      >\n        <div class="custom-select-content">\n          <lew-avatar\n            shape="circle"\n            size="30"\n            :src="`https://api.lew.kamtao.com/manage/common/avatar/350/4B78CA/${props.label}`"\n          />\n          <div class="info">\n            <div class="label">\n              {{ props.label }}\n              {{ props.checked ? \'（已选择）\' : \'\' }}\n            </div>\n            <div class="desc">\n              {{ props.value }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n  </lew-select-multiple>\n</template>\n\n<style lang="scss">\n.custom-select-box {\n  width: 100%;\n  height: 48px;\n  user-select: none;\n  padding: 2px 0px;\n  box-sizing: border-box;\n  cursor: pointer;\n  overflow: hidden;\n  .custom-select-content {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 0px 8px;\n    height: 100%;\n    border-radius: var(--lew-border-radius-small);\n    box-sizing: border-box;\n    .info {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      .label {\n        color: var(--lew-text-color-1);\n        font-size: 14px;\n      }\n      .desc {\n        color: var(--lew-text-color-5);\n        font-size: 12px;\n      }\n    }\n  }\n}\n.custom-select-box:hover {\n  .custom-select-content {\n    background: var(--lew-color-primary-light);\n  }\n}\n.custom-select-checked {\n  .custom-select-content {\n    background: var(--lew-color-primary-light);\n  }\n}\n</style>\n',"<script setup lang=\"ts\">\nconst options = ref([\n  {\n    label: 'DSLR',\n    value: '1',\n  },\n  {\n    label: 'Mirrorless',\n    value: '2',\n    disabled: true,\n  },\n  {\n    label: 'Camcorder',\n    disabled: true,\n    value: '3',\n  },\n  {\n    label: 'Lens',\n    value: '4',\n  },\n  {\n    label: 'Tripod',\n    value: '5',\n  },\n  {\n    label: 'Flash',\n    value: '6',\n  },\n  {\n    label: 'Bag',\n    value: '7',\n  },\n  {\n    label: 'SD Card',\n    value: '8',\n  },\n  {\n    label: 'Filter',\n    value: '9',\n  },\n  {\n    label: 'Cleaning Kit',\n    value: '10',\n    disabled: true,\n  },\n])\n\nconst value = ref<string[]>([])\nconst maxSelection = 3\n\nfunction handleChange(newValue: string[]) {\n  if (newValue.length > maxSelection) {\n    value.value = newValue.slice(0, maxSelection)\n    LewMessage.warning('Maximum of 3 items can be selected')\n  }\n}\n<\/script>\n\n<template>\n  <lew-flex style=\"width: 320px\" direction=\"y\">\n    <lew-select-multiple\n      v-model=\"value\"\n      :options=\"options\"\n      placeholder=\"Select available photography equipment\"\n      @change=\"handleChange\"\n    />\n  </lew-flex>\n</template>\n","<script setup lang=\"ts\">\nconst options = [\n  { label: 'Chanel', value: 'chanel' },\n  { label: 'Gucci', value: 'gucci' },\n  { label: 'Dior', value: 'dior', disabled: true },\n  { label: 'Louis Vuitton', value: 'louis_vuitton' },\n  { label: 'Prada', value: 'prada' },\n  { label: 'Hermès', value: 'hermes', disabled: true },\n  { label: 'Burberry', value: 'burberry' },\n  { label: 'Versace', value: 'versace' },\n  { label: 'Balenciaga', value: 'balenciaga' },\n  { label: 'Fendi', value: 'fendi', disabled: true },\n]\nconst value = ref(['chanel', 'gucci', 'louis_vuitton'])\n<\/script>\n\n<template>\n  <lew-select-multiple\n    v-model=\"value\"\n    width=\"300px\"\n    :options=\"options\"\n    placeholder=\"Select Luxury Brands\"\n    value-layout=\"tag\"\n    readonly\n  />\n</template>\n","<script setup lang=\"ts\">\nconst options = [\n  { label: 'Novel', value: 'novel' },\n  { label: 'Poetry', value: 'poetry' },\n  { label: 'Sci. Popular', value: 'science', disabled: true },\n  { label: 'Biography', value: 'biography' },\n  { label: 'History', value: 'history' },\n  { label: 'Philosophy', value: 'philosophy', disabled: true },\n  { label: 'Art', value: 'art' },\n  { label: 'Economics', value: 'economics' },\n  { label: 'Psychology', value: 'psychology' },\n  { label: 'Politics', value: 'politics', disabled: true },\n]\nconst value = ref(['novel', 'poetry', 'biography'])\n<\/script>\n\n<template>\n  <lew-select-multiple\n    v-model=\"value\"\n    width=\"300px\"\n    :options=\"options\"\n    placeholder=\"View Selected Genres\"\n    disabled\n  />\n</template>\n",'<script setup lang="ts">\nimport { Box } from \'lucide-vue-next\'\n\nconst options = ref([])\nconst value = ref([])\n<\/script>\n\n<template>\n  <lew-select-multiple\n    v-model="value"\n    style="width: 320px"\n    :options="options"\n    clearable\n  >\n    <template #empty>\n      <div class="empty">\n        <Box :size="30" />\n        No Content\n      </div>\n    </template>\n  </lew-select-multiple>\n</template>\n\n<style lang="scss" scoped>\n.empty {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  height: 220px;\n  gap: 10px;\n  text-align: center;\n  color: #aaa;\n}\n</style>\n',"<script setup lang=\"ts\">\nconst options = ref([\n  {\n    label: 'Smartphones',\n    children: [\n      {\n        label: 'Pixel 6',\n        value: 'google_pixel_6',\n      },\n      {\n        label: 'Pixel 6 Pro',\n        value: 'google_pixel_6_pro',\n      },\n      {\n        label: 'Pixel 5a',\n        value: 'google_pixel_5a',\n      },\n      {\n        label: 'Pixel 4a',\n        value: 'google_pixel_4a',\n      },\n      {\n        label: 'Pixel 4',\n        value: 'google_pixel_4',\n      },\n      {\n        label: 'Pixel 3a',\n        value: 'google_pixel_3a',\n      },\n      {\n        label: 'Pixel 3',\n        value: 'google_pixel_3',\n      },\n      {\n        label: 'Pixel 2',\n        value: 'google_pixel_2',\n      },\n    ],\n  },\n  {\n    label: 'Smart Home',\n    children: [\n      {\n        label: 'Nest Hub',\n        value: 'google_nest_hub',\n      },\n      {\n        label: 'Nest Mini',\n        value: 'google_nest_mini',\n      },\n      {\n        label: 'Nest Audio',\n        value: 'google_nest_audio',\n      },\n      {\n        label: 'Nest Cam',\n        value: 'google_nest_cam',\n      },\n      {\n        label: 'Nest Doorbell',\n        value: 'google_nest_doorbell',\n      },\n      {\n        label: 'Nest Thermostat',\n        value: 'google_nest_thermostat',\n      },\n      {\n        label: 'Nest Protect',\n        value: 'google_nest_protect',\n      },\n      {\n        label: 'Nest Wifi',\n        value: 'google_nest_wifi',\n      },\n    ],\n  },\n  {\n    label: 'Laptops',\n    children: [\n      {\n        label: 'Pixelbook Go',\n        value: 'google_pixelbook_go',\n      },\n      {\n        label: 'Pixelbook',\n        value: 'google_pixelbook',\n      },\n      {\n        label: 'Chromebook',\n        value: 'google_chromebook',\n      },\n      {\n        label: 'Pixel Slate',\n        value: 'google_pixel_slate',\n      },\n      {\n        label: 'Chromebook Pixel',\n        value: 'google_chromebook_pixel',\n      },\n      {\n        label: 'Chromebook Flip',\n        value: 'google_chromebook_flip',\n      },\n      {\n        label: 'Chromebook Duet',\n        value: 'google_chromebook_duet',\n      },\n      {\n        label: 'Chromebook 14',\n        value: 'google_chromebook_14',\n      },\n    ],\n  },\n  {\n    label: 'Accessories',\n    children: [\n      {\n        label: 'Pixel Buds',\n        value: 'google_pixel_buds',\n      },\n      {\n        label: 'Pixel Stand',\n        value: 'google_pixel_stand',\n      },\n      {\n        label: 'Charger',\n        value: 'google_charger',\n      },\n      {\n        label: 'Phone Case',\n        value: 'google_phone_case',\n      },\n      {\n        label: 'Headphones',\n        value: 'google_headphones',\n      },\n      {\n        label: 'Keyboard',\n        value: 'google_keyboard',\n      },\n      {\n        label: 'Mouse',\n        value: 'google_mouse',\n      },\n      {\n        label: 'Charging Dock',\n        value: 'google_charging_dock',\n      },\n    ],\n  },\n])\n\nconst value = ref(['google_pixel_buds', 'google_pixel_stand'])\n<\/script>\n\n<template>\n  <lew-flex style=\"width: 320px\" direction=\"y\" gap=\"10px\">\n    <lew-select-multiple\n      v-model=\"value\"\n      :options=\"options\"\n      value-layout=\"tag\"\n      placeholder=\"Select Products\"\n      searchable\n    />\n  </lew-flex>\n</template>\n",'<script setup lang="ts">\nimport { schools } from \'docs/lib/data\'\n\nconst value = ref([])\n\nfunction initMethod() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      const res = schools.map((e) => {\n        return { label: e, value: e }\n      })\n      resolve(res)\n    }, 1000)\n  })\n}\n\nconst updateKey = ref(0)\n\nfunction load() {\n  updateKey.value++\n}\n<\/script>\n\n<template>\n  <lew-select-multiple\n    :key="updateKey"\n    v-model="value"\n    width="300px"\n    searchable\n    :init-method="initMethod"\n    placeholder="load options"\n  />\n  <lew-button type="ghost" style="margin-top: 20px" @click="load">\n    load again {{ updateKey }}\n  </lew-button>\n</template>\n',"<script setup lang=\"ts\">\nconst selectValue = ref([])\n\nconst formMethods = {\n  async loadProductOptions() {\n    await new Promise(resolve => setTimeout(resolve, 1000))\n    return [\n      { label: 'iPhone 15', value: 'iphone15' },\n      { label: 'MacBook Pro', value: 'macbook-pro' },\n      { label: 'iPad Air', value: 'ipad-air' },\n      { label: 'Apple Watch', value: 'apple-watch' },\n      { label: 'AirPods Pro', value: 'airpods-pro' },\n      { label: 'iMac', value: 'imac' },\n    ]\n  },\n}\n\nprovide('formMethods', formMethods)\n<\/script>\n\n<template>\n  <div class=\"demo-select-multiple\">\n    <LewSelectMultiple\n      v-model=\"selectValue\"\n      init-method-id=\"loadProductOptions\"\n      placeholder=\"Select a product\"\n      width=\"300px\"\n      searchable\n      value-layout=\"tag\"\n    />\n    <div class=\"demo-result\">\n      Selected value: {{ selectValue }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.demo-select-multiple {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.demo-result {\n  font-size: 14px;\n  color: #666;\n}\n</style>\n"],G={class:"demo-wrapper"},R=a({__name:"DemoSelectMultiple",setup(a){const t=w().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),s=o(Object.keys(B).map(e=>B[e]));return(a,o)=>(i(),_("div",G,[m(e),m(l,{"demo-group":u(F),"code-group":u(T),"component-name":u(t),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),m(n,{options:u(s)},null,8,["options"])]))}});export{R as default};

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

@@ -1 +0,0 @@
-import{_ as e}from"./LewComponentInfo.vue_vue_type_script_setup_true_lang-wfhYNzdD.js";import{L as a,a as t}from"./LewDocsTables-BEtkuNGi.js";import{am as l,a as s,J as r,a3 as p,a6 as n,d as c,bf as o,a2 as d,_ as w,u as _}from"./.pnpm-CZLWBssD.js";import{a as i}from"./utils-CLdZaKTe.js";import{E as m,_ as u}from"./index-CcB67-Bu.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const h={title:"Props",columnsKey:"props",data:i(m)},g=Object.freeze(Object.defineProperty({__proto__:null,props:h},Symbol.toStringTag,{value:"Module"}));const j=[u({},[["render",function(e,a){const t=l("lew-avatar"),c=l("lew-flex");return r(),s(c,{wrap:"",x:"start",y:"end",gap:"20px"},{default:p(()=>[n(t,{shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_1_ctd06i_.jpeg",alt:"avatar"}),n(t,{shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_2_2s0nai_.jpeg",alt:"avatar"}),n(t,{shape:"circle",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_3_kntap6_.jpeg",alt:"avatar"})]),_:1})}]]),u({},[["render",function(e,a){const t=l("lew-avatar"),c=l("lew-flex");return r(),s(c,{wrap:"",x:"start",gap:"20px"},{default:p(()=>[n(t,{src:" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_4_7cwenb_.jpeg",status:"online",shape:"circle","status-placement":"top-left"}),n(t,{src:" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_5_8h51sk_.jpeg",status:"busy",shape:"circle","status-placement":"top-right"}),n(t,{src:" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_6_7ytti9_.jpeg",status:"away","status-placement":"bottom-left"}),n(t,{src:" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_7_djk4ui_.jpeg",status:"offline","status-placement":"bottom-right"})]),_:1})}]]),u({},[["render",function(e,a){const t=l("lew-avatar"),c=l("lew-flex");return r(),s(c,{wrap:"",x:"start",gap:"20px"},{default:p(()=>[n(t,{size:"40",shape:"circle"}),n(t,{alt:"赵云",size:"40",shape:"circle"}),n(t,{alt:"Tim Cook",size:"40",shape:"circle"})]),_:1})}]]),u({},[["render",function(e,a){const t=l("lew-avatar"),c=l("lew-flex");return r(),s(c,{wrap:"",x:"start",gap:"20px"},{default:p(()=>[n(t,{size:"40px",src:" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_1_ctd06i_.jpeg",shape:"square"}),n(t,{size:"40px",src:" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_3_kntap6_.jpeg",shape:"circle"}),n(t,{size:"40px",src:"https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg",shape:"sharp"})]),_:1})}]])],v=['<template>\n  <lew-flex wrap x="start" y="end" gap="20px">\n    <lew-avatar\n      shape="circle"\n      src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_1_ctd06i_.jpeg"\n      alt="avatar"\n    />\n    <lew-avatar\n      shape="circle"\n      src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_2_2s0nai_.jpeg"\n      alt="avatar"\n    />\n    <lew-avatar\n      shape="circle"\n      src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_3_kntap6_.jpeg"\n      alt="avatar"\n    />\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex wrap x="start" gap="20px">\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-avatar\n      src=" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_5_8h51sk_.jpeg"\n      status="busy"\n      shape="circle"\n      status-placement="top-right"\n    />\n    <lew-avatar\n      src=" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_6_7ytti9_.jpeg"\n      status="away"\n      status-placement="bottom-left"\n    />\n    <lew-avatar\n      src=" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_7_djk4ui_.jpeg"\n      status="offline"\n      status-placement="bottom-right"\n    />\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex wrap x="start" gap="20px">\n    <lew-avatar size="40" shape="circle" />\n    <lew-avatar alt="赵云" size="40" shape="circle" />\n    <lew-avatar alt="Tim Cook" size="40" shape="circle" />\n  </lew-flex>\n</template>\n','<template>\n  <lew-flex wrap x="start" gap="20px">\n    <lew-avatar\n      size="40px"\n      src=" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_1_ctd06i_.jpeg"\n      shape="square"\n    />\n    <lew-avatar\n      size="40px"\n      src=" https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/apple_leader_3_kntap6_.jpeg"\n      shape="circle"\n    />\n    <lew-avatar\n      size="40px"\n      src="https://cdn.jsdelivr.net/gh/lewkamtao/LewCloud@master/lew/146d572968e09c8bdc4f45ef58ca110_cn9qli_.jpeg"\n      shape="sharp"\n    />\n  </lew-flex>\n</template>\n'],f={class:"demo-wrapper"},x=c({__name:"DemoAvatar",setup(l){const s=o().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),p=d(Object.keys(g).map(e=>g[e]));return(l,c)=>(r(),w("div",f,[n(e),n(a,{"demo-group":_(j),"code-group":_(v),"component-name":_(s),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),n(t,{options:_(p)},null,8,["options"])]))}});export{x as default};

package/dist/assets/js/index-BnGVzHFu.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 t,a2 as u,am as a,a as o,J as m,a3 as s,a6 as r,aE as p,u as d,bf as i,_ as c}from"./.pnpm-CZLWBssD.js";import{c as f,a as _}from"./utils-CLdZaKTe.js";import{ao as w,ap as x,aq as b}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:f(w)},v={title:"Model",columnsKey:"model",orderNum:10,data:_(x)},y={title:"Props",columnsKey:"props",orderNum:10,data:_(b)},g=Object.freeze(Object.defineProperty({__proto__:null,emits:V,model:v,props:y},Symbol.toStringTag,{value:"Module"})),j=[t({__name:"DemoInputNumber1",setup(e){const n=u(void 0);return(e,l)=>{const t=a("lew-input-number"),u=a("lew-flex");return m(),o(u,{direction:"y",x:"start"},{default:s(()=>[r(t,{modelValue:d(n),"onUpdate:modelValue":l[0]||(l[0]=e=>p(n)?n.value=e:null),size:"small"},null,8,["modelValue"]),r(t,{modelValue:d(n),"onUpdate:modelValue":l[1]||(l[1]=e=>p(n)?n.value=e:null),size:"medium"},null,8,["modelValue"]),r(t,{modelValue:d(n),"onUpdate:modelValue":l[2]||(l[2]=e=>p(n)?n.value=e:null),size:"large"},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInputNumber2",setup(e){const n=u(123);return(e,l)=>{const t=a("lew-input-number"),u=a("lew-flex");return m(),o(u,{x:"start"},{default:s(()=>[r(t,{modelValue:d(n),"onUpdate:modelValue":l[0]||(l[0]=e=>p(n)?n.value=e:null),"select-by-focus":""},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInputNumber3",setup(e){const n=u(0);return(e,l)=>{const t=a("lew-input-number"),u=a("lew-flex");return m(),o(u,{direction:"y",x:"start"},{default:s(()=>[r(t,{modelValue:d(n),"onUpdate:modelValue":l[0]||(l[0]=e=>p(n)?n.value=e:null),max:"1000",min:"-1000"},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInputNumber4",setup(e){const n=u(0);return(e,l)=>{const t=a("lew-input-number"),u=a("lew-flex");return m(),o(u,{direction:"y",x:"start"},{default:s(()=>[r(t,{modelValue:d(n),"onUpdate:modelValue":l[0]||(l[0]=e=>p(n)?n.value=e:null),max:"1000",min:"-1000",step:"0.0001"},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoInputNumber5",setup(e){const n=u(6732);return(e,l)=>{const t=a("lew-input-number"),u=a("lew-flex");return m(),o(u,{direction:"y",x:"start"},{default:s(()=>[r(t,{modelValue:d(n),"onUpdate:modelValue":l[0]||(l[0]=e=>p(n)?n.value=e:null),disabled:""},null,8,["modelValue"]),r(t,{modelValue:d(n),"onUpdate:modelValue":l[1]||(l[1]=e=>p(n)?n.value=e:null),readonly:""},null,8,["modelValue"])]),_:1})}}})],N=['<script setup lang="ts">\nconst n = ref(undefined)\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start">\n    <lew-input-number v-model="n" size="small" />\n    <lew-input-number v-model="n" size="medium" />\n    <lew-input-number v-model="n" size="large" />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst n = ref(123)\n<\/script>\n\n<template>\n  <lew-flex x="start">\n    <lew-input-number v-model="n" select-by-focus />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst n = ref(0)\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start">\n    <lew-input-number v-model="n" max="1000" min="-1000" />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst n = ref(0)\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start">\n    <lew-input-number\n      v-model="n"\n      max="1000"\n      min="-1000"\n      step="0.0001"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nconst n = ref(6732)\n<\/script>\n\n<template>\n  <lew-flex direction="y" x="start">\n    <lew-input-number v-model="n" disabled />\n    <lew-input-number v-model="n" readonly />\n  </lew-flex>\n</template>\n'],U={class:"demo-wrapper"},z=t({__name:"DemoInputNumber",setup(t){const a=i().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),o=u(Object.keys(g).map(e=>g[e]));return(t,u)=>(m(),c("div",U,[r(e),r(n,{"demo-group":d(j),"code-group":d(N),"component-name":d(a),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),r(l,{options:d(o)},null,8,["options"])]))}});export{z as default};

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

@@ -1 +0,0 @@
-import{d as e,bd as a,a2 as t,Y as s,_ as n,J as l,a9 as o,a7 as c,aa as i,bt as r,b as u,as as d,u as v,ac as h,ab as p,a8 as f}from"./.pnpm-CZLWBssD.js";import{q as y,r as m,s as b,t as g,u as k,v as x,w as $,x as w,y as C,z as j,_}from"./index-CcB67-Bu.js";const z={class:"check-lang"},K={class:"lang-header"},E={class:"source-selector"},L={class:"source-tabs"},q=["aria-pressed","onClick","onKeydown"],O={class:"lang-selector"},T={class:"lang-tabs"},W=["aria-pressed","onClick","onKeydown"],B={class:"diff-results"},D={class:"diff-header"},H={key:0,class:"diff-summary"},I={key:1,class:"diff-summary complete"},J={class:"diff-list"},M="zh",S=_(e({__name:"index",setup(e){const _=y,S={en:j,zh:C,de:w,pt:$,fr:x,it:k,es:g,ko:b,ja:m};a({selector:"html",valueDark:"lew-dark",valueLight:"lew-light"});const V=t("docs"),Y=s(()=>"docs"===V.value?_:S),A=s(()=>Y.value[M]),F=t({}),G=s(()=>Object.keys(Y.value).filter(e=>e!==M).sort((e,a)=>{const t=F.value[e]?.length||0;return(F.value[a]?.length||0)-t}));function N(e,a,t=""){const s=[];for(const n in e){const l=t?`${t}.${n}`:n;n in a?"object"==typeof e[n]&&null!==e[n]&&"object"==typeof a[n]&&null!==a[n]&&s.push(...N(e[n],a[n],l)):s.push(`缺失: ${l}`)}for(const n in a){const a=t?`${t}.${n}`:n;n in e||s.push(`多余: ${a}`)}return s}const P=t("en");function Q(){F.value={},Object.keys(Y.value).filter(e=>e!==M).forEach(e=>{const a=Y.value[e],t=N(A.value,a);F.value[e]=t})}function R(e){V.value=e,Q(),G.value.length>0&&(P.value=G.value[0])}function U(e){P.value=e}Q(),G.value.length>0&&(P.value=G.value[0]);const X=s(()=>F.value[P.value]?.length||0);function Z(e){return e.startsWith("缺失:")?"missing":e.startsWith("多余:")?"extra":""}async function ee(){let e="";const a=F.value[P.value];a&&a.length>0?(e+=`发现 ${P.value} 与 ${M} 有 ${a.length} 处差异, 请深度分析这两个文件的差异，并且以 ${M} 为基准帮我调整成结构一模一样的。\n\n`,e+=`${P.value} 语言差异详情:\n`,a.forEach((a,t)=>{e+=`${t+1}. ${a}\n`})):e+=`${P.value} 语言: 无差异 ✓\n`;try{await navigator.clipboard.writeText(e);const a=document.querySelector(".copy-button");if(a){const e=a.textContent;a.textContent="复制成功!",a.classList.add("copied"),setTimeout(()=>{a.textContent=e,a.classList.remove("copied")},2e3)}}catch(t){const a=document.createElement("textarea");a.value=e,document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a)}}return(e,a)=>(l(),n("div",z,[o("div",K,[a[0]||(a[0]=o("h1",null,"语言配置文件审查",-1)),a[1]||(a[1]=o("p",null,"以中文(zh)为基准，检查其他语言配置的差异",-1)),o("div",E,[o("div",L,[(l(),n(c,null,i(["docs","component"],e=>o("div",{key:e,class:u(["source-tab",[{active:v(V)===e}]]),tabindex:"0",role:"button","aria-pressed":v(V)===e,onClick:a=>R(e),onKeydown:[r(a=>R(e),["enter"]),r(d(a=>R(e),["prevent"]),["space"])]},h("docs"===e?"文档配置":"组件配置"),43,q)),64))])]),o("div",O,[o("div",T,[(l(!0),n(c,null,i(v(G),e=>(l(),n("div",{key:e,class:u(["lang-tab",[{active:v(P)===e}]]),tabindex:"0",role:"button","aria-pressed":v(P)===e,onClick:a=>U(e),onKeydown:[r(a=>U(e),["enter"]),r(d(a=>U(e),["prevent"]),["space"])]},[p(h(e)+" ",1),void 0!==v(F)[e]?.length?(l(),n("span",{key:0,class:u(["badge",[{"badge-success":!v(F)[e]?.length}]])},h(v(F)[e]?.length),3)):f("",!0)],42,W))),128))])])]),o("div",B,[o("div",D,[v(X)>0?(l(),n("div",H," 发现 "+h(v(P))+" 与 "+h(M)+" 有 "+h(v(X))+" 处差异, 请以 "+h(M)+" 为基准帮我修复 ",1)):(l(),n("div",I," 恭喜！没有发现差异 ")),o("button",{class:"copy-button",title:"复制所有差异信息",onClick:ee},a[2]||(a[2]=[o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[o("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),o("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})],-1),p(" 复制报告 ")]))]),o("div",J,[(l(!0),n(c,null,i(v(F)[v(P)],(e,a)=>(l(),n("div",{key:a,class:u(["diff-item",[Z(e)]])},h(e),3))),128))])])]))}}),[["__scopeId","data-v-5890705e"]]);export{S as default};

package/dist/assets/js/index-BpMNngdN.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 t,a2 as a,am as o,a as i,J as r,u as s,aE as c,a3 as d,a6 as u,ab as p,a9 as m,ac as y,c7 as v,_ as f,a7 as g,bf as b}from"./.pnpm-CZLWBssD.js";import{c as h,a as x}from"./utils-CLdZaKTe.js";import{bI as w,bJ as k,bK as _,_ as M}from"./index-CcB67-Bu.js";import{c as D}from"./data-BmZE5nT3.js";import{x as V}from"./http-Ctb3-gew.js";import"./LewCodeHighlighter.vue_vue_type_style_index_0_lang-L7uWItjG.js";const T={title:"Emits",columnsKey:"emits",orderNum:99,data:h(w)},P={title:"Model",columnsKey:"model",data:x(k)},S={title:"Props",columnsKey:"props",data:x(_)},L=Object.freeze(Object.defineProperty({__proto__:null,emits:T,model:P,props:S,slots:{title:"Slots",columnsKey:"slots",data:[{name:"handle",description:"操作按钮",params:"-"}]}},Symbol.toStringTag,{value:"Module"})),C={class:"empty"},K=[t({__name:"DemoTreeSelect1",setup(e){const n=a("");function l(e){}return(e,t)=>{const a=o("lew-tree-select");return r(),i(a,{modelValue:s(n),"onUpdate:modelValue":t[0]||(t[0]=e=>c(n)?n.value=e:null),"key-field":"value",width:"300px",size:"medium",searchable:"","label-field":"label","data-source":s(D),onChange:l},null,8,["modelValue","data-source"])}}}),t({__name:"DemoTreeSelect2",setup(e){function n(){return new Promise(e=>{V.get({url:"/common/region/province/0"}).then(n=>{const{data:l,success:t}=n;if(t){const n=l.map(e=>({label:e.name,value:e.code,isLeaf:e.is_leaf}));e(n)}})})}function l(e){const n={0:"province",1:"city",2:"area",3:"street"},l=e?e.level+1:0;return new Promise(t=>{V.get({url:`/common/region/${n[l]||"province"}/${e?e.value:0}`}).then(e=>{const{data:n,success:l}=e;if(l){const e=n.map(e=>({label:e.name,value:e.code,isLeaf:e.is_leaf}));t(e)}})})}function t(e){}const p=a("");return(e,a)=>{const m=o("lew-tree-select"),y=o("lew-flex");return r(),i(y,{direction:"y",gap:"20px",style:{width:"300px"}},{default:d(()=>[u(m,{modelValue:s(p),"onUpdate:modelValue":a[0]||(a[0]=e=>c(p)?p.value=e:null),"key-field":"value","label-field":"label","load-method":l,"init-method":n,onChange:t},null,8,["modelValue"])]),_:1})}}}),t({__name:"DemoTreeSelect3",setup(e){const n=a("");function l(e){}return(e,t)=>{const a=o("lew-tree-select"),v=o("lew-flex");return r(),i(v,{direction:"y",gap:"20px",style:{width:"300px"}},{default:d(()=>[u(a,{modelValue:s(n),"onUpdate:modelValue":t[0]||(t[0]=e=>c(n)?n.value=e:null),"key-field":"value","label-field":"label","data-source":s(D),onChange:l},{item:d(({props:e})=>[p(y(e.label)+" ",1),m("span",null,"（"+y(e.value)+"）",1)]),_:1},8,["modelValue","data-source"])]),_:1})}}}),t({__name:"DemoTreeSelect4",setup(e){const n=a("");function l(e){}return(e,t)=>{const a=o("lew-tree-select"),p=o("lew-flex");return r(),i(p,{direction:"y",gap:"20px",style:{width:"300px"}},{default:d(()=>[u(a,{modelValue:s(n),"onUpdate:modelValue":t[0]||(t[0]=e=>c(n)?n.value=e:null),"key-field":"value","label-field":"label","data-source":s(D),onChange:l},null,8,["modelValue","data-source"])]),_:1})}}}),t({__name:"DemoTreeSelect5",setup(e){const n=a("");function l(e){}return(e,t)=>{const a=o("lew-tree-select"),p=o("lew-flex");return r(),i(p,{direction:"y",gap:"20px",style:{width:"300px"}},{default:d(()=>[u(a,{modelValue:s(n),"onUpdate:modelValue":t[0]||(t[0]=e=>c(n)?n.value=e:null),"key-field":"value","label-field":"label","data-source":s(D),"expand-all":"",onChange:l},null,8,["modelValue","data-source"])]),_:1})}}}),t({__name:"DemoTreeSelect6",setup(e){function n(){return new Promise(e=>{V.get({url:"/common/region/province/0"}).then(n=>{const{data:l,success:t}=n;if(t){const n=l.map(e=>({label:e.name,value:e.code,isLeaf:e.is_leaf}));e(n)}})})}function l(e){const n={0:"province",1:"city",2:"area",3:"street"},l=e?e.level+1:0;return new Promise(t=>{V.get({url:`/common/region/${n[l]||"province"}/${e?e.value:0}`}).then(e=>{const{data:n,success:l}=e;if(l){const e=n.map(e=>({label:e.name,value:e.code,isLeaf:e.is_leaf}));t(e)}})})}function t(e){}const p=a("");return(e,a)=>{const m=o("lew-tree-select"),y=o("lew-flex");return r(),i(y,{direction:"y",gap:"20px",style:{width:"300px"}},{default:d(()=>[u(m,{modelValue:s(p),"onUpdate:modelValue":a[0]||(a[0]=e=>c(p)?p.value=e:null),"key-field":"value","label-field":"label",searchable:"","load-method":l,"init-method":n,onChange:t},null,8,["modelValue"])]),_:1})}}}),M(t({__name:"DemoTreeSelect7",setup(e){function n(){return new Promise(e=>{V.get({url:"/common/region/province/0"}).then(n=>{const{data:l,success:t}=n;if(t){const n=l.map(e=>({label:e.name,value:e.code,isLeaf:e.is_leaf}));e(n)}})})}function l(e){const n={0:"province",1:"city",2:"area",3:"street"},l=e?e.level+1:0;return new Promise(t=>{V.get({url:`/common/region/${n[l]||"province"}/${e?e.value:0}`}).then(e=>{const{data:n,success:l}=e;if(l){const e=n.map(e=>({label:e.name,value:e.code,isLeaf:e.is_leaf}));t(e)}})})}function t(e){}const y=a("");return(e,a)=>{const f=o("lew-tree-select"),g=o("lew-flex");return r(),i(g,{direction:"y",gap:"20px",style:{width:"300px"}},{default:d(()=>[u(f,{modelValue:s(y),"onUpdate:modelValue":a[0]||(a[0]=e=>c(y)?y.value=e:null),width:"300px","key-field":"value","label-field":"label",searchable:"","load-method":l,"init-method":n,onChange:t},{empty:d(()=>[m("div",C,[u(s(v),{size:30}),a[1]||(a[1]=p(" 暂无内容 "))])]),_:1},8,["modelValue"])]),_:1})}}}),[["__scopeId","data-v-00ccf9b8"]]),t({__name:"DemoTreeSelect8",setup(e){const n=a("");return(e,l)=>{const t=o("lew-tree-select");return r(),i(t,{modelValue:s(n),"onUpdate:modelValue":l[0]||(l[0]=e=>c(n)?n.value=e:null),width:"300px","key-field":"value","label-field":"label",clearable:"","data-source":s(D)},null,8,["modelValue","data-source"])}}}),t({__name:"DemoTreeSelect9",setup(e){const n=a("");return(e,l)=>{const t=o("lew-tree-select");return r(),i(t,{modelValue:s(n),"onUpdate:modelValue":l[0]||(l[0]=e=>c(n)?n.value=e:null),width:"300px","key-field":"value","label-field":"label",readonly:"","data-source":s(D)},null,8,["modelValue","data-source"])}}}),t({__name:"DemoTreeSelect10",setup(e){const n=a("");return(e,l)=>{const t=o("lew-tree-select");return r(),i(t,{modelValue:s(n),"onUpdate:modelValue":l[0]||(l[0]=e=>c(n)?n.value=e:null),width:"300px","key-field":"value","label-field":"label",disabled:"","data-source":s(D)},null,8,["modelValue","data-source"])}}}),M(t({__name:"DemoTreeSelect11",setup(e){const n=a();function l(){return new Promise(e=>{setTimeout(()=>{e([{key:"engineering",label:"Engineering",children:[{key:"frontend",label:"Frontend Team",children:[{key:"react-dev",label:"React Developer"},{key:"vue-dev",label:"Vue Developer"},{key:"ui-designer",label:"UI Designer"}]},{key:"backend",label:"Backend Team",children:[{key:"java-dev",label:"Java Developer"},{key:"python-dev",label:"Python Developer"},{key:"devops",label:"DevOps Engineer"}]},{key:"mobile",label:"Mobile Team",children:[{key:"ios-dev",label:"iOS Developer"},{key:"android-dev",label:"Android Developer"}]}]},{key:"product",label:"Product",children:[{key:"pm",label:"Product Management",children:[{key:"senior-pm",label:"Senior Product Manager"},{key:"associate-pm",label:"Associate Product Manager"}]},{key:"design",label:"Design",children:[{key:"ux-designer",label:"UX Designer"},{key:"visual-designer",label:"Visual Designer"}]}]},{key:"marketing",label:"Marketing",children:[{key:"digital",label:"Digital Marketing",children:[{key:"seo-specialist",label:"SEO Specialist"},{key:"content-writer",label:"Content Writer"},{key:"social-media",label:"Social Media Manager"}]},{key:"brand",label:"Brand Marketing",children:[{key:"brand-manager",label:"Brand Manager"},{key:"creative-director",label:"Creative Director"}]}]}])},1e3)})}const t=a(0);function m(){t.value++}return(e,a)=>{const v=o("lew-tree-select"),b=o("lew-button");return r(),f(g,null,[(r(),i(v,{key:s(t),modelValue:s(n),"onUpdate:modelValue":a[0]||(a[0]=e=>c(n)?n.value=e:null),"init-method":l,placeholder:"Please select department",width:"300px",searchable:"",clearable:"","show-line":""},null,8,["modelValue"])),u(b,{type:"ghost",style:{"margin-top":"20px"},onClick:m},{default:d(()=>[p(" load again "+y(s(t)),1)]),_:1})],64)}}}),[["__scopeId","data-v-c7d34e06"]])],U=['<script setup lang="ts">\nimport { cityTree } from \'docs/lib/data\'\n\nconst v = ref<string>(\'\')\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-tree-select\n    v-model="v"\n    key-field="value"\n    width="300px"\n    size="medium"\n    searchable\n    label-field="label"\n    :data-source="cityTree"\n    @change="change"\n  />\n</template>\n','<script setup lang="ts">\nimport axios from \'docs/axios/http\'\n\nfunction initMethod() {\n  return new Promise<any[]>((resolve) => {\n    // item 不存在的时候 是第一层加载\n    axios\n      .get({\n        url: \'/common/region/province/0\',\n      })\n      .then((res: any) => {\n        const { data, success } = res\n        if (success) {\n          const options = data.map((e: any) => {\n            return {\n              label: e.name,\n              value: e.code,\n              isLeaf: e.is_leaf,\n            }\n          })\n          resolve(options)\n        }\n      })\n  })\n}\n\nfunction loadMethod(item?: any) {\n  const levelMap: any = {\n    0: \'province\',\n    1: \'city\',\n    2: \'area\',\n    3: \'street\',\n  }\n  // item 无值时，初始化第一层数据\n  const _typeKey = item ? item.level + 1 : 0\n\n  return new Promise<any[]>((resolve) => {\n    // item 不存在的时候 是第一层加载\n    axios\n      .get({\n        url: `/common/region/${levelMap[_typeKey] || \'province\'}/${item ? item.value : 0}`,\n      })\n      .then((res: any) => {\n        const { data, success } = res\n        if (success) {\n          const options = data.map((e: any) => {\n            return {\n              label: e.name,\n              value: e.code,\n              isLeaf: e.is_leaf,\n            }\n          })\n          resolve(options)\n        }\n      })\n  })\n}\nfunction change(item: any) {\n  console.log(item)\n}\nconst v = ref<string>(\'\')\n<\/script>\n\n<template>\n  <lew-flex direction="y" gap="20px" style="width: 300px">\n    <lew-tree-select\n      v-model="v"\n      key-field="value"\n      label-field="label"\n      :load-method="loadMethod"\n      :init-method="initMethod"\n      @change="change"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport { cityTree } from \'docs/lib/data\'\n\nconst v = ref<string>(\'\')\n\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-flex direction="y" gap="20px" style="width: 300px">\n    <lew-tree-select\n      v-model="v"\n      key-field="value"\n      label-field="label"\n      :data-source="cityTree"\n      @change="change"\n    >\n      <template #item="{ props }">\n        {{ props.label }}\n        <span>（{{ props.value }}）</span>\n      </template>\n    </lew-tree-select>\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport { cityTree } from \'docs/lib/data\'\n\nconst v = ref<string>(\'\')\n\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-flex direction="y" gap="20px" style="width: 300px">\n    <lew-tree-select\n      v-model="v"\n      key-field="value"\n      label-field="label"\n      :data-source="cityTree"\n      @change="change"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport { cityTree } from \'docs/lib/data\'\n\nconst v = ref<string>(\'\')\n\nfunction change(e: any) {\n  console.log(e)\n}\n<\/script>\n\n<template>\n  <lew-flex direction="y" gap="20px" style="width: 300px">\n    <lew-tree-select\n      v-model="v"\n      key-field="value"\n      label-field="label"\n      :data-source="cityTree"\n      expand-all\n      @change="change"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport axios from \'docs/axios/http\'\n\nfunction initMethod() {\n  return new Promise<any[]>((resolve) => {\n    // item 不存在的时候 是第一层加载\n    axios\n      .get({\n        url: \'/common/region/province/0\',\n      })\n      .then((res: any) => {\n        const { data, success } = res\n        if (success) {\n          const options = data.map((e: any) => {\n            return {\n              label: e.name,\n              value: e.code,\n              isLeaf: e.is_leaf,\n            }\n          })\n          resolve(options)\n        }\n      })\n  })\n}\n\nfunction loadMethod(item?: any) {\n  const levelMap: any = {\n    0: \'province\',\n    1: \'city\',\n    2: \'area\',\n    3: \'street\',\n  }\n  // item 无值时，初始化第一层数据\n  const _typeKey = item ? item.level + 1 : 0\n\n  return new Promise<any[]>((resolve) => {\n    // item 不存在的时候 是第一层加载\n    axios\n      .get({\n        url: `/common/region/${levelMap[_typeKey] || \'province\'}/${item ? item.value : 0}`,\n      })\n      .then((res: any) => {\n        const { data, success } = res\n        if (success) {\n          const options = data.map((e: any) => {\n            return {\n              label: e.name,\n              value: e.code,\n              isLeaf: e.is_leaf,\n            }\n          })\n          resolve(options)\n        }\n      })\n  })\n}\nfunction change(item: any) {\n  console.log(item)\n}\nconst v = ref<string>(\'\')\n<\/script>\n\n<template>\n  <lew-flex direction="y" gap="20px" style="width: 300px">\n    <lew-tree-select\n      v-model="v"\n      key-field="value"\n      label-field="label"\n      searchable\n      :load-method="loadMethod"\n      :init-method="initMethod"\n      @change="change"\n    />\n  </lew-flex>\n</template>\n','<script setup lang="ts">\nimport axios from \'docs/axios/http\'\nimport { Box } from \'lucide-vue-next\'\n\nfunction initMethod() {\n  return new Promise<any[]>((resolve) => {\n    // item 不存在的时候 是第一层加载\n    axios\n      .get({\n        url: \'/common/region/province/0\',\n      })\n      .then((res: any) => {\n        const { data, success } = res\n        if (success) {\n          const options = data.map((e: any) => {\n            return {\n              label: e.name,\n              value: e.code,\n              isLeaf: e.is_leaf,\n            }\n          })\n          resolve(options)\n        }\n      })\n  })\n}\n\nfunction loadMethod(item?: any) {\n  const levelMap: any = {\n    0: \'province\',\n    1: \'city\',\n    2: \'area\',\n    3: \'street\',\n  }\n  // item 无值时，初始化第一层数据\n  const _typeKey = item ? item.level + 1 : 0\n\n  return new Promise<any[]>((resolve) => {\n    // item 不存在的时候 是第一层加载\n    axios\n      .get({\n        url: `/common/region/${levelMap[_typeKey] || \'province\'}/${\n          item ? item.value : 0\n        }`,\n      })\n      .then((res: any) => {\n        const { data, success } = res\n        if (success) {\n          const options = data.map((e: any) => {\n            return {\n              label: e.name,\n              value: e.code,\n              isLeaf: e.is_leaf,\n            }\n          })\n          resolve(options)\n        }\n      })\n  })\n}\nfunction change(item: any) {\n  console.log(item)\n}\nconst v = ref<string>(\'\')\n<\/script>\n\n<template>\n  <lew-flex direction="y" gap="20px" style="width: 300px">\n    <lew-tree-select\n      v-model="v"\n      width="300px"\n      key-field="value"\n      label-field="label"\n      searchable\n      :load-method="loadMethod"\n      :init-method="initMethod"\n      @change="change"\n    >\n      <template #empty>\n        <div class="empty">\n          <Box :size="30" />\n          暂无内容\n        </div>\n      </template>\n    </lew-tree-select>\n  </lew-flex>\n</template>\n\n<style lang="scss" scoped>\n.empty {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  height: 220px;\n  gap: 10px;\n  text-align: center;\n  color: #aaa;\n}\n</style>\n','<script setup lang="ts">\nimport { cityTree } from \'docs/lib/data\'\n\nconst v = ref<string>(\'\')\n<\/script>\n\n<template>\n  <lew-tree-select\n    v-model="v"\n    width="300px"\n    key-field="value"\n    label-field="label"\n    clearable\n    :data-source="cityTree"\n  />\n</template>\n','<script setup lang="ts">\nimport { cityTree } from \'docs/lib/data\'\n\nconst v = ref<string>(\'\')\n<\/script>\n\n<template>\n  <lew-tree-select\n    v-model="v"\n    width="300px"\n    key-field="value"\n    label-field="label"\n    readonly\n    :data-source="cityTree"\n  />\n</template>\n','<script setup lang="ts">\nimport { cityTree } from \'docs/lib/data\'\n\nconst v = ref<string>(\'\')\n<\/script>\n\n<template>\n  <lew-tree-select\n    v-model="v"\n    width="300px"\n    key-field="value"\n    label-field="label"\n    disabled\n    :data-source="cityTree"\n  />\n</template>\n',"<script setup lang=\"ts\">\nconst value = ref()\n\nfunction initMethod() {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      const res = [\n        {\n          key: 'engineering',\n          label: 'Engineering',\n          children: [\n            {\n              key: 'frontend',\n              label: 'Frontend Team',\n              children: [\n                { key: 'react-dev', label: 'React Developer' },\n                { key: 'vue-dev', label: 'Vue Developer' },\n                { key: 'ui-designer', label: 'UI Designer' },\n              ],\n            },\n            {\n              key: 'backend',\n              label: 'Backend Team',\n              children: [\n                { key: 'java-dev', label: 'Java Developer' },\n                {\n                  key: 'python-dev',\n                  label: 'Python Developer',\n                },\n                { key: 'devops', label: 'DevOps Engineer' },\n              ],\n            },\n            {\n              key: 'mobile',\n              label: 'Mobile Team',\n              children: [\n                { key: 'ios-dev', label: 'iOS Developer' },\n                {\n                  key: 'android-dev',\n                  label: 'Android Developer',\n                },\n              ],\n            },\n          ],\n        },\n        {\n          key: 'product',\n          label: 'Product',\n          children: [\n            {\n              key: 'pm',\n              label: 'Product Management',\n              children: [\n                {\n                  key: 'senior-pm',\n                  label: 'Senior Product Manager',\n                },\n                {\n                  key: 'associate-pm',\n                  label: 'Associate Product Manager',\n                },\n              ],\n            },\n            {\n              key: 'design',\n              label: 'Design',\n              children: [\n                { key: 'ux-designer', label: 'UX Designer' },\n                {\n                  key: 'visual-designer',\n                  label: 'Visual Designer',\n                },\n              ],\n            },\n          ],\n        },\n        {\n          key: 'marketing',\n          label: 'Marketing',\n          children: [\n            {\n              key: 'digital',\n              label: 'Digital Marketing',\n              children: [\n                {\n                  key: 'seo-specialist',\n                  label: 'SEO Specialist',\n                },\n                {\n                  key: 'content-writer',\n                  label: 'Content Writer',\n                },\n                {\n                  key: 'social-media',\n                  label: 'Social Media Manager',\n                },\n              ],\n            },\n            {\n              key: 'brand',\n              label: 'Brand Marketing',\n              children: [\n                {\n                  key: 'brand-manager',\n                  label: 'Brand Manager',\n                },\n                {\n                  key: 'creative-director',\n                  label: 'Creative Director',\n                },\n              ],\n            },\n          ],\n        },\n      ]\n      resolve(res)\n    }, 1000)\n  })\n}\n\nconst updateKey = ref(0)\n\nfunction load() {\n  updateKey.value++\n}\n<\/script>\n\n<template>\n  <lew-tree-select\n    :key=\"updateKey\"\n    v-model=\"value\"\n    :init-method=\"initMethod\"\n    placeholder=\"Please select department\"\n    width=\"300px\"\n    searchable\n    clearable\n    show-line\n  />\n  <lew-button type=\"ghost\" style=\"margin-top: 20px\" @click=\"load\">\n    load again {{ updateKey }}\n  </lew-button>\n</template>\n\n<style scoped>\n.demo-tree-select {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.demo-result {\n  font-size: 14px;\n  color: #666;\n}\n\n.demo-description {\n  font-size: 12px;\n  color: #999;\n  background-color: #f5f5f5;\n  padding: 12px;\n  border-radius: 4px;\n}\n\n.demo-description ul {\n  margin: 8px 0 0 0;\n  padding-left: 20px;\n}\n\n.demo-description li {\n  margin: 4px 0;\n}\n</style>\n"],j={class:"demo-wrapper"},$=t({__name:"DemoTreeSelect",setup(t){const o=b().name.replace("R-Lew","").replace(/^[A-Z]/,e=>e.toLowerCase()),i=a(Object.keys(L).map(e=>L[e]));return(t,a)=>(r(),f("div",j,[u(e),u(n,{"demo-group":s(K),"code-group":s(U),"component-name":s(o),columns:2,gap:"20px"},null,8,["demo-group","code-group","component-name"]),u(l,{options:s(i)},null,8,["options"])]))}});export{$ as default};