使用compositionAPi重构国际化mixin

src/config-provider/useConfig.tsx

@@ -0,0 +1,50 @@
+/* eslint-disable no-console */
+import { computed, inject, Ref } from 'vue';
+import defaultConfig from './zh_CN_config';
+
+export * from './type';
+
+/**
+ * receive component global config
+ * @param componentName
+ * @returns {t, global}
+ */
+export default function useConfig<T>(componentName: string) {
+  const global = computed(() => {
+    const globalConfig = inject('globalConfig', {});
+    const defaultConfigData = defaultConfig[componentName];
+    if (globalConfig && globalConfig[componentName]) {
+      return {
+        ...defaultConfigData,
+        ...globalConfig[componentName],
+      };
+    }
+    return defaultConfigData;
+  });
+
+  // 处理正则表达式
+  const t = function <T>(pattern: T, data?: Record<string, string | number>) {
+    if (typeof pattern === 'string') {
+      if (!data) return pattern;
+      const regular = /\{\s*([\w-]+)\s*\}/g;
+      const translated = pattern.replace(regular, (match, key) => {
+        if (data) {
+          return String(data[key]);
+        }
+        return '';
+      });
+      return translated;
+    }
+    if (typeof pattern === 'function') {
+      return pattern(data);
+    }
+    return '';
+  };
+
+  const classPrefix = 't';
+  return {
+    t,
+    ...global.value,
+    classPrefix,
+  };
+}