@gindow/vant-go 1.0.0

package/src/env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/src/hooks/useCaptcha.ts

@@ -0,0 +1,27 @@
+export const useCaptcha = (api: (data: any) => Promise<void>) => {
+
+  const waiting = ref(0)
+  const loading = ref(false)
+
+  const send = (para = {}) => {
+    return new Promise((resolve, reject) => {
+      if (loading.value) return
+      loading.value = true
+      api(para).then(() => {
+        timer()
+        resolve(true)
+      }).catch(err => reject(err))
+        .finally(() => loading.value = false)
+    })
+  }
+
+  const timer = () => {
+    waiting.value = 60
+    const time = setInterval(() => {
+      waiting.value--
+      if (!waiting.value) clearTimeout(time)
+    }, 1000)
+  }
+
+  return { waiting, send }
+}

package/src/hooks/useMessage.ts

@@ -0,0 +1,19 @@
+import { showToast, showSuccessToast, showFailToast, showDialog, showConfirmDialog, showLoadingToast, type ToastOptions } from 'vant'
+import { useLocale } from '../locale'
+// import 'vant/es/toast/style'
+// import 'vant/es/dialog/style'
+// import 'vant/es/notify/style'
+
+export const useMessage = () => {
+  const { t } = useLocale()
+
+  const message = (message: string, options = {}) => showToast({ message, ...options })
+  const success = (message: string, options = {}) => showSuccessToast({ message, ...options })
+  const error = (message: string, options = {}) => showFailToast({ message, ...options })
+  const warning = (message: string, options = {}) => showFailToast({ message, ...options })
+  const dialog = (message: string, title?: string, options = {}) => showDialog({ message, title: title ?? t('dialog.tip'), ...options })
+  const confirm = (message: string, title?: string, options = {}) => showConfirmDialog({ message, title: title ?? t('dialog.confirm'), ...options })
+  const loading = (options: string | ToastOptions) => showLoadingToast(options)
+
+  return { message, success, error, warning, dialog, confirm, loading }
+}

package/src/index.ts

@@ -0,0 +1,73 @@
+import type { App, Plugin } from 'vue'
+import { provider, setLocale, getLocale, useLocale } from './locale'
+import VaxAssetPreview from './components/VaxAssetPreview.vue'
+import VaxAvatar from './components/VaxAvatar.vue'
+import VaxButton from './components/VaxButton.vue'
+import VaxCaptcha from './components/VaxCaptcha.vue'
+import VaxCell from './components/VaxCell.vue'
+import VaxCellGroup from './components/VaxCellGroup.vue'
+import VaxEmpty from './components/VaxEmpty.vue'
+import VaxField from './components/VaxField.vue'
+import VaxIcon from './components/VaxIcon.vue'
+import VaxLoading from './components/VaxLoading.vue'
+import VaxNavBar from './components/VaxNavBar.vue'
+import VaxPage from './components/VaxPage.vue'
+import VaxSelect from './components/VaxSelect.vue'
+import VaxTabbar from './components/VaxTabbar.vue'
+import VaxTabs from './components/VaxTabs.vue'
+
+const components = [
+  VaxAssetPreview,
+  VaxAvatar,
+  VaxButton,
+  VaxCaptcha,
+  VaxCell,
+  VaxCellGroup,
+  VaxEmpty,
+  VaxField,
+  VaxIcon,
+  VaxLoading,
+  VaxNavBar,
+  VaxPage,
+  VaxSelect,
+  VaxTabbar,
+  VaxTabs,
+]
+
+components.forEach((c) => {
+  ;(c as unknown as Plugin).install = (app: App) => {
+    const name =
+      (c as { name?: string }).name ?? (c as { __name?: string }).__name
+    if (name) app.component(name, c)
+  }
+})
+
+const VantGo: Plugin = {
+  install(app, options?: { locale?: string; messages?: Record<string, any> }) {
+    provider(options)
+    components.forEach((c) => app.use(c as unknown as Plugin))
+  },
+}
+
+export default VantGo
+export {
+  VaxAssetPreview,
+  VaxAvatar,
+  VaxButton,
+  VaxCaptcha,
+  VaxCell,
+  VaxCellGroup,
+  VaxEmpty,
+  VaxField,
+  VaxIcon,
+  VaxLoading,
+  VaxNavBar,
+  VaxPage,
+  VaxSelect,
+  VaxTabbar,
+  VaxTabs,
+  provider,
+  setLocale,
+  getLocale,
+  useLocale,
+}

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

