@maple-design/cli-vue 0.0.0-stage → 1.1.0

package/template/generators/config/i18n/tsx/src/locale/en-US.ts

@@ -0,0 +1,7 @@
+import { Message } from './index'
+
+// for component's internal
+export default {
+  // Button component
+  button: 'Button',
+} as Message

package/template/generators/config/i18n/tsx/src/locale/index.ts

@@ -0,0 +1,82 @@
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import zhCN from './zh-CN'
+
+export type Message = {
+  // Button component
+  button: string
+
+  // internal
+  lang?: string
+  [key: PropertyKey]: any
+}
+
+type ValueOf<T> = T[keyof T]
+
+const { hasOwnProperty } = Object.prototype
+
+const hasOwn = <T extends object>(val: T, key: PropertyKey): key is keyof T => hasOwnProperty.call(val, key)
+
+function useLocale<T = Message>() {
+  const messages: Record<string, Partial<T>> = {}
+  const currentMessage: Ref<Partial<T>> = ref({})
+
+  const add = (lang: string, message: Partial<T> & { lang?: string }) => {
+    message.lang = lang
+    messages[lang] = message
+  }
+
+  const use = (lang: string) => {
+    if (!messages[lang]) {
+      console.warn(`The ${lang} does not exist. You can mount a language message using the add method`)
+      return {}
+    }
+
+    currentMessage.value = messages[lang]
+  }
+
+  const merge = (lang: string, message: Partial<T>) => {
+    if (!messages[lang]) {
+      console.warn(`The ${lang} does not exist. You can mount a language message using the add method`)
+      return
+    }
+
+    messages[lang] = { ...messages[lang], ...message }
+
+    use(lang)
+  }
+
+  const t = (id: string): ValueOf<T> | undefined => {
+    if (hasOwn(currentMessage.value, id)) {
+      return currentMessage.value[id]
+    }
+  }
+
+  return {
+    messages,
+    currentMessage,
+    add,
+    use,
+    merge,
+    t,
+  }
+}
+
+const { messages, currentMessage, add, use, merge, t } = useLocale()
+
+add('zh-CN', zhCN)
+use('zh-CN')
+
+export { messages, currentMessage, add, use, merge, t, useLocale }
+
+export const _LocaleComponent = { messages, currentMessage, add, use, merge, t, useLocale }
+
+export default {
+  messages,
+  currentMessage,
+  add,
+  use,
+  merge,
+  t,
+  useLocale,
+}

package/template/generators/config/i18n/tsx/src/locale/zh-CN.d.ts

@@ -0,0 +1,5 @@
+import type { Pack } from '../../types'
+
+declare const zhCN: Pack
+
+export default zhCN

package/template/generators/config/i18n/tsx/src/locale/zh-CN.ts

@@ -0,0 +1,7 @@
+import { Message } from './index'
+
+// for component's internal
+export default {
+  // Button component
+  button: '按钮',
+} as Message

package/template/generators/config/i18n/tsx/src/utils/components.ts

@@ -0,0 +1,20 @@
+import type { App, Component, Plugin } from 'vue'
+import { createNamespaceFn } from '@maple-design/shared-vue'
+
+export type ComponentWithInstall<T> = T & Plugin
+
+export function withInstall<T = Component>(component: Component, target?: T): ComponentWithInstall<T> {
+  const componentWithInstall = target ?? component
+
+  ;(componentWithInstall as ComponentWithInstall<T>).install = function (app: App) {
+    const { name } = component
+
+    if (name) {
+      app.component(name, component)
+    }
+  }
+
+  return componentWithInstall as ComponentWithInstall<T>
+}
+
+export const createNamespace = createNamespaceFn('va')