docs: 📝 发布v0.9.0版本

README.md

@@ -62,7 +62,7 @@
 使用`npm`安装
 
 ```bash
-npm i undraw-ui@0.8.2
+npm i undraw-ui@0.9.0
 ```
 
 
@@ -83,6 +83,110 @@ app.use(UndrawUi)
 app.mount('#app')
 ```
 
+2. 在`App.vue`中使用
+```ts
+<template>
+  <u-comment :config="config" @submit="submit" @like="like">
+    <!-- <template #info>用户信息卡槽</template> -->
+    <!-- <template #card>用户信息卡片卡槽</template> -->
+  </u-comment>
+</template>
+
+<script setup lang="ts">
+import emoji from './emoji'
+import { reactive } from 'vue'
+import { CommentApi, ConfigApi, SubmitParamApi, UToast, createObjectURL } from 'undraw-ui'
+
+const config = reactive<ConfigApi>({
+  user: {
+    id: 1,
+    username: 'jack',
+    avatar: 'https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100',
+    // 评论id数组 建议:存储方式用户uid和评论id组成关系,根据用户uid来获取对应点赞评论id,然后加入到数组中返回
+    likeIds: [1, 2, 3]
+  },
+  emoji: emoji,
+  comments: [],
+  total: 10
+})
+
+let temp_id = 100
+// 提交评论事件
+const submit = ({ content, parentId, files, finish }: SubmitParamApi) => {
+  console.log('提交评论: ' + content, parentId, files)
+
+  /**
+   * 上传文件后端返回图片访问地址，格式以'||'为分割; 如:  '/static/img/program.gif||/static/img/normal.webp'
+   */
+  let contentImg = files.map(e => createObjectURL(e)).join('||')
+
+  const comment: CommentApi = {
+    id: String((temp_id += 1)),
+    parentId: parentId,
+    uid: config.user.id,
+    address: '来自江苏',
+    content: content,
+    likes: 0,
+    createTime: '1分钟前',
+    contentImg: contentImg,
+    user: {
+      username: config.user.username,
+      avatar: config.user.avatar,
+      level: 6,
+      homeLink: `/${(temp_id += 1)}`
+    },
+    reply: null
+  }
+  setTimeout(() => {
+    finish(comment)
+    UToast({ message: '评论成功!', type: 'info' })
+  }, 200)
+}
+// 点赞按钮事件 将评论id返回后端判断是否点赞，然后在处理点赞状态
+const like = (id: string, finish: () => void) => {
+  console.log('点赞: ' + id)
+  setTimeout(() => {
+    finish()
+  }, 200)
+}
+
+config.comments = [
+  {
+    id: '1',
+    parentId: null,
+    uid: '1',
+    address: '来自上海',
+    content:
+      '缘生缘灭，缘起缘落，我在看别人的故事，别人何尝不是在看我的故事?别人在演绎人生，我又何尝不是在这场戏里?谁的眼神沧桑了谁?我的眼神，只是沧桑了自己[喝酒]',
+    likes: 2,
+    contentImg: '/static/img/program.gif, /static/img/normal.webp',
+    createTime: '1分钟前',
+    user: {
+      username: '落🤍尘',
+      avatar: 'https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100',
+      level: 6,
+      homeLink: '/1'
+    }
+  }
+]
+</script>
+
+<style lang="scss" scoped>
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+html {
+  font-size: 10px;
+}
+body {
+  font-size: 12px;
+}
+</style>
+
+```
+
 ## 开发交流
 
 QQ群:[undraw(682265529)](https://jq.qq.com/?_wv=1027&k=NsgARkfw)

demo/App.vue

@@ -41,6 +41,7 @@ const components = [
 * {
   padding: 0;
   margin: 0;
+  box-sizing: border-box;
 }
 html {
   font-size: 10px;

demo/assets/comment.ts

@@ -24,7 +24,7 @@ const comment = [
     parentId: null,
     uid: '2',
     address: '来自苏州',
-    content: '知道在学校为什么感觉这么困吗？因为学校，是梦开始的地方。[脱单doge]',
+    content: '知道在学校为什么感觉这么困吗？[大笑2]因为学校，是梦开始的地方。[脱单doge]',
     likes: 11,
     createTime: '1天前',
     user: {
@@ -216,6 +216,7 @@ const comment = [
     }
   }
 ] as CommentApi[]
+
 export const reply = {
   total: 6,
   list: [

demo/components/comment.vue

@@ -21,7 +21,7 @@ const config = reactive<ConfigApi>({
     id: 1,
     username: 'jack',
     avatar: 'https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100',
-    // 评论id数组 建议:存储方式用户id和文章id和评论id组成关系,根据用户id和文章id来获取对应点赞评论id,然后加入到数组中返回
+    // 评论id数组 建议:存储方式用户uid和评论id组成关系,根据用户uid来获取对应点赞评论id,然后加入到数组中返回
     likeIds: [1, 2, 3]
   },
   emoji: emoji,
@@ -61,10 +61,9 @@ const submit = ({ content, parentId, files, finish }: SubmitParamApi) => {
     UToast({ message: '评论成功!', type: 'info' })
   }, 200)
 }
-// 点赞按钮事件
+// 点赞按钮事件 将评论id返回后端判断是否点赞，然后在处理点赞状态
 const like = (id: string, finish: () => void) => {
   console.log('点赞: ' + id)
-  console.log(id)
   setTimeout(() => {
     finish()
   }, 200)

demo/components/comment/basic.vue

 <template>
   <u-comment :config="config" @submit="submit" @like="like">
+    <!-- <template>用户信息导航栏卡槽</template> -->
     <!-- <template #info>用户信息卡槽</template> -->
     <!-- <template #card>用户信息卡片卡槽</template> -->
   </u-comment>
@@ -21,7 +22,7 @@ const config = reactive<ConfigApi>({
     id: 1,
     username: 'jack',
     avatar: 'https://static.juzicon.com/avatars/avatar-200602130320-HMR2.jpeg?x-oss-process=image/resize,w_100',
-    // 评论id数组 建议:存储方式用户id和文章id和评论id组成关系,根据用户id和文章id来获取对应点赞评论id,然后加入到数组中返回
+    // 评论id数组 建议:存储方式用户uid和评论id组成关系,根据用户uid来获取对应点赞评论id,然后加入到数组中返回
     likeIds: [1, 2, 3]
   },
   emoji: emoji,
@@ -61,10 +62,9 @@ const submit = ({ content, parentId, files, finish }: SubmitParamApi) => {
     UToast({ message: '评论成功!', type: 'info' })
   }, 200)
 }
-// 点赞按钮事件
+// 点赞按钮事件 将评论id返回后端判断是否点赞，然后在处理点赞状态
 const like = (id: string, finish: () => void) => {
   console.log('点赞: ' + id)
-  console.log(id)
   setTimeout(() => {
     finish()
   }, 200)

demo/components/notice-bar.vue

@@ -7,21 +7,13 @@
     suffix-icon="comment"
     data="🔥生活本来就是不断失去的过程，你所失去的不过是换了另一种方式让你重新拥有。"
   ></u-notice-bar>
-  <u-notice-bar vertical :data="noticeList"></u-notice-bar>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue'
 
 defineOptions({
   name: 'notice-bar'
 })
 
-const noticeList = ref([
-  '🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等',
-  '适配手机、平板、pc的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）',
-  '仓库地址：https://gitee.com/lyt-top/vue-next-admin',
-  '演示地址：https://lyt-top.gitee.io/vue-next-admin-preview/#/login'
-])
 </script>
 
 <style lang="scss" scoped></style>

docs/.vitepress/components/demo/demo.vue

@@ -127,15 +127,15 @@ highlighter.then(highlighter => {
   border-radius: 4px;
 
   .op-btns {
-    padding: 0.5rem;
+    padding: 1rem;
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    height: 2rem;
-    line-height: 2rem;
+    height: 3rem;
+    line-height: 3rem;
 
     .op-btn {
-      margin: 0 0.5rem;
+      margin: 0 1rem;
       cursor: pointer;
       transition: 0.2s;
     }

docs/.vitepress/components/demo/index.js

-import demoVue from './demo.vue';
-export default demoVue;
-//# sourceMappingURL=index.js.map
\ No newline at end of file

docs/.vitepress/components/demo/index.js.map

-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,eAAe,OAAO,CAAA"}
\ No newline at end of file

docs/.vitepress/components/index.js.map

-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,QAAQ,CAAA;AAEzB,MAAM,CAAC,MAAM,OAAO,GAA0B,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA"}
\ No newline at end of file

docs/.vitepress/config.js

-import { defineConfig } from 'vitepress';
-import { mdPlugin } from './plugins';
-export const nav = [
-    {
-        text: '指南',
-        link: '/guide/introduce'
-    },
-    {
-        text: '组件',
-        link: '/components/fold'
-    },
-    {
-        text: '更新日志',
-        link: '/update/doc'
-    },
-    {
-        text: 'gitee⚡️',
-        link: 'https://gitee.com/undraw/undraw-ui'
-    },
-];
-export const sidebar = {
-    '/guide/': [
-        {
-            text: '指南',
-            items: [
-                {
-                    text: '介绍',
-                    link: '/guide/introduce'
-                },
-                {
-                    text: '安装',
-                    link: '/guide/install'
-                },
-                {
-                    text: '使用',
-                    link: '/guide/usage'
-                }
-            ]
-        },
-    ],
-    '/components/': [
-        {
-            text: '组件',
-            items: [
-                {
-                    text: "Fold 折叠",
-                    link: '/components/fold'
-                },
-                {
-                    text: "Comment 评论",
-                    link: '/components/comment'
-                },
-                {
-                    text: 'Anchor 锚点',
-                    link: '/components/anchor'
-                },
-                {
-                    text: 'Search 搜索',
-                    link: '/components/search'
-                },
-                {
-                    text: 'Chat 聊天',
-                    link: '/components/chat'
-                },
-                {
-                    text: 'Counter 滚动数字',
-                    link: '/components/counter'
-                },
-                {
-                    text: 'NoticeBar 通知栏',
-                    link: '/components/notice-bar'
-                },
-                {
-                    text: 'Tags 标签页',
-                    link: '/components/tags'
-                },
-                {
-                    text: "Divider 分割线",
-                    link: '/components/divider'
-                },
-                {
-                    text: "Icon 图标",
-                    link: '/components/icon'
-                },
-                {
-                    text: "Editor 编辑器",
-                    link: '/components/editor'
-                },
-                {
-                    text: "Dialog 对话框",
-                    link: '/components/dialog'
-                },
-                {
-                    text: "Toast 吐司",
-                    link: '/components/toast'
-                }
-            ]
-        }
-    ],
-};
-export default defineConfig({
-    srcDir: 'src',
-    head: [
-        ['link', { rel: 'icon', href: '/undraw-ui/u.webp ' }]
-    ],
-    title: 'undraw-ui',
-    description: 'a Vue 3 based component library for designers and developers',
-    base: '/undraw-ui/',
-    themeConfig: {
-        logo: '/undraw-ui/u.webp',
-        nav,
-        sidebar,
-        algolia: {
-            appId: '8J64VVRP8K',
-            apiKey: 'a18e2f4cc5665f6602c5631fd868adfd',
-            indexName: 'vitepress'
-        },
-        footer: {
-            message: 'Released under the MIT License.',
-            copyright: 'Copyright © 2022 readpage'
-        },
-        socialLinks: [
-            { icon: 'github', link: 'https://github.com/readpage/undraw-ui' },
-        ]
-    },
-    lastUpdated: true,
-    appearance: true,
-    markdown: {
-        config: (md) => mdPlugin(md)
-    }
-});
-//# sourceMappingURL=config.js.map
\ No newline at end of file

docs/.vitepress/config.js.map

-{"version":3,"file":"config.js","sourceRoot":"","sources":["config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,MAAM,CAAC,MAAM,GAAG,GAA2B;IACzC;QACE,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,kBAAkB;KACzB;IACD;QACE,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,kBAAkB;KACzB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;KACpB;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,oCAAoC;KAC3C;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,SAAS,EAAE;QACT;YACE,IAAI,EAAE,IAAI;YACV,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,IAAI;oBACV,IAAI,EAAE,kBAAkB;iBACzB;gBACD;oBACE,IAAI,EAAE,IAAI;oBACV,IAAI,EAAE,gBAAgB;iBACvB;gBACD;oBACE,IAAI,EAAE,IAAI;oBACV,IAAI,EAAE,cAAc;iBACrB;aACF;SACF;KACF;IACD,cAAc,EAAE;QACd;YACE,IAAI,EAAE,IAAI;YACV,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,SAAS;oBACf,IAAI,EAAE,kBAAkB;iBACzB;gBACD;oBACE,IAAI,EAAE,YAAY;oBAClB,IAAI,EAAE,qBAAqB;iBAC5B;gBACD;oBACE,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE,oBAAoB;iBAC3B;gBACD;oBACE,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE,oBAAoB;iBAC3B;gBACD;oBACE,IAAI,EAAE,SAAS;oBACf,IAAI,EAAE,kBAAkB;iBACzB;gBACD;oBACE,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,qBAAqB;iBAC5B;gBACD;oBACE,IAAI,EAAE,eAAe;oBACrB,IAAI,EAAE,wBAAwB;iBAC/B;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,kBAAkB;iBACzB;gBACD;oBACE,IAAI,EAAE,aAAa;oBACnB,IAAI,EAAE,qBAAqB;iBAC5B;gBACD;oBACE,IAAI,EAAE,SAAS;oBACf,IAAI,EAAE,kBAAkB;iBACzB;gBACD;oBACE,IAAI,EAAE,YAAY;oBAClB,IAAI,EAAE,oBAAoB;iBAC3B;gBACD;oBACE,IAAI,EAAE,YAAY;oBAClB,IAAI,EAAE,oBAAoB;iBAC3B;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,mBAAmB;iBAC1B;aACF;SACF;KACF;CACF,CAAA;AAED,eAAe,YAAY,CAAC;IAC1B,MAAM,EAAE,KAAK;IACb,IAAI,EAAE;QACJ,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAC,CAAC;KACrD;IACD,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,8DAA8D;IAC3E,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE;QACX,IAAI,EAAE,mBAAmB;QACzB,GAAG;QACH,OAAO;QACP,OAAO,EAAE;YACP,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,kCAAkC;YAC1C,SAAS,EAAE,WAAW;SACvB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,iCAAiC;YAC1C,SAAS,EAAE,2BAA2B;SACvC;QACD,WAAW,EAAE;YACX,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,uCAAuC,EAAE;SAClE;KACF;IACD,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE;QACR,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;KAC7B;CACF,CAAC,CAAA"}
\ No newline at end of file

docs/.vitepress/config.ts

@@ -14,6 +14,10 @@ export const nav: DefaultTheme.NavItem[] = [
     text: '更新日志',
     link: '/update/doc'
   },
+  {
+    text: '💖支持',
+    link: '/other/support'
+  },
   { 
     text: 'gitee⚡️', 
     link: 'https://gitee.com/undraw/undraw-ui'

docs/.vitepress/dist/assets/chunks/ui-custom.98a7c604.js → docs/.vitepress/dist/assets/chunks/ui-custom.cc25e4b4.js

-import{e as r,a4 as i,a5 as l,m as d,l as _,n as u,o as p,c as m}from"../app.36bd9d15.js";const A=r({__name:"VPCarbonAds",setup(f){const{theme:o}=i(),a=o.value.carbonAds,{isAsideEnabled:n}=l(),s=d();let t=!1;function c(){if(!t){t=!0;const e=document.createElement("script");e.id="_carbonads_js",e.src=`//cdn.carbonads.com/carbon.js?serve=${a.code}&placement=${a.placement}`,e.async=!0,s.value.appendChild(e)}}return a&&_(()=>{n.value?c():u(n,e=>e&&c())}),(e,b)=>(p(),m("div",{class:"VPCarbonAds",ref_key:"container",ref:s},null,512))}});export{A as default};
+import{e as r,a6 as i,a7 as l,m as d,l as _,A as u,o as p,c as m}from"../app.f61c97d5.js";const A=r({__name:"VPCarbonAds",setup(f){const{theme:o}=i(),a=o.value.carbonAds,{isAsideEnabled:n}=l(),s=d();let t=!1;function c(){if(!t){t=!0;const e=document.createElement("script");e.id="_carbonads_js",e.src=`//cdn.carbonads.com/carbon.js?serve=${a.code}&placement=${a.placement}`,e.async=!0,s.value.appendChild(e)}}return a&&_(()=>{n.value?c():u(n,e=>e&&c())}),(e,b)=>(p(),m("div",{class:"VPCarbonAds",ref_key:"container",ref:s},null,512))}});export{A as default};

