@gindow/vue 1.0.3 → 1.0.5

package/README.md

@@ -5,7 +5,7 @@ Vue3 通用基础包，为 `element-go`（桌面端）和 `vant-go`（移动端
 ## 特性
 
 - **工具函数**：`request`（HTTP 请求封装）、`resource`（RESTful 资源）、`DateTime`、`Formatter`、`Validate`、`Platform`、`download`、`get`
-- **Hooks**：`useBreak`（响应式断点）、`useNanoid`（ID 生成）、`useCaptcha`（验证码倒计时）、`useUpload`（图片上传处理）、`useChat`（AI 流式对话）
+- **Hooks**：`useBreak`（响应式断点）、`useNanoid`（ID 生成）、`useCaptcha`（验证码倒计时）、`useUpload`（图片上传处理）
 - **类型定义**：`IModel`、`IAsset`、`IPagination`、`IResult`、`IMenu` 等通用接口
 - **国际化**：Vue3 provide/inject 模式的 i18n 系统，内置中英文
 - **基础样式**：TailwindCSS + 通用布局工具类

package/dist/style.css

@@ -1,2 +1,2 @@
-[data-v-e336ca96] g,[data-v-e336ca96] path{stroke-width:var(--v519ff46c)}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.shrink{flex-shrink:1}}@media screen and (width>=768px){.mob{display:none!important}}@media screen and (width<=768px){.web{display:none!important}}.bg-light{background-color:#ccc}.text-light{color:#ccc}.dark .bg-light{background-color:#333}.dark .text-light{color:#333}.flex-center{justify-content:center;align-items:center;display:flex!important}.flex-center-end{justify-content:end;align-items:center;display:flex!important}.flex-center-between{justify-content:space-between;align-items:center;display:flex!important}.flex-center-items{align-items:center;display:flex!important}
+[data-v-e336ca96] g,[data-v-e336ca96] path{stroke-width:var(--v519ff46c)}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.h-full{height:100%}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-60{min-height:calc(var(--spacing) * 60)}.shrink{flex-shrink:1}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media screen and (width>=768px){.mob{display:none!important}}@media screen and (width<=768px){.web{display:none!important}}.bg-light{background-color:#ccc}.text-light{color:#ccc}.dark .bg-light{background-color:#333}.dark .text-light{color:#333}.flex-center{justify-content:center;align-items:center;display:flex!important}.flex-center-end{justify-content:end;align-items:center;display:flex!important}.flex-center-between{justify-content:space-between;align-items:center;display:flex!important}.flex-center-items{align-items:center;display:flex!important}
 /*$vite$:1*/

package/dist/vue.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require("vue"),t=require("@iconify/vue");var n={cancel:`取消`,confirm:`确认`,empty:{noData:`暂无数据`},dialog:{tip:`操作提示`,confirm:`操作确认`}},r={cancel:`Cancel`,confirm:`Confirm`,empty:{noData:`No data`},dialog:{tip:`Tip`,confirm:`Confirm`}},i=()=>{let e=[`en`,`zh-CN`],t=localStorage.getItem(`locale`),n=navigator.language;return t&&e.includes(t)?t:n&&e.includes(n)?n:n&&e.includes(n.split(`-`)[0])?n.split(`-`)[0]:e[0]??`zh-CN`},a=Symbol(`vue-locale`),o=(0,e.ref)(i()),s=(0,e.reactive)({en:r,"zh-CN":n}),c=t=>{if(t?.locale&&(o.value=t.locale),t?.messages)for(let[e,n]of Object.entries(t.messages))s[e]=n;return(0,e.provide)(a,{locale:o,messages:s}),{locale:o,messages:s}},l=()=>{let t=(0,e.inject)(a,void 0),n=t?.locale??o,r=t?.messages??s;return{locale:n,t:(e,t)=>{let i=r[n.value],a=e.replace(/\[(\d+)]/g,`.$1`).split(`.`),o=i;for(let t of a)if(o=o?.[t],o===void 0)return e;let s=o??e;return t&&typeof s==`string`&&(s=s.replace(/\{(\w+)\}/g,(e,n)=>t[n]===void 0?`{${n}}`:String(t[n]))),s}}},u=e=>o.value=e,d=()=>o.value,f=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((0,e.defineComponent)({__name:`VueIcon`,props:{vendor:{type:String,default:`icon-park-outline`},icon:{type:String,default:``},type:{type:String,default:``},size:{type:Number,default:16},strokeWidth:{type:Number,default:3},color:{type:String}},setup(n){(0,e.useCssVars)(e=>({v519ff46c:l.value}));let r=n,i={folder:`folder-close`,png:`pic-one`,jpeg:`pic-one`,jpg:`pic-one`,gif:`pic-one`,webp:`pic-one`,bmp:`pic-one`,svg:`pic-one`,mp4:`video`,avi:`video`,mov:`video`,wmv:`video`,flv:`video`,mkv:`video`,webm:`video`,mp3:`music-one`,wav:`music-one`,wma:`music-one`,aac:`music-one`,ogg:`music-one`,flac:`music-one`,pdf:`file-pdf`,doc:`file-word`,docx:`file-word`,xls:`file-excel`,xlsx:`file-excel`,csv:`file-excel`,ppt:`file-ppt`,pptx:`file-ppt`,txt:`file-txt`,md:`file-txt-one`,json:`code`,xml:`code`,html:`code`,css:`code`,js:`code`,ts:`code`,jsx:`code`,tsx:`code`,py:`code`,php:`code`,cpp:`code`,c:`code`,java:`code`,go:`code`,rs:`code`,zip:`zip`,rar:`zip`,"7z":`zip`,tar:`zip`,gz:`zip`,bz2:`zip`},a={image:`pic-one`,video:`video`,audio:`music-one`,text:`file-txt`,application:`file-text`,font:`file-text`,pdf:`file-pdf`,doc:`file-word`,sheet:`file-excel`,ppt:`file-ppt`,md:`file-txt-one`,canvas:`book-open`,album:`pic-one`,yearbook:`book-open`},o=(0,e.computed)(()=>{if(r.icon)return r.icon;if(!r.type)return``;if(r.type===`folder`)return`folder-close`;let[e,t]=r.type.toLowerCase().split(`/`);return t&&i[t]?i[t]:e&&a[e]?a[e]:e&&i[e]?i[e]:`file-text`}),s=(0,e.computed)(()=>{let e=o.value;return e?e.includes(`:`)?e:`${r.vendor}:${e}`:``}),c=(0,e.computed)(()=>r.color?{color:r.color}:void 0),l=(0,e.computed)(()=>r.strokeWidth);return(r,i)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.Icon),{icon:s.value,width:n.size,height:n.size,style:(0,e.normalizeStyle)(c.value),"aria-hidden":null},null,8,[`icon`,`width`,`height`,`style`]))}}),[[`__scopeId`,`data-v-e336ca96`]]),p=class{static{this.config={}}static{this.set=e=>this.config=e}static{this.id=(e=``)=>e.slice(-12).toUpperCase()}static{this.date=(e=``)=>e.substring(0,10)+` `+e.substring(11,19)}static{this.idcard=(e=``)=>e?e.substring(0,6)+`****`+e.substring(14):``}static{this.phone=(e=``,t=!1)=>t||!e?e:e.substring(0,3)+`****`+e.substring(e.length-4)}static{this.email=(e=``)=>{let[t,n]=e.split(`@`);return!t||!n?e:`${t.length>2?t[0]+`****`+t[t.length-1]:t}@${n}`}}static{this.bankcard=(e=``)=>e.substring(0,4)+`****`+e.substring(e.length-4)}static{this.url=(e=``)=>e.replace(/:\/\//g,`:##`).replace(/\/+/g,`/`).replace(/:##/g,`://`)}static{this.price=(e=0,t)=>{let{locale:n,decimals:r,currency:i}=this.config,a=typeof e==`string`?parseFloat(e):e;return new Intl.NumberFormat(n,{style:`currency`,currency:t??i??`CNY`,minimumFractionDigits:r??2,maximumFractionDigits:r??2}).format(a/100)}}static{this.currency=(e=0,t)=>this.price(e,t)}},m=class e{static{this.country=``}static{this.set=e=>this.country=e}static get phone_pattern(){return this.country.toUpperCase()===`CN`?/([1][3,4,5,6,7,8,9][0-9]{9})$/:/^(?:\+?[1-9]\d{7,14}|\d{6,11})$/}static{this.email_pattern=/^([a-zA-Z0-9_\.-]+)@([\da-zA-Z\.-]+)\.([a-zA-Z\.]{2,6})$/}static{this.idcard_pattern=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/}static{this.cname_pattern=/^(?:[\u4e00-\u9fa5·]{2,16})$/}static{this.password_pattern=/^(?![A-Za-z]+$)(?![0-9]+$)(?![^A-Za-z0-9]+$).{8,20}$/}static{this.phone=t=>e.phone_pattern.test(t)}static{this.email=t=>e.email_pattern.test(t)}static{this.idcard=t=>e.idcard_pattern.test(t)}static{this.cname=t=>e.cname_pattern.test(t)}},h=768,g=()=>{let t=(0,e.ref)(typeof window<`u`?window.matchMedia(`(min-width: ${h}px)`).matches:!0),n,r=e=>t.value=e.matches;(0,e.onMounted)(()=>{typeof window>`u`||(n=window.matchMedia(`(min-width: ${h}px)`),t.value=n.matches,n.addEventListener(`change`,r))}),(0,e.onBeforeUnmount)(()=>n?.removeEventListener(`change`,r));let i=(0,e.computed)(()=>t.value);return{isMobile:(0,e.computed)(()=>!t.value),isDesktop:i}},_=t=>{let n=(0,e.ref)(0),r=(0,e.ref)(!1),i=(e={})=>new Promise((n,i)=>{r.value||(r.value=!0,t(e).then(()=>{a(),n(!0)}).catch(e=>i(e)).finally(()=>r.value=!1))}),a=()=>{n.value=60;let e=setInterval(()=>{n.value--,n.value||clearTimeout(e)},1e3)};return{waiting:n,send:i}},v=()=>({i:(t,n={})=>t?(0,e.h)(f,{icon:t,...n}):void 0}),y=[f];y.forEach(e=>{e.install=t=>{let n=e.name??e.__name;n&&t.component(n,e)}});var b={install(e,t){c(t),y.forEach(t=>e.use(t))}};exports.Formatter=p,exports.Validate=m,exports.VueIcon=f,exports.default=b,exports.getLocale=d,exports.setLocale=u,exports.useBreak=g,exports.useCaptcha=_,exports.useIcon=v,exports.useLocale=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let l=require("vue"),u=require("@iconify/vue");var d={cancel:`取消`,confirm:`确认`,empty:{noData:`暂无数据`},dialog:{tip:`操作提示`,confirm:`操作确认`}},f={cancel:`Cancel`,confirm:`Confirm`,empty:{noData:`No data`},dialog:{tip:`Tip`,confirm:`Confirm`}},p=()=>{let e=[`en`,`zh-CN`],t=localStorage.getItem(`locale`),n=navigator.language;return t&&e.includes(t)?t:n&&e.includes(n)?n:n&&e.includes(n.split(`-`)[0])?n.split(`-`)[0]:e[0]??`zh-CN`},m=Symbol(`vue-locale`),h=(0,l.ref)(p()),g=(0,l.reactive)({en:f,"zh-CN":d}),_=e=>{if(e?.locale&&(h.value=e.locale),e?.messages)for(let[t,n]of Object.entries(e.messages))g[t]=n;return(0,l.provide)(m,{locale:h,messages:g}),{locale:h,messages:g}},v=()=>{let e=(0,l.inject)(m,void 0),t=e?.locale??h,n=e?.messages??g;return{locale:t,t:(e,r)=>{let i=n[t.value],a=e.replace(/\[(\d+)]/g,`.$1`).split(`.`),o=i;for(let t of a)if(o=o?.[t],o===void 0)return e;let s=o??e;return r&&typeof s==`string`&&(s=s.replace(/\{(\w+)\}/g,(e,t)=>r[t]===void 0?`{${t}}`:String(r[t]))),s}}},y=e=>h.value=e,b=()=>h.value,x=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((0,l.defineComponent)({__name:`VueIcon`,props:{vendor:{type:String,default:`icon-park-outline`},icon:{type:String,default:``},type:{type:String,default:``},size:{type:Number,default:16},strokeWidth:{type:Number,default:3},color:{type:String}},setup(e){(0,l.useCssVars)(e=>({v519ff46c:s.value}));let t=e,n={folder:`folder-close`,png:`pic-one`,jpeg:`pic-one`,jpg:`pic-one`,gif:`pic-one`,webp:`pic-one`,bmp:`pic-one`,svg:`pic-one`,mp4:`video`,avi:`video`,mov:`video`,wmv:`video`,flv:`video`,mkv:`video`,webm:`video`,mp3:`music-one`,wav:`music-one`,wma:`music-one`,aac:`music-one`,ogg:`music-one`,flac:`music-one`,pdf:`file-pdf`,doc:`file-word`,docx:`file-word`,xls:`file-excel`,xlsx:`file-excel`,csv:`file-excel`,ppt:`file-ppt`,pptx:`file-ppt`,txt:`file-txt`,md:`file-txt-one`,json:`code`,xml:`code`,html:`code`,css:`code`,js:`code`,ts:`code`,jsx:`code`,tsx:`code`,py:`code`,php:`code`,cpp:`code`,c:`code`,java:`code`,go:`code`,rs:`code`,zip:`zip`,rar:`zip`,"7z":`zip`,tar:`zip`,gz:`zip`,bz2:`zip`},r={image:`pic-one`,video:`video`,audio:`music-one`,text:`file-txt`,application:`file-text`,font:`file-text`,pdf:`file-pdf`,doc:`file-word`,sheet:`file-excel`,ppt:`file-ppt`,md:`file-txt-one`,canvas:`book-open`,album:`pic-one`,yearbook:`book-open`},i=(0,l.computed)(()=>{if(t.icon)return t.icon;if(!t.type)return``;if(t.type===`folder`)return`folder-close`;let[e,i]=t.type.toLowerCase().split(`/`);return i&&n[i]?n[i]:e&&r[e]?r[e]:e&&n[e]?n[e]:`file-text`}),a=(0,l.computed)(()=>{let e=i.value;return e?e.includes(`:`)?e:`${t.vendor}:${e}`:``}),o=(0,l.computed)(()=>t.color?{color:t.color}:void 0),s=(0,l.computed)(()=>t.strokeWidth);return(t,n)=>((0,l.openBlock)(),(0,l.createBlock)((0,l.unref)(u.Icon),{icon:a.value,width:e.size,height:e.size,style:(0,l.normalizeStyle)(o.value),"aria-hidden":null},null,8,[`icon`,`width`,`height`,`style`]))}}),[[`__scopeId`,`data-v-e336ca96`]]),S=768,C=()=>{let e=(0,l.ref)(typeof window<`u`?window.matchMedia(`(min-width: ${S}px)`).matches:!0),t,n=t=>e.value=t.matches;(0,l.onMounted)(()=>{typeof window>`u`||(t=window.matchMedia(`(min-width: ${S}px)`),e.value=t.matches,t.addEventListener(`change`,n))}),(0,l.onBeforeUnmount)(()=>t?.removeEventListener(`change`,n));let r=(0,l.computed)(()=>e.value);return{isMobile:(0,l.computed)(()=>!e.value),isDesktop:r}},w=e=>{let t=(0,l.ref)(0),n=(0,l.ref)(!1),r=(t={})=>new Promise((r,a)=>{n.value||(n.value=!0,e(t).then(()=>{i(),r(!0)}).catch(e=>a(e)).finally(()=>n.value=!1))}),i=()=>{t.value=60;let e=setInterval(()=>{t.value--,t.value||clearTimeout(e)},1e3)};return{waiting:t,send:r}},T=()=>({i:(e,t={})=>e?(0,l.h)(x,{icon:e,...t}):void 0}),E=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`,D=(e=21)=>{let t=``,n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=E[n[e]&63];return t},O=(e,t=21)=>(n=t)=>{let r=``,i=n|0;for(;i-->0;)r+=e[Math.random()*e.length|0];return r},k=()=>({nanoid:D,numeric:(e=10)=>O(`1234567890`,e)()}),A=class{static{this.config={}}static{this.set=e=>this.config=e}static{this.id=(e=``)=>e.slice(-12).toUpperCase()}static{this.date=(e=``)=>e.substring(0,10)+` `+e.substring(11,19)}static{this.idcard=(e=``)=>e?e.substring(0,6)+`****`+e.substring(14):``}static{this.phone=(e=``,t=!1)=>t||!e?e:e.substring(0,3)+`****`+e.substring(e.length-4)}static{this.email=(e=``)=>{let[t,n]=e.split(`@`);return!t||!n?e:`${t.length>2?t[0]+`****`+t[t.length-1]:t}@${n}`}}static{this.bankcard=(e=``)=>e.substring(0,4)+`****`+e.substring(e.length-4)}static{this.url=(e=``)=>e.replace(/:\/\//g,`:##`).replace(/\/+/g,`/`).replace(/:##/g,`://`)}static{this.price=(e=0,t)=>{let{locale:n,decimals:r,currency:i}=this.config,a=typeof e==`string`?parseFloat(e):e;return new Intl.NumberFormat(n,{style:`currency`,currency:t??i??`CNY`,minimumFractionDigits:r??2,maximumFractionDigits:r??2}).format(a/100)}}static{this.currency=(e=0,t)=>this.price(e,t)}},j=class e{static{this.country=``}static{this.set=e=>this.country=e}static get phone_pattern(){return this.country.toUpperCase()===`CN`?/([1][3,4,5,6,7,8,9][0-9]{9})$/:/^(?:\+?[1-9]\d{7,14}|\d{6,11})$/}static{this.email_pattern=/^([a-zA-Z0-9_\.-]+)@([\da-zA-Z\.-]+)\.([a-zA-Z\.]{2,6})$/}static{this.idcard_pattern=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/}static{this.cname_pattern=/^(?:[\u4e00-\u9fa5·]{2,16})$/}static{this.password_pattern=/^(?![A-Za-z]+$)(?![0-9]+$)(?![^A-Za-z0-9]+$).{8,20}$/}static{this.phone=t=>e.phone_pattern.test(t)}static{this.email=t=>e.email_pattern.test(t)}static{this.idcard=t=>e.idcard_pattern.test(t)}static{this.cname=t=>e.cname_pattern.test(t)}},M=c(o(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs=r()})(e,(function(){"use strict";var e=1e3,t=6e4,n=36e5,r=`millisecond`,i=`second`,a=`minute`,o=`hour`,s=`day`,c=`week`,l=`month`,u=`quarter`,d=`year`,f=`date`,p=`Invalid Date`,m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,h=/\[([^\]]+)]|YYYY|YY|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,g={name:`en`,weekdays:`Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday`.split(`_`),months:`January_February_March_April_May_June_July_August_September_October_November_December`.split(`_`),ordinal:function(e){var t=[`th`,`st`,`nd`,`rd`],n=e%100;return`[`+e+(t[(n-20)%10]||t[n]||t[0])+`]`}},_=function(e,t,n){var r=String(e);return!r||r.length>=t?e:``+Array(t+1-r.length).join(n)+e},v={s:_,z:function(e){var t=-e.utcOffset(),n=Math.abs(t),r=Math.floor(n/60),i=n%60;return(t<=0?`+`:`-`)+_(r,2,`0`)+`:`+_(i,2,`0`)},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var r=12*(n.year()-t.year())+(n.month()-t.month()),i=t.clone().add(r,l),a=n-i<0,o=t.clone().add(r+(a?-1:1),l);return+(-(r+(n-i)/(a?i-o:o-i))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:l,y:d,w:c,d:s,D:f,h:o,m:a,s:i,ms:r,Q:u}[e]||String(e||``).toLowerCase().replace(/s$/,``)},u:function(e){return e===void 0}},y=`en`,b={};b[y]=g;var x=`$isDayjsObject`,S=function(e){return e instanceof E||!(!e||!e[x])},C=function e(t,n,r){var i;if(!t)return y;if(typeof t==`string`){var a=t.toLowerCase();b[a]&&(i=a),n&&(b[a]=n,i=a);var o=t.split(`-`);if(!i&&o.length>1)return e(o[0])}else{var s=t.name;b[s]=t,i=s}return!r&&i&&(y=i),i||!r&&y},w=function(e,t){if(S(e))return e.clone();var n=typeof t==`object`?t:{};return n.date=e,n.args=arguments,new E(n)},T=v;T.l=C,T.i=S,T.w=function(e,t){return w(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var E=function(){function g(e){this.$L=C(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[x]=!0}var _=g.prototype;return _.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(t===null)return new Date(NaN);if(T.u(t))return new Date;if(t instanceof Date)return new Date(t);if(typeof t==`string`&&!/Z$/i.test(t)){var r=t.match(m);if(r){var i=r[2]-1||0,a=(r[7]||`0`).substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)}}return new Date(t)}(e),this.init()},_.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},_.$utils=function(){return T},_.isValid=function(){return this.$d.toString()!==p},_.isSame=function(e,t){var n=w(e);return this.startOf(t)<=n&&n<=this.endOf(t)},_.isAfter=function(e,t){return w(e)<this.startOf(t)},_.isBefore=function(e,t){return this.endOf(t)<w(e)},_.$g=function(e,t,n){return T.u(e)?this[t]:this.set(n,e)},_.unix=function(){return Math.floor(this.valueOf()/1e3)},_.valueOf=function(){return this.$d.getTime()},_.startOf=function(e,t){var n=this,r=!!T.u(t)||t,u=T.p(e),p=function(e,t){var i=T.w(n.$u?Date.UTC(n.$y,t,e):new Date(n.$y,t,e),n);return r?i:i.endOf(s)},m=function(e,t){return T.w(n.toDate()[e].apply(n.toDate(`s`),(r?[0,0,0,0]:[23,59,59,999]).slice(t)),n)},h=this.$W,g=this.$M,_=this.$D,v=`set`+(this.$u?`UTC`:``);switch(u){case d:return r?p(1,0):p(31,11);case l:return r?p(1,g):p(0,g+1);case c:var y=this.$locale().weekStart||0,b=(h<y?h+7:h)-y;return p(r?_-b:_+(6-b),g);case s:case f:return m(v+`Hours`,0);case o:return m(v+`Minutes`,1);case a:return m(v+`Seconds`,2);case i:return m(v+`Milliseconds`,3);default:return this.clone()}},_.endOf=function(e){return this.startOf(e,!1)},_.$set=function(e,t){var n,c=T.p(e),u=`set`+(this.$u?`UTC`:``),p=(n={},n[s]=u+`Date`,n[f]=u+`Date`,n[l]=u+`Month`,n[d]=u+`FullYear`,n[o]=u+`Hours`,n[a]=u+`Minutes`,n[i]=u+`Seconds`,n[r]=u+`Milliseconds`,n)[c],m=c===s?this.$D+(t-this.$W):t;if(c===l||c===d){var h=this.clone().set(f,1);h.$d[p](m),h.init(),this.$d=h.set(f,Math.min(this.$D,h.daysInMonth())).$d}else p&&this.$d[p](m);return this.init(),this},_.set=function(e,t){return this.clone().$set(e,t)},_.get=function(e){return this[T.p(e)]()},_.add=function(r,u){var f,p=this;r=Number(r);var m=T.p(u),h=function(e){var t=w(p);return T.w(t.date(t.date()+Math.round(e*r)),p)};if(m===l)return this.set(l,this.$M+r);if(m===d)return this.set(d,this.$y+r);if(m===s)return h(1);if(m===c)return h(7);var g=(f={},f[a]=t,f[o]=n,f[i]=e,f)[m]||1,_=this.$d.getTime()+r*g;return T.w(_,this)},_.subtract=function(e,t){return this.add(-1*e,t)},_.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||p;var r=e||`YYYY-MM-DDTHH:mm:ssZ`,i=T.z(this),a=this.$H,o=this.$m,s=this.$M,c=n.weekdays,l=n.months,u=n.meridiem,d=function(e,n,i,a){return e&&(e[n]||e(t,r))||i[n].slice(0,a)},f=function(e){return T.s(a%12||12,e,`0`)},m=u||function(e,t,n){var r=e<12?`AM`:`PM`;return n?r.toLowerCase():r};return r.replace(h,(function(e,r){return r||function(e){switch(e){case`YY`:return String(t.$y).slice(-2);case`YYYY`:return T.s(t.$y,4,`0`);case`M`:return s+1;case`MM`:return T.s(s+1,2,`0`);case`MMM`:return d(n.monthsShort,s,l,3);case`MMMM`:return d(l,s);case`D`:return t.$D;case`DD`:return T.s(t.$D,2,`0`);case`d`:return String(t.$W);case`dd`:return d(n.weekdaysMin,t.$W,c,2);case`ddd`:return d(n.weekdaysShort,t.$W,c,3);case`dddd`:return c[t.$W];case`H`:return String(a);case`HH`:return T.s(a,2,`0`);case`h`:return f(1);case`hh`:return f(2);case`a`:return m(a,o,!0);case`A`:return m(a,o,!1);case`m`:return String(o);case`mm`:return T.s(o,2,`0`);case`s`:return String(t.$s);case`ss`:return T.s(t.$s,2,`0`);case`SSS`:return T.s(t.$ms,3,`0`);case`Z`:return i}return null}(e)||i.replace(`:`,``)}))},_.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},_.diff=function(r,f,p){var m,h=this,g=T.p(f),_=w(r),v=(_.utcOffset()-this.utcOffset())*t,y=this-_,b=function(){return T.m(h,_)};switch(g){case d:m=b()/12;break;case l:m=b();break;case u:m=b()/3;break;case c:m=(y-v)/6048e5;break;case s:m=(y-v)/864e5;break;case o:m=y/n;break;case a:m=y/t;break;case i:m=y/e;break;default:m=y}return p?m:T.a(m)},_.daysInMonth=function(){return this.endOf(l).$D},_.$locale=function(){return b[this.$L]},_.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),r=C(e,t,!0);return r&&(n.$L=r),n},_.clone=function(){return T.w(this.$d,this)},_.toDate=function(){return new Date(this.valueOf())},_.toJSON=function(){return this.isValid()?this.toISOString():null},_.toISOString=function(){return this.$d.toISOString()},_.toString=function(){return this.$d.toUTCString()},g}(),D=E.prototype;return w.prototype=D,[[`$ms`,r],[`$s`,i],[`$m`,a],[`$H`,o],[`$W`,s],[`$M`,l],[`$y`,d],[`$D`,f]].forEach((function(e){D[e[1]]=function(t){return this.$g(t,e[0],e[1])}})),w.extend=function(e,t){return e.$i||=(e(t,E,w),!0),w},w.locale=C,w.isDayjs=S,w.unix=function(e){return w(1e3*e)},w.en=b[y],w.Ls=b,w.p={},w}))}))(),1),N=class e{static{this.dayjs=M.default}static s(t,n=`/`){return e.dayjs(t).format(`YYYY/MM/DD HH:mm:ss`.replace(/\//g,n))}static m(t,n=`/`){return e.dayjs(t).format(`YYYY/MM/DD HH:mm`.replace(/\//g,n))}static h(t,n=`/`){return e.dayjs(t).format(`YYYY/MM/DD HH`.replace(/\//g,n))}static d(t,n=`/`){return e.dayjs(t).format(`YYYY/MM/DD`.replace(/\//g,n))}static M(t,n=`/`){return e.dayjs(t).format(`YYYY/MM`.replace(/\//g,n))}static y(t){return e.dayjs(t).format(`YYYY`)}static date(t,n=`/`){return e.dayjs(t).format(`YYYY/MM/DD`.replace(/\//g,n))}static time(t){return e.dayjs(t).format(`HH:mm`)}static format(t,n=`YYYY/MM/DD HH:mm:ss`){return e.dayjs(t).format(n)}},P=class e{static get userAgent(){return window.navigator.userAgent.toLowerCase()}static get isFlutter(){return e.userAgent.match(/flutter/i)!==null}static get isFlutterIOS(){return e.isFlutter&&e.isIOS}static get isWeb(){return window.matchMedia(`(min-width: 992px)`).matches}static get isMobile(){return e.userAgent.match(/(phone|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)!==null}static get isIOS(){return e.userAgent.match(/iphone|ipad|ipod|ios/i)!==null}static get isWechat(){return e.userAgent.match(/MicroMessenger/i)!==null}static get isWxwork(){return e.userAgent.match(/MicroMessenger/i)!==null&&e.userAgent.match(/wxwork/i)!==null}static get isMiniprogram(){return e.userAgent.match(/MicroMessenger/i)!==null&&e.userAgent.match(/miniprogram/i)!==null}},F=[x];F.forEach(e=>{e.install=t=>{let n=e.name??e.__name;n&&t.component(n,e)}});var I={install(e,t){_(t),F.forEach(t=>e.use(t))}};exports.DateTime=N,exports.Formatter=A,exports.Platform=P,exports.Validate=j,exports.VueIcon=x,exports.default=I,exports.getLocale=b,exports.setLocale=y,exports.useBreak=C,exports.useCaptcha=w,exports.useIcon=T,exports.useLocale=v,exports.useNanoid=k;

package/dist/vue.d.ts

@@ -1,11 +1,26 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { default as default_2 } from 'dayjs';
 import { DefineComponent } from 'vue';
+import { nanoid } from 'nanoid';
 import { Plugin as Plugin_2 } from 'vue';
 import { PublicProps } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
 
+export declare class DateTime {
+    static dayjs: typeof default_2;
+    static s(date?: default_2.ConfigType, symbol?: string): string;
+    static m(date?: default_2.ConfigType, symbol?: string): string;
+    static h(date?: default_2.ConfigType, symbol?: string): string;
+    static d(date?: default_2.ConfigType, symbol?: string): string;
+    static M(date?: default_2.ConfigType, symbol?: string): string;
+    static y(date?: default_2.ConfigType): string;
+    static date(date?: default_2.ConfigType, symbol?: string): string;
+    static time(date?: default_2.ConfigType): string;
+    static format(date?: default_2.ConfigType, format?: string): string;
+}
+
 export declare class Formatter {
     static config: {
         locale?: string;
@@ -117,6 +132,18 @@ export declare interface IUploadUserFile {
     mimeType?: string;
 }
 
+export declare class Platform {
+    static get userAgent(): string;
+    static get isFlutter(): boolean;
+    static get isFlutterIOS(): boolean;
+    static get isWeb(): boolean;
+    static get isMobile(): boolean;
+    static get isIOS(): boolean;
+    static get isWechat(): boolean;
+    static get isWxwork(): boolean;
+    static get isMiniprogram(): boolean;
+}
+
 export declare const setLocale: (lang: string) => string;
 
 declare const useBreak_2: () => {
@@ -125,7 +152,7 @@ declare const useBreak_2: () => {
 };
 export { useBreak_2 as useBreak }
 
-declare const useCaptcha_2: (api: (data: any) => Promise<void>) => {
+declare const useCaptcha_2: (fetch: (data: any) => Promise<void>) => {
     waiting: globalThis.Ref<number, number>;
     send: (para?: {}) => Promise<unknown>;
 };
@@ -143,6 +170,12 @@ export declare const useLocale: () => {
     t: (path: string, params?: Record<string, string | number>) => string;
 };
 
+declare const useNanoid_2: () => {
+    nanoid: typeof nanoid;
+    numeric: (length?: number) => string;
+};
+export { useNanoid_2 as useNanoid }
+
 export declare class Validate {
     static country: string;
     static set: (country: string) => string;

package/dist/vue.mjs

@@ -1,7 +1,16 @@
 import { computed as e, createBlock as t, defineComponent as n, h as r, inject as i, normalizeStyle as a, onBeforeUnmount as o, onMounted as s, openBlock as c, provide as l, reactive as u, ref as d, unref as f, useCssVars as p } from "vue";
 import { Icon as m } from "@iconify/vue";
-//#region src/locale/zh-CN.ts
-var h = {
+//#region \0rolldown/runtime.js
+var h = Object.create, g = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, v = Object.getOwnPropertyNames, y = Object.getPrototypeOf, b = Object.prototype.hasOwnProperty, x = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), S = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = v(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !b.call(e, s) && s !== n && g(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = _(t, s)) || r.enumerable
+	});
+	return e;
+}, C = (e, t, n) => (n = e == null ? {} : h(y(e)), S(t || !e || !e.__esModule ? g(n, "default", {
+	value: e,
+	enumerable: !0
+}) : n, e)), w = {
 	cancel: "取消",
 	confirm: "确认",
 	empty: { noData: "暂无数据" },
@@ -9,7 +18,7 @@ var h = {
 		tip: "操作提示",
 		confirm: "操作确认"
 	}
-}, g = {
+}, T = {
 	cancel: "Cancel",
 	confirm: "Confirm",
 	empty: { noData: "No data" },
@@ -17,23 +26,23 @@ var h = {
 		tip: "Tip",
 		confirm: "Confirm"
 	}
-}, _ = () => {
+}, E = () => {
 	let e = ["en", "zh-CN"], t = localStorage.getItem("locale"), n = navigator.language;
 	return t && e.includes(t) ? t : n && e.includes(n) ? n : n && e.includes(n.split("-")[0]) ? n.split("-")[0] : e[0] ?? "zh-CN";
-}, v = Symbol("vue-locale"), y = d(_()), b = u({
-	en: g,
-	"zh-CN": h
-}), x = (e) => {
-	if (e?.locale && (y.value = e.locale), e?.messages) for (let [t, n] of Object.entries(e.messages)) b[t] = n;
-	return l(v, {
-		locale: y,
-		messages: b
+}, D = Symbol("vue-locale"), O = d(E()), k = u({
+	en: T,
+	"zh-CN": w
+}), A = (e) => {
+	if (e?.locale && (O.value = e.locale), e?.messages) for (let [t, n] of Object.entries(e.messages)) k[t] = n;
+	return l(D, {
+		locale: O,
+		messages: k
 	}), {
-		locale: y,
-		messages: b
+		locale: O,
+		messages: k
 	};
-}, S = () => {
-	let e = i(v, void 0), t = e?.locale ?? y, n = e?.messages ?? b;
+}, j = () => {
+	let e = i(D, void 0), t = e?.locale ?? O, n = e?.messages ?? k;
 	return {
 		locale: t,
 		t: (e, r) => {
@@ -43,7 +52,7 @@ var h = {
 			return r && typeof s == "string" && (s = s.replace(/\{(\w+)\}/g, (e, t) => r[t] === void 0 ? `{${t}}` : String(r[t]))), s;
 		}
 	};
-}, C = (e) => y.value = e, w = () => y.value, T = /* @__PURE__ */ ((e, t) => {
+}, M = (e) => O.value = e, N = () => O.value, P = /*#__PURE__*/ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
@@ -165,7 +174,46 @@ var h = {
 			"style"
 		]));
 	}
-}), [["__scopeId", "data-v-e336ca96"]]), E = class {
+}), [["__scopeId", "data-v-e336ca96"]]), F = 768, I = () => {
+	let t = d(typeof window < "u" ? window.matchMedia(`(min-width: ${F}px)`).matches : !0), n, r = (e) => t.value = e.matches;
+	s(() => {
+		typeof window > "u" || (n = window.matchMedia(`(min-width: ${F}px)`), t.value = n.matches, n.addEventListener("change", r));
+	}), o(() => n?.removeEventListener("change", r));
+	let i = e(() => t.value);
+	return {
+		isMobile: e(() => !t.value),
+		isDesktop: i
+	};
+}, L = (e) => {
+	let t = d(0), n = d(!1), r = (t = {}) => new Promise((r, a) => {
+		n.value || (n.value = !0, e(t).then(() => {
+			i(), r(!0);
+		}).catch((e) => a(e)).finally(() => n.value = !1));
+	}), i = () => {
+		t.value = 60;
+		let e = setInterval(() => {
+			t.value--, t.value || clearTimeout(e);
+		}, 1e3);
+	};
+	return {
+		waiting: t,
+		send: r
+	};
+}, R = () => ({ i: (e, t = {}) => e ? r(P, {
+	icon: e,
+	...t
+}) : void 0 }), z = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", B = (e = 21) => {
+	let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
+	for (; e--;) t += z[n[e] & 63];
+	return t;
+}, V = (e, t = 21) => (n = t) => {
+	let r = "", i = n | 0;
+	for (; i-- > 0;) r += e[Math.random() * e.length | 0];
+	return r;
+}, H = () => ({
+	nanoid: B,
+	numeric: (e = 10) => V("1234567890", e)()
+}), U = class {
 	static {
 		this.config = {};
 	}
@@ -210,7 +258,7 @@ var h = {
 	static {
 		this.currency = (e = 0, t) => this.price(e, t);
 	}
-}, D = class e {
+}, W = class e {
 	static {
 		this.country = "";
 	}
@@ -244,43 +292,368 @@ var h = {
 	static {
 		this.cname = (t) => e.cname_pattern.test(t);
 	}
-}, O = 768, k = () => {
-	let t = d(typeof window < "u" ? window.matchMedia(`(min-width: ${O}px)`).matches : !0), n, r = (e) => t.value = e.matches;
-	s(() => {
-		typeof window > "u" || (n = window.matchMedia(`(min-width: ${O}px)`), t.value = n.matches, n.addEventListener("change", r));
-	}), o(() => n?.removeEventListener("change", r));
-	let i = e(() => t.value);
-	return {
-		isMobile: e(() => !t.value),
-		isDesktop: i
-	};
-}, A = (e) => {
-	let t = d(0), n = d(!1), r = (t = {}) => new Promise((r, a) => {
-		n.value || (n.value = !0, e(t).then(() => {
-			i(), r(!0);
-		}).catch((e) => a(e)).finally(() => n.value = !1));
-	}), i = () => {
-		t.value = 60;
-		let e = setInterval(() => {
-			t.value--, t.value || clearTimeout(e);
-		}, 1e3);
-	};
-	return {
-		waiting: t,
-		send: r
-	};
-}, j = () => ({ i: (e, t = {}) => e ? r(T, {
-	icon: e,
-	...t
-}) : void 0 }), M = [T];
-M.forEach((e) => {
+}, G = /* @__PURE__ */ C((/* @__PURE__ */ x(((e, t) => {
+	(function(n, r) {
+		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
+	})(e, (function() {
+		var e = 1e3, t = 6e4, n = 36e5, r = "millisecond", i = "second", a = "minute", o = "hour", s = "day", c = "week", l = "month", u = "quarter", d = "year", f = "date", p = "Invalid Date", m = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, h = /\[([^\]]+)]|YYYY|YY|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g = {
+			name: "en",
+			weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
+			months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+			ordinal: function(e) {
+				var t = [
+					"th",
+					"st",
+					"nd",
+					"rd"
+				], n = e % 100;
+				return "[" + e + (t[(n - 20) % 10] || t[n] || t[0]) + "]";
+			}
+		}, _ = function(e, t, n) {
+			var r = String(e);
+			return !r || r.length >= t ? e : "" + Array(t + 1 - r.length).join(n) + e;
+		}, v = {
+			s: _,
+			z: function(e) {
+				var t = -e.utcOffset(), n = Math.abs(t), r = Math.floor(n / 60), i = n % 60;
+				return (t <= 0 ? "+" : "-") + _(r, 2, "0") + ":" + _(i, 2, "0");
+			},
+			m: function e(t, n) {
+				if (t.date() < n.date()) return -e(n, t);
+				var r = 12 * (n.year() - t.year()) + (n.month() - t.month()), i = t.clone().add(r, l), a = n - i < 0, o = t.clone().add(r + (a ? -1 : 1), l);
+				return +(-(r + (n - i) / (a ? i - o : o - i)) || 0);
+			},
+			a: function(e) {
+				return e < 0 ? Math.ceil(e) || 0 : Math.floor(e);
+			},
+			p: function(e) {
+				return {
+					M: l,
+					y: d,
+					w: c,
+					d: s,
+					D: f,
+					h: o,
+					m: a,
+					s: i,
+					ms: r,
+					Q: u
+				}[e] || String(e || "").toLowerCase().replace(/s$/, "");
+			},
+			u: function(e) {
+				return e === void 0;
+			}
+		}, y = "en", b = {};
+		b[y] = g;
+		var x = "$isDayjsObject", S = function(e) {
+			return e instanceof E || !(!e || !e[x]);
+		}, C = function e(t, n, r) {
+			var i;
+			if (!t) return y;
+			if (typeof t == "string") {
+				var a = t.toLowerCase();
+				b[a] && (i = a), n && (b[a] = n, i = a);
+				var o = t.split("-");
+				if (!i && o.length > 1) return e(o[0]);
+			} else {
+				var s = t.name;
+				b[s] = t, i = s;
+			}
+			return !r && i && (y = i), i || !r && y;
+		}, w = function(e, t) {
+			if (S(e)) return e.clone();
+			var n = typeof t == "object" ? t : {};
+			return n.date = e, n.args = arguments, new E(n);
+		}, T = v;
+		T.l = C, T.i = S, T.w = function(e, t) {
+			return w(e, {
+				locale: t.$L,
+				utc: t.$u,
+				x: t.$x,
+				$offset: t.$offset
+			});
+		};
+		var E = function() {
+			function g(e) {
+				this.$L = C(e.locale, null, !0), this.parse(e), this.$x = this.$x || e.x || {}, this[x] = !0;
+			}
+			var _ = g.prototype;
+			return _.parse = function(e) {
+				this.$d = function(e) {
+					var t = e.date, n = e.utc;
+					if (t === null) return /* @__PURE__ */ new Date(NaN);
+					if (T.u(t)) return /* @__PURE__ */ new Date();
+					if (t instanceof Date) return new Date(t);
+					if (typeof t == "string" && !/Z$/i.test(t)) {
+						var r = t.match(m);
+						if (r) {
+							var i = r[2] - 1 || 0, a = (r[7] || "0").substring(0, 3);
+							return n ? new Date(Date.UTC(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a)) : new Date(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a);
+						}
+					}
+					return new Date(t);
+				}(e), this.init();
+			}, _.init = function() {
+				var e = this.$d;
+				this.$y = e.getFullYear(), this.$M = e.getMonth(), this.$D = e.getDate(), this.$W = e.getDay(), this.$H = e.getHours(), this.$m = e.getMinutes(), this.$s = e.getSeconds(), this.$ms = e.getMilliseconds();
+			}, _.$utils = function() {
+				return T;
+			}, _.isValid = function() {
+				return this.$d.toString() !== p;
+			}, _.isSame = function(e, t) {
+				var n = w(e);
+				return this.startOf(t) <= n && n <= this.endOf(t);
+			}, _.isAfter = function(e, t) {
+				return w(e) < this.startOf(t);
+			}, _.isBefore = function(e, t) {
+				return this.endOf(t) < w(e);
+			}, _.$g = function(e, t, n) {
+				return T.u(e) ? this[t] : this.set(n, e);
+			}, _.unix = function() {
+				return Math.floor(this.valueOf() / 1e3);
+			}, _.valueOf = function() {
+				return this.$d.getTime();
+			}, _.startOf = function(e, t) {
+				var n = this, r = !!T.u(t) || t, u = T.p(e), p = function(e, t) {
+					var i = T.w(n.$u ? Date.UTC(n.$y, t, e) : new Date(n.$y, t, e), n);
+					return r ? i : i.endOf(s);
+				}, m = function(e, t) {
+					return T.w(n.toDate()[e].apply(n.toDate("s"), (r ? [
+						0,
+						0,
+						0,
+						0
+					] : [
+						23,
+						59,
+						59,
+						999
+					]).slice(t)), n);
+				}, h = this.$W, g = this.$M, _ = this.$D, v = "set" + (this.$u ? "UTC" : "");
+				switch (u) {
+					case d: return r ? p(1, 0) : p(31, 11);
+					case l: return r ? p(1, g) : p(0, g + 1);
+					case c:
+						var y = this.$locale().weekStart || 0, b = (h < y ? h + 7 : h) - y;
+						return p(r ? _ - b : _ + (6 - b), g);
+					case s:
+					case f: return m(v + "Hours", 0);
+					case o: return m(v + "Minutes", 1);
+					case a: return m(v + "Seconds", 2);
+					case i: return m(v + "Milliseconds", 3);
+					default: return this.clone();
+				}
+			}, _.endOf = function(e) {
+				return this.startOf(e, !1);
+			}, _.$set = function(e, t) {
+				var n, c = T.p(e), u = "set" + (this.$u ? "UTC" : ""), p = (n = {}, n[s] = u + "Date", n[f] = u + "Date", n[l] = u + "Month", n[d] = u + "FullYear", n[o] = u + "Hours", n[a] = u + "Minutes", n[i] = u + "Seconds", n[r] = u + "Milliseconds", n)[c], m = c === s ? this.$D + (t - this.$W) : t;
+				if (c === l || c === d) {
+					var h = this.clone().set(f, 1);
+					h.$d[p](m), h.init(), this.$d = h.set(f, Math.min(this.$D, h.daysInMonth())).$d;
+				} else p && this.$d[p](m);
+				return this.init(), this;
+			}, _.set = function(e, t) {
+				return this.clone().$set(e, t);
+			}, _.get = function(e) {
+				return this[T.p(e)]();
+			}, _.add = function(r, u) {
+				var f, p = this;
+				r = Number(r);
+				var m = T.p(u), h = function(e) {
+					var t = w(p);
+					return T.w(t.date(t.date() + Math.round(e * r)), p);
+				};
+				if (m === l) return this.set(l, this.$M + r);
+				if (m === d) return this.set(d, this.$y + r);
+				if (m === s) return h(1);
+				if (m === c) return h(7);
+				var g = (f = {}, f[a] = t, f[o] = n, f[i] = e, f)[m] || 1, _ = this.$d.getTime() + r * g;
+				return T.w(_, this);
+			}, _.subtract = function(e, t) {
+				return this.add(-1 * e, t);
+			}, _.format = function(e) {
+				var t = this, n = this.$locale();
+				if (!this.isValid()) return n.invalidDate || p;
+				var r = e || "YYYY-MM-DDTHH:mm:ssZ", i = T.z(this), a = this.$H, o = this.$m, s = this.$M, c = n.weekdays, l = n.months, u = n.meridiem, d = function(e, n, i, a) {
+					return e && (e[n] || e(t, r)) || i[n].slice(0, a);
+				}, f = function(e) {
+					return T.s(a % 12 || 12, e, "0");
+				}, m = u || function(e, t, n) {
+					var r = e < 12 ? "AM" : "PM";
+					return n ? r.toLowerCase() : r;
+				};
+				return r.replace(h, (function(e, r) {
+					return r || function(e) {
+						switch (e) {
+							case "YY": return String(t.$y).slice(-2);
+							case "YYYY": return T.s(t.$y, 4, "0");
+							case "M": return s + 1;
+							case "MM": return T.s(s + 1, 2, "0");
+							case "MMM": return d(n.monthsShort, s, l, 3);
+							case "MMMM": return d(l, s);
+							case "D": return t.$D;
+							case "DD": return T.s(t.$D, 2, "0");
+							case "d": return String(t.$W);
+							case "dd": return d(n.weekdaysMin, t.$W, c, 2);
+							case "ddd": return d(n.weekdaysShort, t.$W, c, 3);
+							case "dddd": return c[t.$W];
+							case "H": return String(a);
+							case "HH": return T.s(a, 2, "0");
+							case "h": return f(1);
+							case "hh": return f(2);
+							case "a": return m(a, o, !0);
+							case "A": return m(a, o, !1);
+							case "m": return String(o);
+							case "mm": return T.s(o, 2, "0");
+							case "s": return String(t.$s);
+							case "ss": return T.s(t.$s, 2, "0");
+							case "SSS": return T.s(t.$ms, 3, "0");
+							case "Z": return i;
+						}
+						return null;
+					}(e) || i.replace(":", "");
+				}));
+			}, _.utcOffset = function() {
+				return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+			}, _.diff = function(r, f, p) {
+				var m, h = this, g = T.p(f), _ = w(r), v = (_.utcOffset() - this.utcOffset()) * t, y = this - _, b = function() {
+					return T.m(h, _);
+				};
+				switch (g) {
+					case d:
+						m = b() / 12;
+						break;
+					case l:
+						m = b();
+						break;
+					case u:
+						m = b() / 3;
+						break;
+					case c:
+						m = (y - v) / 6048e5;
+						break;
+					case s:
+						m = (y - v) / 864e5;
+						break;
+					case o:
+						m = y / n;
+						break;
+					case a:
+						m = y / t;
+						break;
+					case i:
+						m = y / e;
+						break;
+					default: m = y;
+				}
+				return p ? m : T.a(m);
+			}, _.daysInMonth = function() {
+				return this.endOf(l).$D;
+			}, _.$locale = function() {
+				return b[this.$L];
+			}, _.locale = function(e, t) {
+				if (!e) return this.$L;
+				var n = this.clone(), r = C(e, t, !0);
+				return r && (n.$L = r), n;
+			}, _.clone = function() {
+				return T.w(this.$d, this);
+			}, _.toDate = function() {
+				return new Date(this.valueOf());
+			}, _.toJSON = function() {
+				return this.isValid() ? this.toISOString() : null;
+			}, _.toISOString = function() {
+				return this.$d.toISOString();
+			}, _.toString = function() {
+				return this.$d.toUTCString();
+			}, g;
+		}(), D = E.prototype;
+		return w.prototype = D, [
+			["$ms", r],
+			["$s", i],
+			["$m", a],
+			["$H", o],
+			["$W", s],
+			["$M", l],
+			["$y", d],
+			["$D", f]
+		].forEach((function(e) {
+			D[e[1]] = function(t) {
+				return this.$g(t, e[0], e[1]);
+			};
+		})), w.extend = function(e, t) {
+			return e.$i ||= (e(t, E, w), !0), w;
+		}, w.locale = C, w.isDayjs = S, w.unix = function(e) {
+			return w(1e3 * e);
+		}, w.en = b[y], w.Ls = b, w.p = {}, w;
+	}));
+})))(), 1), K = class e {
+	static {
+		this.dayjs = G.default;
+	}
+	static s(t, n = "/") {
+		return e.dayjs(t).format("YYYY/MM/DD HH:mm:ss".replace(/\//g, n));
+	}
+	static m(t, n = "/") {
+		return e.dayjs(t).format("YYYY/MM/DD HH:mm".replace(/\//g, n));
+	}
+	static h(t, n = "/") {
+		return e.dayjs(t).format("YYYY/MM/DD HH".replace(/\//g, n));
+	}
+	static d(t, n = "/") {
+		return e.dayjs(t).format("YYYY/MM/DD".replace(/\//g, n));
+	}
+	static M(t, n = "/") {
+		return e.dayjs(t).format("YYYY/MM".replace(/\//g, n));
+	}
+	static y(t) {
+		return e.dayjs(t).format("YYYY");
+	}
+	static date(t, n = "/") {
+		return e.dayjs(t).format("YYYY/MM/DD".replace(/\//g, n));
+	}
+	static time(t) {
+		return e.dayjs(t).format("HH:mm");
+	}
+	static format(t, n = "YYYY/MM/DD HH:mm:ss") {
+		return e.dayjs(t).format(n);
+	}
+}, q = class e {
+	static get userAgent() {
+		return window.navigator.userAgent.toLowerCase();
+	}
+	static get isFlutter() {
+		return e.userAgent.match(/flutter/i) !== null;
+	}
+	static get isFlutterIOS() {
+		return e.isFlutter && e.isIOS;
+	}
+	static get isWeb() {
+		return window.matchMedia("(min-width: 992px)").matches;
+	}
+	static get isMobile() {
+		return e.userAgent.match(/(phone|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) !== null;
+	}
+	static get isIOS() {
+		return e.userAgent.match(/iphone|ipad|ipod|ios/i) !== null;
+	}
+	static get isWechat() {
+		return e.userAgent.match(/MicroMessenger/i) !== null;
+	}
+	static get isWxwork() {
+		return e.userAgent.match(/MicroMessenger/i) !== null && e.userAgent.match(/wxwork/i) !== null;
+	}
+	static get isMiniprogram() {
+		return e.userAgent.match(/MicroMessenger/i) !== null && e.userAgent.match(/miniprogram/i) !== null;
+	}
+}, J = [P];
+J.forEach((e) => {
 	e.install = (t) => {
 		let n = e.name ?? e.__name;
 		n && t.component(n, e);
 	};
 });
-var N = { install(e, t) {
-	x(t), M.forEach((t) => e.use(t));
+var Y = { install(e, t) {
+	A(t), J.forEach((t) => e.use(t));
 } };
 //#endregion
-export { E as Formatter, D as Validate, T as VueIcon, N as default, w as getLocale, C as setLocale, k as useBreak, A as useCaptcha, j as useIcon, S as useLocale };
+export { K as DateTime, U as Formatter, q as Platform, W as Validate, P as VueIcon, Y as default, N as getLocale, M as setLocale, I as useBreak, L as useCaptcha, R as useIcon, j as useLocale, H as useNanoid };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gindow/vue",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Vue3 通用基础包，包含工具函数、Hooks、类型定义、国际化、基础样式",
   "type": "module",
   "license": "MIT",
@@ -8,16 +8,22 @@
   "types": "./dist/vue.d.ts",
   "exports": {
     ".": {
+      "@source": "./src/index.ts",
       "types": "./dist/vue.d.ts",
       "import": "./dist/vue.mjs",
       "require": "./dist/vue.cjs"
     },
     "./resolver": {
+      "@source": "./src/resolver.ts",
       "types": "./dist/resolver.d.ts",
       "import": "./dist/resolver.mjs",
       "require": "./dist/resolver.cjs"
     },
-    "./style.css": "./dist/style.css",
+    "./style.css": {
+      "@source": "./src/style.css",
+      "import": "./dist/style.css",
+      "require": "./dist/style.css"
+    },
     "./src/*": "./src/*",
     "./package.json": "./package.json"
   },
@@ -34,25 +40,51 @@
   },
   "peerDependencies": {
     "@iconify/vue": "^5.0.0",
+    "@visactor/vchart": "^2.0.0",
+    "@vueuse/core": "^12.0.0 || ^13.0.0 || ^14.0.0",
+    "dayjs": "^1.11.0",
+    "lodash": "^4.17.0",
+    "nanoid": "^5.0.0",
     "vue": "^3.5.0"
   },
   "peerDependenciesMeta": {
     "@iconify/vue": {
       "optional": true
+    },
+    "@visactor/vchart": {
+      "optional": true
+    },
+    "@vueuse/core": {
+      "optional": true
+    },
+    "dayjs": {
+      "optional": true
+    },
+    "lodash": {
+      "optional": true
+    },
+    "nanoid": {
+      "optional": true
     }
   },
   "devDependencies": {
     "@iconify/vue": "^5.0.1",
-    "@tailwindcss/vite": "^4.3.0",
-    "@types/node": "^22.19.20",
+    "@tailwindcss/vite": "^4.3.2",
+    "@types/lodash": "^4.17.24",
+    "@types/node": "^22.20.0",
+    "@visactor/vchart": "^2.1.2",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/tsconfig": "^0.5.1",
-    "tailwindcss": "^4.3.0",
+    "@vueuse/core": "^14.3.0",
+    "dayjs": "^1.11.21",
+    "lodash": "^4.18.1",
+    "nanoid": "^5.1.16",
+    "tailwindcss": "^4.3.2",
     "typescript": "^5.9.3",
     "unplugin-auto-import": "^21.0.0",
-    "vite": "^8.0.16",
+    "vite": "^8.1.1",
     "vite-plugin-dts": "^4.5.4",
-    "vue": "^3.5.35",
+    "vue": "^3.5.39",
     "vue-tsc": "^2.2.12"
   }
 }

package/src/components/chart/index.ts

@@ -0,0 +1,29 @@
+import VChart, { type ISpec } from '@visactor/vchart'
+import { computed, watch, onUnmounted } from 'vue'
+import { useDark } from '@vueuse/core'
+
+export { default as vBar } from './vBar.vue'
+export { default as vFunnel } from './vFunnel.vue'
+export { default as vLine } from './vLine.vue'
+export { default as vNum } from './vNum.vue'
+export { default as vPie } from './vPie.vue'
+
+export const useChart = () => {
+
+  let chart: VChart
+
+  const isDark = useDark()
+  const theme = computed(() => isDark.value ? 'dark' : 'light')
+  const draw = (spec: ISpec, dom?: HTMLDivElement) => {
+    chart = new VChart(spec, { dom })
+    chart.setCurrentThemeSync(theme.value).renderAsync()
+  }
+
+  watch(() => isDark.value, () => chart.setCurrentThemeSync(theme.value).renderSync())
+
+  const update = (spec: ISpec) => chart.updateSpec(spec).then(() => chart.renderSync())
+
+  onUnmounted(() => chart && chart.release())
+
+  return { draw, update }
+}

package/src/components/chart/vBar.vue

@@ -0,0 +1,51 @@
+<template>
+  <div ref="chartRef" class="h-full min-h-60" />
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import type { IModel } from '../../types'
+import { ref, computed, watch, onMounted } from 'vue'
+import { useChart } from '.'
+
+const { title, props, values } = defineProps({
+  title: { type: String, required: true },
+  props: { type: Object, default: () => ({}) },
+  values: { type: Array as PropType<IModel[]> },
+})
+
+const chartRef = ref<HTMLDivElement>()
+const spec = computed(() => ({
+  type: 'bar',
+  xField: props.xField ?? 'month',
+  yField: props.yField ?? 'sales',
+  background: 'transparent',
+  data: [
+    {
+      values: values ?? [
+        { month: 'Monday', sales: 22 },
+        { month: 'Tuesday', sales: 13 },
+        { month: 'Wednesday', sales: 25 },
+        { month: 'Thursday', sales: 29 },
+        { month: 'Friday', sales: 38 }
+      ]
+    }
+  ],
+  axes: [
+    props.autoRotate ? {
+      orient: 'bottom',
+      sampling: false,
+      label: {
+        autoRotate: true
+      }
+    } : {}
+  ],
+  title: { text: title, textStyle: { fontSize: 14 } },
+}))
+
+const chart = useChart()
+
+watch(() => values, () => chart.update(spec.value))
+
+onMounted(() => chart.draw(spec.value, chartRef.value))
+</script>

package/src/components/chart/vFunnel.vue

@@ -0,0 +1,36 @@
+<template>
+  <div ref="chartRef" class="h-full min-h-60" />
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import type { IModel } from '../../types'
+import { ref, onMounted } from 'vue'
+import { useChart } from '.'
+
+const { title, values } = defineProps({
+  title: { type: String, required: true },
+  props: { type: Object, default: () => ({}) },
+  values: { type: Array as PropType<IModel[]>, default: () => ([]) },
+})
+
+const chartRef = ref<HTMLDivElement>()
+const spec = {
+  type: 'funnel',
+  categoryField: 'name',
+  valueField: 'value',
+  background: 'transparent',
+  isTransform: true,
+  isCone: false,
+  data: [{ values }],
+  title: { text: title },
+  transformLabel: { visible: true },
+  outerLabel: {
+    position: 'right',
+    visible: true,
+  },
+  legends: [{ visible: true }],
+}
+
+onMounted(() => useChart().draw(spec, chartRef.value))
+</script>

package/src/components/chart/vLine.vue

@@ -0,0 +1,79 @@
+<template>
+  <div ref="chartRef" class="h-full min-h-60" />
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import type { ISpec } from '@visactor/vchart'
+import type { IModel } from '../../types'
+import { ref, computed, watch, onMounted } from 'vue'
+import { useChart } from '.'
+import _ from 'lodash'
+
+const { title, props, values, ...rest } = defineProps({
+  title: { type: String },
+  props: { type: Object, default: () => ({}) },
+  series: { type: Array as PropType<IModel[]> },
+  values: { type: Array as PropType<IModel[]> },
+  spec: { type: Object as PropType<ISpec> },
+})
+
+const chartRef = ref<HTMLDivElement>()
+const chart = useChart()
+const chartSpec = computed(() => _.merge({}, {
+  type: 'line',
+  xField: 'label',
+  yField: 'value',
+  seriesField: 'series',
+  background: 'transparent',
+  stack: true,
+  data: {
+    values: values ?? [
+      { label: 'Nail polish', series: 'Africa', value: 4229 },
+      { label: 'Nail polish', series: 'China', value: 3054 },
+      { label: 'Nail polish', series: 'USA', value: 12814 },
+      { label: 'Eyebrow pencil', series: 'Africa', value: 3932 },
+      { label: 'Eyebrow pencil', series: 'China', value: 5067 },
+      { label: 'Eyebrow pencil', series: 'USA', value: 13012 },
+      { label: 'Rouge', series: 'Africa', value: 5221 },
+      { label: 'Rouge', series: 'China', value: 7004 },
+      { label: 'Rouge', series: 'USA', value: 11624 },
+      { label: 'Lipstick', series: 'Africa', value: 9256 },
+      { label: 'Lipstick', series: 'China', value: 9054 },
+      { label: 'Lipstick', series: 'USA', value: 8814 },
+      { label: 'Eyeshadows', series: 'Africa', value: 3308 },
+      { label: 'Eyeshadows', series: 'China', value: 12043 },
+      { label: 'Eyeshadows', series: 'USA', value: 12998 },
+      { label: 'Eyeliner', series: 'Africa', value: 5432 },
+      { label: 'Eyeliner', series: 'China', value: 15067 },
+      { label: 'Eyeliner', series: 'USA', value: 12321 },
+      { label: 'Foundation', series: 'Africa', value: 13701 },
+      { label: 'Foundation', series: 'China', value: 10119 },
+      { label: 'Foundation', series: 'USA', value: 10342 },
+      { label: 'Lip gloss', series: 'Africa', value: 4008 },
+      { label: 'Lip gloss', series: 'China', value: 12043 },
+      { label: 'Lip gloss', series: 'USA', value: 22998 },
+      { label: 'Mascara', series: 'Africa', value: 18712 },
+      { label: 'Mascara', series: 'China', value: 10419 },
+      { label: 'Mascara', series: 'USA', value: 11261 }
+    ]
+  },
+  title: { text: title, textStyle: { fontSize: 14 } },
+  line: {
+    style: { lineWidth: 1 }
+  },
+}, props))
+
+const spec = computed(() => rest.spec || chartSpec.value)
+
+let drawn = false
+
+watch(spec, value => {
+  if (drawn) chart.update(value)
+}, { deep: true })
+
+onMounted(() => {
+  chart.draw(spec.value, chartRef.value)
+  drawn = true
+})
+</script>

package/src/components/chart/vNum.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="v-num h-full min-h-40 flex-center text-center bg-color-overlay">
+    <div class="text-sm">
+      <div v-if="icon" class="flex-center">
+        <div class="icon" :style="{ backgroundColor: color }">
+          <vue-icon :icon />
+        </div>
+      </div>
+      <div class="mt-3 text-2xl">{{ (amount).toLocaleString() }}</div>
+      <div class="mt-1">{{ title }}</div>
+      <div v-if="growth !== null" class="mt-2" :class="raise ? 'text-green' : 'text-red'">{{ raise ? '+' : '' }}{{ growth }}</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import VueIcon from '../VueIcon.vue';
+
+const { growth } = defineProps({
+  icon: { type: String },
+  color: { type: String, default: '#093' },
+  title: { type: String, default: 'Total' },
+  amount: { type: Number, default: 0 },
+  growth: { type: [Number, String], default: null },
+})
+
+const value = computed(() => typeof growth === 'string' ?  Number(growth.match(/-?\d+(\.\d+)?/g)?.[0] || 0) : growth as number)
+const raise = computed(() => value.value > 0)
+</script>
+
+<style scoped>
+.v-num .icon { display: inline-flex; color: #fff; padding: 8px; border-radius: 50%; }
+</style>

package/src/components/chart/vPie.vue

@@ -0,0 +1,52 @@
+<template>
+  <div ref="chartRef" class="h-full min-h-60" />
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import type { IModel } from '../../types'
+import { ref, computed, watch, onMounted } from 'vue'
+import { useChart } from '.'
+import _ from 'lodash'
+
+const { title, props, values } = defineProps({
+  title: { type: String, required: true },
+  props: { type: Object, default: () => ({}) },
+  values: { type: Array as PropType<IModel[]> },
+})
+
+const chartRef = ref<HTMLDivElement>()
+const chart = useChart()
+const spec = computed(() => _.merge({}, {
+  type: 'pie',
+  valueField: 'value',
+  categoryField: 'type',
+  background: 'transparent',
+  outerRadius: 1,
+  innerRadius: 0.4,
+  data: [
+    {
+      values: values ?? [
+        { type: 'oxygen', value: '46.60' },
+        { type: 'silicon', value: '27.72' },
+        { type: 'aluminum', value: '8.13' },
+        { type: 'iron', value: '5' },
+        { type: 'calcium', value: '3.63' },
+      ]
+    }
+  ],
+  title: { text: title, textStyle: { fontSize: 14 } },
+  label: { visible: true },
+}, props))
+
+let drawn = false
+
+watch(spec, value => {
+  if (drawn) chart.update(value)
+}, { deep: true })
+
+onMounted(() => {
+  chart.draw(spec.value, chartRef.value)
+  drawn = true
+})
+</script>

package/src/hooks/useCaptcha.ts

@@ -1,6 +1,6 @@
 import { ref } from 'vue'
 
-export const useCaptcha = (api: (data: any) => Promise<void>) => {
+export const useCaptcha = (fetch: (data: any) => Promise<void>) => {
 
   const waiting = ref(0)
   const loading = ref(false)
@@ -9,7 +9,7 @@ export const useCaptcha = (api: (data: any) => Promise<void>) => {
     return new Promise((resolve, reject) => {
       if (loading.value) return
       loading.value = true
-      api(para).then(() => {
+      fetch(para).then(() => {
         timer()
         resolve(true)
       }).catch(err => reject(err))

package/src/hooks/useNanoid.ts

@@ -0,0 +1,9 @@
+import { nanoid } from 'nanoid'
+import { customAlphabet } from 'nanoid/non-secure'
+
+export const useNanoid = () => {
+
+  const numeric = (length = 10) => customAlphabet('1234567890', length)()
+
+  return { nanoid, numeric }
+}

package/src/index.ts

@@ -22,11 +22,13 @@ const Vue: Plugin = {
   },
 }
 
-export * from './types'
-export * from './utils'
 export { useBreak } from './hooks/useBreak'
 export { useCaptcha } from './hooks/useCaptcha'
 export { useIcon } from './hooks/useIcon'
+export { useNanoid } from './hooks/useNanoid'
+
+export * from './types'
+export * from './utils'
 
 export default Vue
 

package/src/libs/auto-imports.d.ts

@@ -56,7 +56,6 @@ declare global {
   const useAttrs: typeof import('vue').useAttrs
   const useBreak: typeof import('../hooks/useBreak').useBreak
   const useCaptcha: typeof import('../hooks/useCaptcha').useCaptcha
-  const useChat: typeof import('../hooks/useChat').useChat
   const useCssModule: typeof import('vue').useCssModule
   const useCssVars: typeof import('vue').useCssVars
   const useIcon: typeof import('../hooks/useIcon').useIcon

package/src/utils/datetime.ts

@@ -0,0 +1,42 @@
+import dayjs from 'dayjs'
+
+export class DateTime {
+
+  static dayjs = dayjs
+
+  static s(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH:mm:ss'.replace(/\//g, symbol))
+  }
+
+  static m(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH:mm'.replace(/\//g, symbol))
+  }
+
+  static h(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH'.replace(/\//g, symbol))
+  }
+
+  static d(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD'.replace(/\//g, symbol))
+  }
+
+  static M(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM'.replace(/\//g, symbol))
+  }
+
+  static y(date?: dayjs.ConfigType) {
+    return DateTime.dayjs(date).format('YYYY')
+  }
+
+  static date(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD'.replace(/\//g, symbol))
+  }
+
+  static time(date?: dayjs.ConfigType) {
+    return DateTime.dayjs(date).format('HH:mm')
+  }
+
+  static format(date?: dayjs.ConfigType, format = 'YYYY/MM/DD HH:mm:ss') {
+    return DateTime.dayjs(date).format(format)
+  }
+}

package/src/utils/index.ts

@@ -1,2 +1,4 @@
 export { Formatter } from './formatter'
 export { Validate } from './validate'
+export { DateTime } from './datetime'
+export { Platform } from './platform'

package/src/utils/platform.ts

@@ -0,0 +1,38 @@
+export class Platform {
+
+  static get userAgent() {
+    return window.navigator.userAgent.toLowerCase()
+  }
+
+  static get isFlutter() {
+    return Platform.userAgent.match(/flutter/i) !== null
+  }
+
+  static get isFlutterIOS() {
+    return Platform.isFlutter && Platform.isIOS
+  }
+
+  static get isWeb() {
+    return window.matchMedia('(min-width: 992px)').matches
+  }
+
+  static get isMobile() {
+    return Platform.userAgent.match(/(phone|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) !== null
+  }
+
+  static get isIOS() {
+    return Platform.userAgent.match(/iphone|ipad|ipod|ios/i) !== null
+  }
+
+  static get isWechat() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null
+  }
+
+  static get isWxwork() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null && Platform.userAgent.match(/wxwork/i) !== null
+  }
+
+  static get isMiniprogram() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null && Platform.userAgent.match(/miniprogram/i) !== null
+  }
+}