@@ -0,0 +1,84 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const Validate: typeof import('../utils/validate').Validate
+  const computed: typeof import('vue').computed
+  const createApp: typeof import('vue').createApp
+  const customRef: typeof import('vue').customRef
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const effectScope: typeof import('vue').effectScope
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const inject: typeof import('vue').inject
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeRouteLeave: typeof import('vue-router').onBeforeRouteLeave
+  const onBeforeRouteUpdate: typeof import('vue-router').onBeforeRouteUpdate
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const provide: typeof import('vue').provide
+  const reactive: typeof import('vue').reactive
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const resolveComponent: typeof import('vue').resolveComponent
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const toRaw: typeof import('vue').toRaw
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const unref: typeof import('vue').unref
+  const useAttrs: typeof import('vue').useAttrs
+  const useCaptcha: typeof import('../hooks/useCaptcha').useCaptcha
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVars: typeof import('vue').useCssVars
+  const useId: typeof import('vue').useId
+  const useLink: typeof import('vue-router').useLink
+  const useMessage: typeof import('../hooks/useMessage').useMessage
+  const useModel: typeof import('vue').useModel
+  const useRoute: typeof import('vue-router').useRoute
+  const useRouter: typeof import('vue-router').useRouter
+  const useSlots: typeof import('vue').useSlots
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const watch: typeof import('vue').watch
+  const watchEffect: typeof import('vue').watchEffect
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+  // @ts-ignore
+  export type { Validate } from '../utils/validate'
+  import('../utils/validate')
+}

package/src/libs/components.d.ts

@@ -0,0 +1,51 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    VanActionSheet: typeof import('vant/es')['ActionSheet']
+    VanBadge: typeof import('vant/es')['Badge']
+    VanButton: typeof import('vant/es')['Button']
+    VanCell: typeof import('vant/es')['Cell']
+    VanCellGroup: typeof import('vant/es')['CellGroup']
+    VanCheckbox: typeof import('vant/es')['Checkbox']
+    VanCheckboxGroup: typeof import('vant/es')['CheckboxGroup']
+    VanDatePicker: typeof import('vant/es')['DatePicker']
+    VanDialog: typeof import('vant/es')['Dialog']
+    VanEmpty: typeof import('vant/es')['Empty']
+    VanField: typeof import('vant/es')['Field']
+    VanImage: typeof import('vant/es')['Image']
+    VanImagePreview: typeof import('vant/es')['ImagePreview']
+    VanLoading: typeof import('vant/es')['Loading']
+    VanNavBar: typeof import('vant/es')['NavBar']
+    VanPicker: typeof import('vant/es')['Picker']
+    VanPopup: typeof import('vant/es')['Popup']
+    VanSpace: typeof import('vant/es')['Space']
+    VanTag: typeof import('vant/es')['Tag']
+    VaxAssetPreview: typeof import('./../components/VaxAssetPreview.vue')['default']
+    VaxAvatar: typeof import('./../components/VaxAvatar.vue')['default']
+    VaxButton: typeof import('./../components/VaxButton.vue')['default']
+    VaxCaptcha: typeof import('./../components/VaxCaptcha.vue')['default']
+    VaxCell: typeof import('./../components/VaxCell.vue')['default']
+    VaxCellGroup: typeof import('./../components/VaxCellGroup.vue')['default']
+    VaxEmpty: typeof import('./../components/VaxEmpty.vue')['default']
+    VaxField: typeof import('./../components/VaxField.vue')['default']
+    VaxIcon: typeof import('./../components/VaxIcon.vue')['default']
+    VaxLoading: typeof import('./../components/VaxLoading.vue')['default']
+    VaxNavBar: typeof import('./../components/VaxNavBar.vue')['default']
+    VaxPage: typeof import('./../components/VaxPage.vue')['default']
+    VaxSelect: typeof import('./../components/VaxSelect.vue')['default']
+    VaxTabbar: typeof import('./../components/VaxTabbar.vue')['default']
+    VaxTabs: typeof import('./../components/VaxTabs.vue')['default']
+  }
+}

package/src/locale/en-US.ts

