aldehyde 0.2.445 → 0.2.447

package/src/aldehyde/tmpl/interface.tsx

@@ -888,4 +888,6 @@ export interface ThemeConfig {
   styleTheme?: string;
   themeColor?: string;
   homeSourceId?: string; // 首页菜单
+  supportedLanguages?: string[]; // 支持语言
+  defaultLanguage?: string; // 默认语言
 }

package/src/aldehyde/units/index.tsx

@@ -1188,9 +1188,16 @@ export default {
   },
   toDefaultTheme(defTheme?: string) {
     const temTheme = defTheme || ProgramConfig.getDefaultTheme();
-    const hash = window.location.hash;
-    let newHash = hash.replace(regexTheme, `${temTheme}/home`);
-    window.location.hash = newHash;
+    let hash = window.location.hash;
+    if (regexTheme.test(hash)) {
+      hash = hash.replace(regexTheme, `${temTheme}/home`);
+      window.location.hash = hash;
+    } else {
+      const localVersion = localStorage.getItem("version");
+      if (!localVersion) {
+        window.location.hash = `#/${temTheme}/home`;
+      }
+    }
   },
   async getThemeConfig(serverKey?: string) {
     if (themeConfig) {

package/src/aldehyde/welcome/components/menu-card.tsx

@@ -5,6 +5,7 @@ import { useNavigate } from "react-router-dom";
 import "antd/dist/reset.css";
 import { MenuType } from "../../layout2/type/layout-type";
 import IconFont from "../../icon/aliIcon";
+import { useLocale } from "../../locale/useLocale";
 import "./menu-card.less";
 
 const { useToken } = theme;
@@ -18,6 +19,7 @@ const Index = (props: Props) => {
     const navigate = useNavigate();
     const [menu, setMenu] = useState<MenuType[]>([]);
     const { token } = useToken();
+    const { translate } = useLocale();
 
     useEffect(() => {
         if (menus?.length) {
@@ -29,14 +31,14 @@ const Index = (props: Props) => {
         const renderIcon = item.icon ? <IconFont type={item.icon} /> : <RocketTwoTone />;
         const iconColor = item.themeColor || token.colorPrimary;
         const children = item.children?.filter(r => !r.disabled).slice(0, 3) || [];
-        const funcDescription = item.funcDescription || `${children.map(r => r.label).join("、")}等功能`;
+        const funcDescription = item.funcDescription ? translate("${" + item.funcDescription + "}") : `${children.map(r => translate("${" + r.label + "}")).join("、")}${translate("${等功能}")}`;
         return <div className="item-card" style={{ borderColor: `${token.colorBorder}CC`, backgroundColor: token.colorBgContainer }} onClick={() => navigate(`/${item.url}`)}>
             <Space size={16} align="start" style={{ marginBottom: "16px" }}>
                 <div className="icon-wrapper" style={{ color: iconColor, background: `${iconColor}1A` }}>
                     <div className="icon-animated">{renderIcon}</div>
                 </div>
                 <div>
-                    <h3 className="item-title">{item.label}</h3>
+                    <h3 className="item-title">{translate("${" + item.label + "}")}</h3>
                     <p style={{ color: token.colorTextSecondary }}>
                         {funcDescription}
                     </p>
@@ -48,7 +50,7 @@ const Index = (props: Props) => {
                                     navigate(`/${cItem.url}`);
                                 }}
                                 key={cItem.id} className="tag" style={{ color: iconColor, background: `${iconColor}1A` }}>
-                                {cItem.label}
+                                {translate("${" + cItem.label + "}")}
                             </span>
                         ))}
                     </Flex>

package/src/aldehyde/welcome/components/page-card.tsx

@@ -82,7 +82,7 @@ const Index = (props: Props) => {
         <div className="heard">
             <div className="title">
                 <div className="line" style={{ background: token.colorPrimary }} />
-                <h3 className="text">{l2Menu?.title || "-"}</h3>
+                <h3 className="text">{translate("${" + (l2Menu?.title || "-") + "}")}</h3>
             </div>
             <div style={{ color: token.colorPrimary, cursor: "pointer" }} onClick={() => l2Menu?.url && navigate(`/${l2Menu.url}`)}>
                 {translate("${查看更多}")} <RightOutlined />

package/src/aldehyde/welcome/components/quick-entrance.tsx

@@ -60,7 +60,7 @@ const Index = (props: Props) => {
       <div className={`icon-wrapper`} style={{ color: iconColor, background: ` ${iconColor}1A` }}>
         <div className="icon-animated">{renderIcon}</div>
       </div>
-      <span className="menu-title">{item.title}</span>
+      <span className="menu-title">{translate("${" + item.title + "}")}</span>
     </div>;
   }
 

package/src/aldehyde/welcome/components/user-menus.tsx

@@ -67,7 +67,7 @@ const RenderDrawer = (props: DrawerProps) => {
 
   const handleTreeData = (arr: MenuType[]) => {
     return arr.map(item => {
-      const newItem = { ...item, key: item.id };
+      const newItem = { ...item, key: item.id, title: translate("${" + item.title + "}") };
       if (newItem.children && Array.isArray(newItem.children)) {
         newItem.children = handleTreeData(newItem.children);
       }
@@ -185,7 +185,7 @@ const Index = (props: Props) => {
       <div className={`icon-wrapper`} style={{ color: iconColor, background: ` ${iconColor}1A` }}>
         <div className="icon-animated">{renderIcon}</div>
       </div>
-      <span className="menu-title">{item.title}</span>
+      <span className="menu-title">{translate("${" + item.title + "}")}</span>
     </div>;
   };
 
@@ -219,7 +219,7 @@ const Index = (props: Props) => {
           <div className="icon-animated">{renderIcon}</div>
         </div>
         <div>
-          <h3 className="item-title" onClick={() => navigate(`/${item.url}`)}>{item.title}</h3>
+          <h3 className="item-title" onClick={() => navigate(`/${item.url}`)}>{translate("${" + item.title + "}")}</h3>
           <Flex gap="small" align="center" wrap>
             {children.map((cItem) => (
               <span
@@ -228,7 +228,7 @@ const Index = (props: Props) => {
                   onClickPageConfig({ ...cItem, url: item.url });
                 }}
                 key={cItem.recordCode} className="tag" style={{ color: iconColor, background: `${iconColor}1A` }}>
-                {cItem.name}
+                {translate("${" + cItem.name + "}")}
               </span>
             ))}
           </Flex>

package/src/aldehyde/welcome/components/workbench.tsx

@@ -8,6 +8,7 @@ import HCDataSource from "../../tmpl/hc-data-source";
 import { Level2Menu } from "../../tmpl/interface";
 import IconFont from "../../icon/aliIcon";
 import { handleMenuItemUrl } from "../../layout2/page";
+import { useLocale } from "../../locale/useLocale";
 import "./workbench.less";
 
 const { useToken } = theme;
@@ -29,6 +30,7 @@ const Workbench = (props: WorkbenchProps) => {
   const rowRef = useRef(null);
   const navigate = useNavigate();
   const { token } = useToken();
+  const { translate } = useLocale();
 
   const getL2Menus = async () => {
     let temData: Level2Menu[] = await HCDataSource.fastMenu("QuickPanel");
@@ -102,7 +104,7 @@ const Workbench = (props: WorkbenchProps) => {
           <div className="stat-card" style={{ borderColor: `${token.colorBorder}CC`, backgroundColor: token.colorBgContainer }} onClick={() => navigate(`/${item.url}`)}>
             <div className="bg-gradient" style={{ background: `radial-gradient(circle, ${iconColor}1A 0%, transparent 70%)` }} />
             <div >
-              <p className="card-title">{l2Menu.title}</p>
+              <p className="card-title">{translate("${" + l2Menu.title + "}")}</p>
               <p className="card-count" style={{ color: iconColor }}>{l2Menu.count || 0}</p>
             </div>
             <div className="icon-wrapper" style={{ color: iconColor, background: `${iconColor}1A` }}>