docs/.vitepress/dist/assets/components_counter.md.6aab0f65.js → docs/.vitepress/dist/assets/components_counter.md.a0493ed1.js

-import{e as l,r as a,o as n,q as _,c as d,b as i,w as p,u as m,a as e,f as s}from"./app.36bd9d15.js";const D=l({__name:"basic",setup(r){return(t,c)=>{const o=a("u-counter");return n(),_(o,{"start-amount":500,"end-amount":1e4})}}});var C=Object.freeze(Object.defineProperty({__proto__:null,default:D},Symbol.toStringTag,{value:"Module"}));const A=e("h1",{id:"counter-\u6570\u5B57\u6EDA\u52A8",tabindex:"-1"},[s("Counter \u6570\u5B57\u6EDA\u52A8 "),e("a",{class:"header-anchor",href:"#counter-\u6570\u5B57\u6EDA\u52A8","aria-hidden":"true"},"#")],-1),f=e("h2",{id:"\u57FA\u7840\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u7840\u7528\u6CD5 "),e("a",{class:"header-anchor",href:"#\u57FA\u7840\u7528\u6CD5","aria-hidden":"true"},"#")],-1),h=e("p",null,"counter/basic",-1),g='{"title":"Counter","description":"","frontmatter":{"title":"Counter"},"headers":[{"level":2,"title":"\u57FA\u7840\u7528\u6CD5","slug":"\u57FA\u7840\u7528\u6CD5"}],"relativePath":"components/counter.md","lastUpdated":1671528925000}',E={name:"components/counter.md"},v=Object.assign(E,{setup(r){const t={"../../examples/counter/basic.vue":C};return(c,o)=>{const u=a("Demo");return n(),d("div",null,[A,f,i(u,{demos:m(t),source:"%3Ctemplate%3E%0D%0A%20%20%3Cu-counter%20%3Astart-amount%3D%22500%22%20%3Aend-amount%3D%2210000%22%3E%3C%2Fu-counter%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%3C%2Fscript%3E%0D%0A%0D%0A%3Cstyle%20lang%3D%22scss%22%20scoped%3E%3C%2Fstyle%3E%0D%0A",path:"counter/basic","raw-source":"%3Ctemplate%3E%0D%0A%20%20%3Cu-counter%20%3Astart-amount%3D%22500%22%20%3Aend-amount%3D%2210000%22%3E%3C%2Fu-counter%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%3C%2Fscript%3E%0D%0A%0D%0A%3Cstyle%20lang%3D%22scss%22%20scoped%3E%3C%2Fstyle%3E%0D%0A",description:""},{default:p(()=>[h]),_:1},8,["demos"])])}}});export{g as __pageData,v as default};
+import{e as l,r as a,o as n,x as _,c as d,b as i,w as p,u as m,a as e,f as s}from"./app.f61c97d5.js";const D=l({__name:"basic",setup(r){return(t,c)=>{const o=a("u-counter");return n(),_(o,{"start-amount":500,"end-amount":1e4})}}});var C=Object.freeze(Object.defineProperty({__proto__:null,default:D},Symbol.toStringTag,{value:"Module"}));const A=e("h1",{id:"counter-\u6570\u5B57\u6EDA\u52A8",tabindex:"-1"},[s("Counter \u6570\u5B57\u6EDA\u52A8 "),e("a",{class:"header-anchor",href:"#counter-\u6570\u5B57\u6EDA\u52A8","aria-hidden":"true"},"#")],-1),f=e("h2",{id:"\u57FA\u7840\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u7840\u7528\u6CD5 "),e("a",{class:"header-anchor",href:"#\u57FA\u7840\u7528\u6CD5","aria-hidden":"true"},"#")],-1),h=e("p",null,"counter/basic",-1),g='{"title":"Counter","description":"","frontmatter":{"title":"Counter"},"headers":[{"level":2,"title":"\u57FA\u7840\u7528\u6CD5","slug":"\u57FA\u7840\u7528\u6CD5"}],"relativePath":"components/counter.md","lastUpdated":1671528925000}',E={name:"components/counter.md"},v=Object.assign(E,{setup(r){const t={"../../examples/counter/basic.vue":C};return(c,o)=>{const u=a("Demo");return n(),d("div",null,[A,f,i(u,{demos:m(t),source:"%3Ctemplate%3E%0D%0A%20%20%3Cu-counter%20%3Astart-amount%3D%22500%22%20%3Aend-amount%3D%2210000%22%3E%3C%2Fu-counter%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%3C%2Fscript%3E%0D%0A%0D%0A%3Cstyle%20lang%3D%22scss%22%20scoped%3E%3C%2Fstyle%3E%0D%0A",path:"counter/basic","raw-source":"%3Ctemplate%3E%0D%0A%20%20%3Cu-counter%20%3Astart-amount%3D%22500%22%20%3Aend-amount%3D%2210000%22%3E%3C%2Fu-counter%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%3C%2Fscript%3E%0D%0A%0D%0A%3Cstyle%20lang%3D%22scss%22%20scoped%3E%3C%2Fstyle%3E%0D%0A",description:""},{default:p(()=>[h]),_:1},8,["demos"])])}}});export{g as __pageData,v as default};