@@ -0,0 +1,24 @@
+export default {
+  cancel: 'Cancel',
+  confirm: 'Confirm',
+  auth: {
+    phone: 'Phone',
+    otp: 'OTP',
+    enterPhone: 'Enter Phone Number',
+    enterOTP: 'Enter OTP',
+    getOTP: 'Get OTP',
+    viaWhatsApp: 'Via WhatsApp',
+    viaPhone: 'Via SMS',
+  },
+  message: {
+    otpSent: 'OTP sent',
+    phoneInvalid: 'Invalid phone number',
+  },
+  empty: {
+    noData: 'No data',
+  },
+  dialog: {
+    tip: 'Tip',
+    confirm: 'Confirm',
+  },
+}

package/src/locale/index.ts

@@ -0,0 +1,65 @@
+import { getCurrentInstance, inject, provide, reactive, ref } from 'vue'
+import zhCN from './zh-CN'
+import enUS from './en-US'
+
+type Messages = Record<string, any>
+
+const getStoredLocale = (): string => {
+  const availableCodes = ['en', 'zh-CN']
+  const storageLocale = localStorage.getItem('locale')
+  const browserLocale = navigator.language
+  if (storageLocale && availableCodes.includes(storageLocale)) return storageLocale
+  else if (browserLocale && availableCodes.includes(browserLocale as string)) return browserLocale as string // 完全匹配
+  else if (browserLocale && availableCodes.includes(browserLocale.split('-')[0] as string)) return browserLocale.split('-')[0] as string // 部分匹配
+  else return availableCodes[0] ?? 'zh-CN' // 未匹配
+}
+
+const LOCALE_INJECTION_KEY = Symbol('vant-go-locale')
+const locale = ref<string>(getStoredLocale())
+
+// Vant Go 自带语言底座
+const base: Messages = { 'en': enUS, 'en-US': enUS, 'zh-CN': zhCN }
+const messages: Messages = reactive({ 'en': enUS, 'zh-CN': zhCN })
+
+const fallbackCode = (code: string): string => (code.toLowerCase().startsWith('zh') ? 'zh-CN' : 'en-US')
+
+const deepGet = (obj: Messages | undefined, keys: string[]): unknown => {
+  let result: any = obj
+  for (const key of keys) {
+    result = result?.[key]
+    if (result === undefined) return undefined
+  }
+  return result
+}
+
+export const provider = (opts?: { locale?: string; messages?: Messages }) => {
+  if (opts?.locale) locale.value = opts.locale
+  if (opts?.messages) {
+    for (const [key, value] of Object.entries(opts.messages)) {
+      messages[key] = value
+    }
+  }
+  if (getCurrentInstance()) provide(LOCALE_INJECTION_KEY, { locale, messages })
+  return { locale, messages }
+}
+
+export const useLocale = () => {
+  const injected = inject<{ locale: typeof locale; messages: typeof messages } | undefined>(LOCALE_INJECTION_KEY, undefined)
+  const currentLocale = injected?.locale ?? locale
+  const currentMessages = injected?.messages ?? messages
+
+  const t = (path: string, params?: Record<string, string | number>): string => {
+    const keys = path.replace(/\[(\d+)]/g, '.$1').split('.')
+    let result = deepGet(currentMessages[currentLocale.value], keys)
+    if (result === undefined) result = deepGet(base[fallbackCode(currentLocale.value)], keys)
+    let text = (result ?? path) as string
+    if (params && typeof text === 'string') text = text.replace(/\{(\w+)\}/g, (_, k) => params[k] !== undefined ? String(params[k]) : `{${k}}`)
+    return text
+  }
+
+  return { locale: currentLocale, t }
+}
+
+export const setLocale = (lang: string) => locale.value = lang
+
+export const getLocale = () => locale.value

package/src/locale/zh-CN.ts

@@ -0,0 +1,24 @@
+export default {
+  cancel: '取消',
+  confirm: '确认',
+  auth: {
+    phone: '手机号',
+    otp: '验证码',
+    enterPhone: '请输入手机号',
+    enterOTP: '请输入验证码',
+    getOTP: '获取验证码',
+    viaWhatsApp: '通过WhatsApp发送',
+    viaPhone: '通过短信发送',
+  },
+  message: {
+    otpSent: '验证码已发送',
+    phoneInvalid: '手机号格式不正确',
+  },
+  empty: {
+    noData: '暂无数据',
+  },
+  dialog: {
+    tip: '操作提示',
+    confirm: '操作确认',
+  },
+}

