@ray-js/t-agent-ui-ray 0.1.0-beta-4 → 0.1.0-beta-5

package/dist/MessageInput/index.js

@@ -13,13 +13,11 @@ import imageSvg from './icons/image.svg';
 import videoSvg from './icons/video.svg';
 import loadingSvg from './icons/loading.svg';
 import closeCircleSvg from './icons/close-circle.svg';
-import { useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEvent, useRenderOptions } from '../hooks';
+import { useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEvent, useRenderOptions, useTranslate } from '../hooks';
 import AsrInput from './AsrInput';
 export default function MessageInput(props) {
   const [moreOpen, setMoreOpen] = useState(false);
-  const {
-    i18nTranslate: t
-  } = useRenderOptions();
+  const t = useTranslate();
   const [text, setText] = useState('');
   const [asrText, setAsrText] = useState('');
   const attachmentInput = useAttachmentInput();

package/dist/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useAsrInput';
 export * from './useSleep';
 export * from './useIsUnmounted';
 export * from './useLongPress';
+export * from './useTranslate';

package/dist/hooks/index.js

@@ -3,4 +3,5 @@ export * from './useAttachmentInput';
 export * from './useAsrInput';
 export * from './useSleep';
 export * from './useIsUnmounted';
-export * from './useLongPress';
+export * from './useLongPress';
+export * from './useTranslate';

package/dist/hooks/useLongPress.js

@@ -5,8 +5,7 @@ import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import { useState, useEffect, useCallback } from 'react';
 import logger from '../logger';
-import { useRenderOptions } from './context';
-import { useChatAgent } from '.';
+import { useChatAgent, useTranslate } from '.';
 
 /**
  * 预定义动作类型
@@ -34,9 +33,7 @@ export function useLongPress() {
     }
   });
   const agent = useChatAgent();
-  const {
-    i18nTranslate: t
-  } = useRenderOptions();
+  const t = useTranslate();
   const [screenSize, setScreenSize] = useState({
     width: 0,
     height: 0
@@ -124,11 +121,20 @@ export function useLongPress() {
           menuItems.push({
             key: 'like',
             label: t('t-agent.message.action.like'),
-            action: () => {
-              ty.showToast({
-                title: t('t-agent.message.like.success'),
-                icon: 'none'
-              });
+            action: async () => {
+              const {
+                feedback
+              } = agent.plugins.assistant;
+              if (typeof feedback === 'function') {
+                await feedback({
+                  requestId: message.id,
+                  type: 'like'
+                });
+                ty.showToast({
+                  title: t('t-agent.message.like.success'),
+                  icon: 'none'
+                });
+              }
             }
           });
           break;
@@ -136,11 +142,20 @@ export function useLongPress() {
           menuItems.push({
             key: 'unlike',
             label: t('t-agent.message.action.unlike'),
-            action: () => {
-              ty.showToast({
-                title: t('t-agent.message.unlike.success'),
-                icon: 'none'
-              });
+            action: async () => {
+              const {
+                feedback
+              } = agent.plugins.assistant;
+              if (typeof feedback === 'function') {
+                await feedback({
+                  requestId: message.id,
+                  type: 'unlike'
+                });
+                ty.showToast({
+                  title: t('t-agent.message.unlike.success'),
+                  icon: 'none'
+                });
+              }
             }
           });
           break;

package/dist/hooks/useTranslate.d.ts

@@ -0,0 +1,2 @@
+export declare const translateWith: (key: string, i18nTranslate: (key: string) => string) => string;
+export declare const useTranslate: () => (key: string) => string;

package/dist/hooks/useTranslate.js

@@ -0,0 +1,62 @@
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useRenderOptions } from './context';
+import { useCallback } from 'react';
+import strings from '../i18n/strings';
+const keyRE = /^t-agent\./;
+const langRE = {
+  'zh-Hans': /^zh([-_](hans|cn|zh))/i,
+  'zh-Hant': /^zh([-_](hant|tw|hk|mo))/i,
+  en: /^en([-_](us|gb))/i,
+  ja: /^ja([-_](jp))/i,
+  de: /^de([-_](de))/i,
+  fr: /^fr([-_](fr))/i,
+  es: /^es([-_](es))/i,
+  it: /^it([-_](it))/i
+};
+const keys = Object.keys(langRE);
+const cache = new Map();
+const normalizeLanguage = lang => {
+  if (langRE[lang]) {
+    return lang;
+  }
+  if (cache.has(lang)) {
+    return cache.get(lang);
+  }
+  for (const key of keys) {
+    if (langRE[key].test(lang)) {
+      cache.set(lang, key);
+      return key;
+    }
+  }
+  cache.set(lang, 'en');
+  // 默认返回英文
+  return 'en';
+};
+const translateCache = new Map();
+export const translateWith = (key, i18nTranslate) => {
+  if (translateCache.has(key)) {
+    return translateCache.get(key);
+  }
+  const result = i18nTranslate(key);
+  // result 全等于 key 说明没有翻译，使用内置翻译
+  if (result === key && keyRE.test(key)) {
+    var _strings$language;
+    let {
+      language
+    } = ty.getSystemInfoSync();
+    language = normalizeLanguage(language);
+    if ((_strings$language = strings[language]) !== null && _strings$language !== void 0 && _strings$language[key]) {
+      translateCache.set(key, strings[language][key]);
+      return strings[language][key];
+    }
+  }
+  translateCache.set(key, result);
+  return result;
+};
+export const useTranslate = () => {
+  const {
+    i18nTranslate
+  } = useRenderOptions();
+  return useCallback(key => translateWith(key, i18nTranslate), [i18nTranslate]);
+};