docs/.vitepress/dist/assets/components_counter.md.6aab0f65.lean.js → docs/.vitepress/dist/assets/components_counter.md.a0493ed1.lean.js

-import{e as l,r as a,o as n,q as _,c as d,b as i,w as p,u as m,a as e,f as s}from"./app.36bd9d15.js";const D=l({__name:"basic",setup(r){return(t,c)=>{const o=a("u-counter");return n(),_(o,{"start-amount":500,"end-amount":1e4})}}});var C=Object.freeze(Object.defineProperty({__proto__:null,default:D},Symbol.toStringTag,{value:"Module"}));const A=e("h1",{id:"counter-\u6570\u5B57\u6EDA\u52A8",tabindex:"-1"},[s("Counter \u6570\u5B57\u6EDA\u52A8 "),e("a",{class:"header-anchor",href:"#counter-\u6570\u5B57\u6EDA\u52A8","aria-hidden":"true"},"#")],-1),f=e("h2",{id:"\u57FA\u7840\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u7840\u7528\u6CD5 "),e("a",{class:"header-anchor",href:"#\u57FA\u7840\u7528\u6CD5","aria-hidden":"true"},"#")],-1),h=e("p",null,"counter/basic",-1),g='{"title":"Counter","description":"","frontmatter":{"title":"Counter"},"headers":[{"level":2,"title":"\u57FA\u7840\u7528\u6CD5","slug":"\u57FA\u7840\u7528\u6CD5"}],"relativePath":"components/counter.md","lastUpdated":1671528925000}',E={name:"components/counter.md"},v=Object.assign(E,{setup(r){const t={"../../examples/counter/basic.vue":C};return(c,o)=>{const u=a("Demo");return n(),d("div",null,[A,f,i(u,{demos:m(t),source:"%3Ctemplate%3E%0D%0A%20%20%3Cu-counter%20%3Astart-amount%3D%22500%22%20%3Aend-amount%3D%2210000%22%3E%3C%2Fu-counter%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%3C%2Fscript%3E%0D%0A%0D%0A%3Cstyle%20lang%3D%22scss%22%20scoped%3E%3C%2Fstyle%3E%0D%0A",path:"counter/basic","raw-source":"%3Ctemplate%3E%0D%0A%20%20%3Cu-counter%20%3Astart-amount%3D%22500%22%20%3Aend-amount%3D%2210000%22%3E%3C%2Fu-counter%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%3C%2Fscript%3E%0D%0A%0D%0A%3Cstyle%20lang%3D%22scss%22%20scoped%3E%3C%2Fstyle%3E%0D%0A",description:""},{default:p(()=>[h]),_:1},8,["demos"])])}}});export{g as __pageData,v as default};
+import{e as l,r as a,o as n,x as _,c as d,b as i,w as p,u as m,a as e,f as s}from"./app.f61c97d5.js";const D=l({__name:"basic",setup(r){return(t,c)=>{const o=a("u-counter");return n(),_(o,{"start-amount":500,"end-amount":1e4})}}});var C=Object.freeze(Object.defineProperty({__proto__:null,default:D},Symbol.toStringTag,{value:"Module"}));const A=e("h1",{id:"counter-\u6570\u5B57\u6EDA\u52A8",tabindex:"-1"},[s("Counter \u6570\u5B57\u6EDA\u52A8 "),e("a",{class:"header-anchor",href:"#counter-\u6570\u5B57\u6EDA\u52A8","aria-hidden":"true"},"#")],-1),f=e("h2",{id:"\u57FA\u7840\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u7840\u7528\u6CD5 "),e("a",{class:"header-anchor",href:"#\u57FA\u7840\u7528\u6CD5","aria-hidden":"true"},"#")],-1),h=e("p",null,"counter/basic",-1),g='{"title":"Counter","description":"","frontmatter":{"title":"Counter"},"headers":[{"level":2,"title":"\u57FA\u7840\u7528\u6CD5","slug":"\u57FA\u7840\u7528\u6CD5"}],"relativePath":"components/counter.md","lastUpdated":1671528925000}',E={name:"components/counter.md"},v=Object.assign(E,{setup(r){const t={"../../examples/counter/basic.vue":C};return(c,o)=>{const u=a("Demo");return n(),d("div",null,[A,f,i(u,{demos:m(t),source:"%3Ctemplate%3E%0D%0A%20%20%3Cu-counter%20%3Astart-amount%3D%22500%22%20%3Aend-amount%3D%2210000%22%3E%3C%2Fu-counter%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%3C%2Fscript%3E%0D%0A%0D%0A%3Cstyle%20lang%3D%22scss%22%20scoped%3E%3C%2Fstyle%3E%0D%0A",path:"counter/basic","raw-source":"%3Ctemplate%3E%0D%0A%20%20%3Cu-counter%20%3Astart-amount%3D%22500%22%20%3Aend-amount%3D%2210000%22%3E%3C%2Fu-counter%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%3C%2Fscript%3E%0D%0A%0D%0A%3Cstyle%20lang%3D%22scss%22%20scoped%3E%3C%2Fstyle%3E%0D%0A",description:""},{default:p(()=>[h]),_:1},8,["demos"])])}}});export{g as __pageData,v as default};