package/src/resolver.ts

@@ -0,0 +1,26 @@
+export interface VantGoResolverOptions {
+  /**
+   * 是否自动导入 vant-go 的聚合样式文件。
+   * 默认 true：每次解析到 Vax* 组件时附带 `vant-go/style.css` 副作用导入
+   * （unplugin-vue-components 会去重，不会重复打包）。
+   * 设为 false 时需在应用入口手动 `import 'vant-go/style.css'`。
+   */
+  importStyle?: boolean
+  /** 自定义前缀，默认 'Vax' */
+  prefix?: string
+}
+
+export function VantGoResolver(options: VantGoResolverOptions = {}) {
+  const { importStyle = true, prefix = 'Vax' } = options
+  return {
+    type: 'component' as const,
+    resolve(name: string) {
+      if (!name.startsWith(prefix)) return
+      return {
+        name,
+        from: 'vant-go',
+        sideEffects: importStyle ? 'vant-go/style.css' : undefined,
+      }
+    },
+  }
+}

package/src/style.css

@@ -0,0 +1,46 @@
+@import "@gindow/vue/style.css";
+
+body {
+  font-size: var(--van-font-size-md);
+  color: var(--van-text-color);
+  background-color: var(--van-background);
+}
+
+/** 公共样式 */
+.bg-primary { background-color: var(--van-primary-color); }
+.text-primary { color: var(--van-primary-color); }
+.text-success { color: var(--van-success-color); }
+.text-warning { color: var(--van-warning-color); }
+.text-danger { color: var(--van-danger-color); }
+.border-primary { border-color: var(--van-primary-color); }
+
+/* Layout */
+.buttons { padding: var(--van-padding-xl); }
+.buttons > .van-button + .van-button { margin-top: var(--van-padding-md); }
+.van-field .captcha { float: right; background: transparent; color: var(--van-primary-color); border: 0; padding: 0 5px; min-width: 45px; height: 24px; }
+.van-field .captcha .van-button--disabled { color: #ccc; }
+
+/** 菜单样式 */
+.van-cell-group.menu { border: 1px solid var(--van-gray-2); }
+.van-cell-group.menu .van-cell { --van-switch-size: 20px; }
+.van-cell-group.menu .van-cell > .i-icon { margin-right: var(--van-padding-md); }
+.van-cell-group--inset + .van-cell-group--inset { margin-top: var(--van-padding-md); }
+.van-cell-group__title {
+  padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) !important;
+  font-size: var(--van-font-size-sm) !important;
+  font-weight: 500;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+/* Toast */
+.van-toast { word-break: break-word !important; }
+
+/* Form */
+.van-field--label-top .van-field__label .van-field__required { color: var(--van-danger-color); }
+.van-field--label-top .van-field__label {
+  font-size: 11px;
+  color: var(--van-primary-color);
+  text-transform: uppercase;
+  font-weight: 500;
+}

package/src/types/index.ts

@@ -0,0 +1,15 @@
+export interface IModel {
+  id?: string | any
+  created_at?: string
+  updated_at?: string
+  deleted_at?: string
+  [property: string]: any
+}
+
+export interface IAsset extends IModel {
+  id: string
+  type: string
+  title: string
+  url: string
+  shrink: string
+}

package/src/utils/validate.ts

@@ -0,0 +1,23 @@
+export class Validate {
+
+  static country: string = '' // 国家
+
+  static set = (country: string) => this.country = country
+
+  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 email_pattern = /^([a-zA-Z0-9_\.-]+)@([\da-zA-Z\.-]+)\.([a-zA-Z\.]{2,6})$/
+  static idcard_pattern  = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
+  static cname_pattern = /^(?:[\u4e00-\u9fa5·]{2,16})$/
+  static password_pattern = /^(?![A-Za-z]+$)(?![0-9]+$)(?![^A-Za-z0-9]+$).{8,20}$/
+
+  // 校验方法
+  static phone = (str: string) => Validate.phone_pattern.test(str)
+  static email = (str: string) => Validate.email_pattern.test(str)
+  static idcard = (str: string) => Validate.idcard_pattern.test(str)
+  static cname = (str: string) => Validate.cname_pattern.test(str)
+}