docs/.vitepress/dist/assets/components_dialog.md.764530b0.js → docs/.vitepress/dist/assets/components_dialog.md.e13cde35.js

-import{e as _,m,r,o as c,c as d,b as n,w as o,f as s,H as C,a as e,u as f}from"./app.36bd9d15.js";const b=e("span",null,"content",-1),A=_({__name:"basic",setup(u){const l=m(!1);return(D,t)=>{const a=r("el-button"),p=r("u-dialog");return c(),d(C,null,[n(a,{text:"",onClick:t[0]||(t[0]=i=>l.value=!0)},{default:o(()=>[s("Click to open Dialog")]),_:1}),n(p,{modelValue:l.value,"onUpdate:modelValue":t[2]||(t[2]=i=>l.value=i),center:"",title:"title",width:"30%"},{footer:o(()=>[n(a,{onClick:t[1]||(t[1]=i=>l.value=!1)},{default:o(()=>[s("Cancel")]),_:1})]),default:o(()=>[b]),_:1},8,["modelValue"])],64)}}});var E=Object.freeze(Object.defineProperty({__proto__:null,default:A},Symbol.toStringTag,{value:"Module"}));const g=e("h1",{id:"dialog-\u5BF9\u8BDD\u6846",tabindex:"-1"},[s("Dialog \u5BF9\u8BDD\u6846 "),e("a",{class:"header-anchor",href:"#dialog-\u5BF9\u8BDD\u6846","aria-hidden":"true"},"#")],-1),v=e("p",null,"\u5728\u4FDD\u7559\u5F53\u524D\u9875\u9762\u72B6\u6001\u7684\u60C5\u51B5\u4E0B\uFF0C\u544A\u77E5\u7528\u6237\u5E76\u627F\u8F7D\u76F8\u5173\u64CD\u4F5C\u3002",-1),h=e("p",null,[e("strong",null,"\u529F\u80FD: \u8131\u62FD\u3001\u5168\u5C4F")],-1),F=e("h2",{id:"\u57FA\u7840\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u7840\u7528\u6CD5 "),e("a",{class:"header-anchor",href:"#\u57FA\u7840\u7528\u6CD5","aria-hidden":"true"},"#")],-1),k=e("p",null,"Dialog \u5F39\u51FA\u4E00\u4E2A\u5BF9\u8BDD\u6846\uFF0C\u9002\u5408\u9700\u8981\u5B9A\u5236\u6027\u66F4\u5927\u7684\u573A\u666F\u3002",-1),x=e("p",null,"dialog/basic",-1),B='{"title":"\u5BF9\u8BDD\u6846","description":"","frontmatter":{"title":"\u5BF9\u8BDD\u6846"},"headers":[{"level":2,"title":"\u57FA\u7840\u7528\u6CD5","slug":"\u57FA\u7840\u7528\u6CD5"}],"relativePath":"components/dialog.md","lastUpdated":1663919519000}',w={name:"components/dialog.md"},$=Object.assign(w,{setup(u){const l={"../../examples/dialog/basic.vue":E};return(D,t)=>{const a=r("Demo");return c(),d("div",null,[g,v,h,F,k,n(a,{demos:f(l),source:"%3Ctemplate%3E%0D%0A%20%20%3Cel-button%20text%20%40click%3D%22visible%20%3D%20true%22%3EClick%20to%20open%20Dialog%3C%2Fel-button%3E%0D%0A%20%20%3Cu-dialog%20v-model%3D%22visible%22%20center%20title%3D%22title%22%20width%3D%2230%25%22%3E%0D%0A%20%20%20%20%3Cspan%3Econtent%3C%2Fspan%3E%0D%0A%20%20%20%20%3Ctemplate%20%23footer%3E%0D%0A%20%20%20%20%20%20%3Cel-button%20%40click%3D%22visible%20%3D%20false%22%3ECancel%3C%2Fel-button%3E%0D%0A%20%20%20%20%3C%2Ftemplate%3E%0D%0A%20%20%3C%2Fu-dialog%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%0D%0Aconst%20visible%20%3D%20ref(false)%0D%0A%3C%2Fscript%3E%0D%0A",path:"dialog/basic","raw-source":"%3Ctemplate%3E%0D%0A%20%20%3Cel-button%20text%20%40click%3D%22visible%20%3D%20true%22%3EClick%20to%20open%20Dialog%3C%2Fel-button%3E%0D%0A%20%20%3Cu-dialog%20v-model%3D%22visible%22%20center%20title%3D%22title%22%20width%3D%2230%25%22%3E%0D%0A%20%20%20%20%3Cspan%3Econtent%3C%2Fspan%3E%0D%0A%20%20%20%20%3Ctemplate%20%23footer%3E%0D%0A%20%20%20%20%20%20%3Cel-button%20%40click%3D%22visible%20%3D%20false%22%3ECancel%3C%2Fel-button%3E%0D%0A%20%20%20%20%3C%2Ftemplate%3E%0D%0A%20%20%3C%2Fu-dialog%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%0D%0Aconst%20visible%20%3D%20ref(false)%0D%0A%3C%2Fscript%3E%0D%0A",description:""},{default:o(()=>[x]),_:1},8,["demos"])])}}});export{B as __pageData,$ as default};
+import{e as _,m,r,o as c,c as d,b as n,w as o,f as s,J as C,a as e,u as f}from"./app.f61c97d5.js";const b=e("span",null,"content",-1),A=_({__name:"basic",setup(u){const l=m(!1);return(D,t)=>{const a=r("el-button"),p=r("u-dialog");return c(),d(C,null,[n(a,{text:"",onClick:t[0]||(t[0]=i=>l.value=!0)},{default:o(()=>[s("Click to open Dialog")]),_:1}),n(p,{modelValue:l.value,"onUpdate:modelValue":t[2]||(t[2]=i=>l.value=i),center:"",title:"title",width:"30%"},{footer:o(()=>[n(a,{onClick:t[1]||(t[1]=i=>l.value=!1)},{default:o(()=>[s("Cancel")]),_:1})]),default:o(()=>[b]),_:1},8,["modelValue"])],64)}}});var E=Object.freeze(Object.defineProperty({__proto__:null,default:A},Symbol.toStringTag,{value:"Module"}));const g=e("h1",{id:"dialog-\u5BF9\u8BDD\u6846",tabindex:"-1"},[s("Dialog \u5BF9\u8BDD\u6846 "),e("a",{class:"header-anchor",href:"#dialog-\u5BF9\u8BDD\u6846","aria-hidden":"true"},"#")],-1),v=e("p",null,"\u5728\u4FDD\u7559\u5F53\u524D\u9875\u9762\u72B6\u6001\u7684\u60C5\u51B5\u4E0B\uFF0C\u544A\u77E5\u7528\u6237\u5E76\u627F\u8F7D\u76F8\u5173\u64CD\u4F5C\u3002",-1),h=e("p",null,[e("strong",null,"\u529F\u80FD: \u8131\u62FD\u3001\u5168\u5C4F")],-1),F=e("h2",{id:"\u57FA\u7840\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u7840\u7528\u6CD5 "),e("a",{class:"header-anchor",href:"#\u57FA\u7840\u7528\u6CD5","aria-hidden":"true"},"#")],-1),k=e("p",null,"Dialog \u5F39\u51FA\u4E00\u4E2A\u5BF9\u8BDD\u6846\uFF0C\u9002\u5408\u9700\u8981\u5B9A\u5236\u6027\u66F4\u5927\u7684\u573A\u666F\u3002",-1),x=e("p",null,"dialog/basic",-1),B='{"title":"\u5BF9\u8BDD\u6846","description":"","frontmatter":{"title":"\u5BF9\u8BDD\u6846"},"headers":[{"level":2,"title":"\u57FA\u7840\u7528\u6CD5","slug":"\u57FA\u7840\u7528\u6CD5"}],"relativePath":"components/dialog.md","lastUpdated":1663919519000}',w={name:"components/dialog.md"},$=Object.assign(w,{setup(u){const l={"../../examples/dialog/basic.vue":E};return(D,t)=>{const a=r("Demo");return c(),d("div",null,[g,v,h,F,k,n(a,{demos:f(l),source:"%3Ctemplate%3E%0D%0A%20%20%3Cel-button%20text%20%40click%3D%22visible%20%3D%20true%22%3EClick%20to%20open%20Dialog%3C%2Fel-button%3E%0D%0A%20%20%3Cu-dialog%20v-model%3D%22visible%22%20center%20title%3D%22title%22%20width%3D%2230%25%22%3E%0D%0A%20%20%20%20%3Cspan%3Econtent%3C%2Fspan%3E%0D%0A%20%20%20%20%3Ctemplate%20%23footer%3E%0D%0A%20%20%20%20%20%20%3Cel-button%20%40click%3D%22visible%20%3D%20false%22%3ECancel%3C%2Fel-button%3E%0D%0A%20%20%20%20%3C%2Ftemplate%3E%0D%0A%20%20%3C%2Fu-dialog%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%0D%0Aconst%20visible%20%3D%20ref(false)%0D%0A%3C%2Fscript%3E%0D%0A",path:"dialog/basic","raw-source":"%3Ctemplate%3E%0D%0A%20%20%3Cel-button%20text%20%40click%3D%22visible%20%3D%20true%22%3EClick%20to%20open%20Dialog%3C%2Fel-button%3E%0D%0A%20%20%3Cu-dialog%20v-model%3D%22visible%22%20center%20title%3D%22title%22%20width%3D%2230%25%22%3E%0D%0A%20%20%20%20%3Cspan%3Econtent%3C%2Fspan%3E%0D%0A%20%20%20%20%3Ctemplate%20%23footer%3E%0D%0A%20%20%20%20%20%20%3Cel-button%20%40click%3D%22visible%20%3D%20false%22%3ECancel%3C%2Fel-button%3E%0D%0A%20%20%20%20%3C%2Ftemplate%3E%0D%0A%20%20%3C%2Fu-dialog%3E%0D%0A%3C%2Ftemplate%3E%0D%0A%0D%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0D%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0D%0A%0D%0Aconst%20visible%20%3D%20ref(false)%0D%0A%3C%2Fscript%3E%0D%0A",description:""},{default:o(()=>[x]),_:1},8,["demos"])])}}});export{B as __pageData,$ as default};

docs/.vitepress/dist/assets/guide_install.md.06c9d141.js → docs/.vitepress/dist/assets/guide_install.md.02ba77fe.js

-import{_ as a,o as e,c as s,g as n}from"./app.36bd9d15.js";const m='{"title":"\u5B89\u88C5","description":"","frontmatter":{},"headers":[],"relativePath":"guide/install.md","lastUpdated":1655894989000}',t={name:"guide/install.md"},c=n(`<h1 id="\u5B89\u88C5" tabindex="-1">\u5B89\u88C5 <a class="header-anchor" href="#\u5B89\u88C5" aria-hidden="true">#</a></h1><p>\u4F7F\u7528<code>npm</code>\u5B89\u88C5</p><div class="language-sh"><span class="copy"></span><pre><code><span class="line"><span style="color:#A6ACCD;">npm i undraw-ui@0.8.2</span></span>
+import{_ as a,o as e,c as s,g as n}from"./app.f61c97d5.js";const m='{"title":"\u5B89\u88C5","description":"","frontmatter":{},"headers":[],"relativePath":"guide/install.md","lastUpdated":1676274626000}',t={name:"guide/install.md"},c=n(`<h1 id="\u5B89\u88C5" tabindex="-1">\u5B89\u88C5 <a class="header-anchor" href="#\u5B89\u88C5" aria-hidden="true">#</a></h1><p>\u4F7F\u7528<code>npm</code>\u5B89\u88C5</p><div class="language-sh"><span class="copy"></span><pre><code><span class="line"><span style="color:#A6ACCD;">npm i undraw-ui@0.9.0</span></span>
 <span class="line"></span></code></pre></div>`,3),o=[c];function d(r,i,_,p,l,h){return e(),s("div",null,o)}var f=a(t,[["render",d]]);export{m as __pageData,f as default};

docs/.vitepress/dist/assets/guide_install.md.06c9d141.lean.js → docs/.vitepress/dist/assets/guide_install.md.02ba77fe.lean.js

-import{_ as a,o as e,c as s,g as n}from"./app.36bd9d15.js";const m='{"title":"\u5B89\u88C5","description":"","frontmatter":{},"headers":[],"relativePath":"guide/install.md","lastUpdated":1655894989000}',t={name:"guide/install.md"},c=n("",3),o=[c];function d(r,i,_,p,l,h){return e(),s("div",null,o)}var f=a(t,[["render",d]]);export{m as __pageData,f as default};
+import{_ as a,o as e,c as s,g as n}from"./app.f61c97d5.js";const m='{"title":"\u5B89\u88C5","description":"","frontmatter":{},"headers":[],"relativePath":"guide/install.md","lastUpdated":1676274626000}',t={name:"guide/install.md"},c=n("",3),o=[c];function d(r,i,_,p,l,h){return e(),s("div",null,o)}var f=a(t,[["render",d]]);export{m as __pageData,f as default};

docs/.vitepress/dist/assets/guide_introduce.md.e45ebf79.lean.js → docs/.vitepress/dist/assets/guide_introduce.md.f1bc443a.lean.js

-import{_ as e,o as i,c as t,g as a}from"./app.36bd9d15.js";const p='{"title":"\u4ECB\u7ECD","description":"","frontmatter":{"title":"\u4ECB\u7ECD"},"headers":[{"level":2,"title":"\u6548\u7387 Efficiency","slug":"\u6548\u7387-efficiency"},{"level":2,"title":"\u53EF\u63A7 Controllability","slug":"\u53EF\u63A7-controllability"}],"relativePath":"guide/introduce.md","lastUpdated":1653662343000}',l={name:"guide/introduce.md"},r=a("",6),c=[r];function n(o,d,s,_,h,f){return i(),t("div",null,c)}var y=e(l,[["render",n]]);export{p as __pageData,y as default};
+import{_ as e,o as i,c as t,g as a}from"./app.f61c97d5.js";const p='{"title":"\u4ECB\u7ECD","description":"","frontmatter":{"title":"\u4ECB\u7ECD"},"headers":[{"level":2,"title":"\u6548\u7387 Efficiency","slug":"\u6548\u7387-efficiency"},{"level":2,"title":"\u53EF\u63A7 Controllability","slug":"\u53EF\u63A7-controllability"}],"relativePath":"guide/introduce.md","lastUpdated":1653662343000}',l={name:"guide/introduce.md"},r=a("",6),c=[r];function n(o,d,s,_,h,f){return i(),t("div",null,c)}var y=e(l,[["render",n]]);export{p as __pageData,y as default};

docs/.vitepress/dist/assets/guide_usage.md.0ec419b2.lean.js

+import{_ as s,o as n,c as a,g as l}from"./app.f61c97d5.js";const i='{"title":"\u4F7F\u7528","description":"","frontmatter":{},"headers":[],"relativePath":"guide/usage.md","lastUpdated":1663919519000}',p={name:"guide/usage.md"},o=l("",5),e=[o];function t(c,r,D,F,y,C){return n(),a("div",null,e)}var m=s(p,[["render",t]]);export{i as __pageData,m as default};

docs/.vitepress/dist/assets/guide_usage.md.7745d332.lean.js

-import{_ as s,o as a,c as n,g as p}from"./app.36bd9d15.js";const C='{"title":"\u4F7F\u7528","description":"","frontmatter":{},"headers":[],"relativePath":"guide/usage.md","lastUpdated":1663919519000}',l={name:"guide/usage.md"},o=p("",3),e=[o];function t(c,r,D,y,i,F){return a(),n("div",null,e)}var d=s(l,[["render",t]]);export{C as __pageData,d as default};

docs/.vitepress/theme/base.scss

+* {
+  padding: 0;
+  margin: 0;
+}
+html {
+  font-size: 10px;
+}
+
 a {
   color: #409eff;
 }

docs/examples/comment/emoji.ts

@@ -7,6 +7,7 @@ const emojiList: {}[] = [
     '[口罩]': `${raw}/emoji/kouzhao.webp`,
     '[狗头]': `${raw}/emoji/goutou.webp`,
     '[微笑]': `${raw}/emoji/smile.webp`,
+    '[大笑2]': `${raw}/emoji/daxiao2.png`,
     '[OK]': `${raw}/emoji/ok.webp`,
     '[星星眼]': `${raw}/emoji/star.webp`,
     '[辣眼睛]': `${raw}/emoji/layanjing.webp`,