aldehyde 0.2.480 → 0.2.481

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

@@ -1,121 +1,121 @@
-.quick-entrance {
-    position: relative;
-    overflow: hidden;
-    border-radius: 0.75rem;
-    padding: 1.25rem;
-    border: 1px solid;
-
-    .heard {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        .title {
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-
-            .line {
-                width: 0.25rem;
-                height: 1.25rem;
-                border-radius: 9999px;
-            }
-
-            .text {
-                font-weight: 600;
-                margin: 0;
-            }
-        }
-    }
-
-    .quick-action {
-        transition-property: all;
-        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-        transition-duration: .15s;
-        padding: 12px;
-        border-radius: 8px;
-        overflow: hidden;
-        cursor: pointer;
-        display: flex;
-        justify-content: center;
-        align-content: space-between;
-        flex-wrap: wrap;
-        position: relative;
-
-        .menu-title {
-            width: 100%;
-            text-align: center;
-            color: var(--ant-color-text-secondary);
-            margin-top: 8px;
-        }
-
-
-        .icon-wrapper {
-            position: relative;
-            display: flex;
-            height: 3rem;
-            width: 3rem;
-            align-items: center;
-            justify-content: center;
-            transition-property: all;
-            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-            transition-duration: 0.3s;
-            animation-duration: 0.3s;
-            border-radius: 0.75rem;
-            opacity: 1;
-        }
-
-        .icon-animated {
-            font-size: 24px;
-            transition-property: all;
-            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-            transition-duration: 300ms;
-        }
-
-        .quick-action-bg {
-            position: absolute;
-            top: 0;
-            left: 0;
-            transition-property: opacity;
-            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-            transition-duration: .3s;
-            opacity: 0;
-            width: 100%;
-            height: 100%;
-        }
-    }
-
-    .quick-action:hover {
-        transform: translateY(-1px);
-
-        .icon-animated {
-            transform: scale(1.1) rotate(6deg);
-        }
-
-        .quick-action-bg {
-            opacity: 1;
-        }
-
-        .menu-title {
-            font-weight: bolder;
-            color: var(--ant-color-text-base)
-        }
-    }
-
-    .items-grid {
-        display: grid;
-        margin-top: 1rem;
-        grid-template-columns: repeat(3, minmax(0, 1fr));
-        gap: 0.5rem;
-
-        @media (min-width: 740px) {
-            grid-template-columns: repeat(4, minmax(0, 1fr));
-        }
-
-        @media (min-width: 840px) {
-            grid-template-columns: repeat(5, minmax(0, 1fr));
-        }
-
-    }
-
+.quick-entrance {
+    position: relative;
+    overflow: hidden;
+    border-radius: 0.75rem;
+    padding: 1.25rem;
+    border: 1px solid;
+
+    .heard {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .title {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+
+            .line {
+                width: 0.25rem;
+                height: 1.25rem;
+                border-radius: 9999px;
+            }
+
+            .text {
+                font-weight: 600;
+                margin: 0;
+            }
+        }
+    }
+
+    .quick-action {
+        transition-property: all;
+        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+        transition-duration: .15s;
+        padding: 12px;
+        border-radius: 8px;
+        overflow: hidden;
+        cursor: pointer;
+        display: flex;
+        justify-content: center;
+        align-content: space-between;
+        flex-wrap: wrap;
+        position: relative;
+
+        .menu-title {
+            width: 100%;
+            text-align: center;
+            color: var(--ant-color-text-secondary);
+            margin-top: 8px;
+        }
+
+
+        .icon-wrapper {
+            position: relative;
+            display: flex;
+            height: 3rem;
+            width: 3rem;
+            align-items: center;
+            justify-content: center;
+            transition-property: all;
+            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+            transition-duration: 0.3s;
+            animation-duration: 0.3s;
+            border-radius: 0.75rem;
+            opacity: 1;
+        }
+
+        .icon-animated {
+            font-size: 24px;
+            transition-property: all;
+            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+            transition-duration: 300ms;
+        }
+
+        .quick-action-bg {
+            position: absolute;
+            top: 0;
+            left: 0;
+            transition-property: opacity;
+            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+            transition-duration: .3s;
+            opacity: 0;
+            width: 100%;
+            height: 100%;
+        }
+    }
+
+    .quick-action:hover {
+        transform: translateY(-1px);
+
+        .icon-animated {
+            transform: scale(1.1) rotate(6deg);
+        }
+
+        .quick-action-bg {
+            opacity: 1;
+        }
+
+        .menu-title {
+            font-weight: bolder;
+            color: var(--ant-color-text-base)
+        }
+    }
+
+    .items-grid {
+        display: grid;
+        margin-top: 1rem;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        gap: 0.5rem;
+
+        @media (min-width: 740px) {
+            grid-template-columns: repeat(4, minmax(0, 1fr));
+        }
+
+        @media (min-width: 840px) {
+            grid-template-columns: repeat(5, minmax(0, 1fr));
+        }
+
+    }
+
 }

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

@@ -1,80 +1,80 @@
-import React, { useState, useEffect } from "react";
-import { theme } from "antd";
-import { RocketTwoTone } from "@ant-design/icons";
-import { useNavigate } from "react-router-dom";
-import "antd/dist/reset.css";
-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 "./quick-entrance.less";
-
-const { useToken } = theme;
-
-interface MenuType extends Level2Menu {
-  url: string;
-}
-
-interface Props {
-  layoutRootPath?: string;
-  menus: MenuType[];
-}
-
-const Index = (props: Props) => {
-  const { layoutRootPath, menus } = props;
-  const [l2Menus, setL2Menus] = useState<MenuType[]>([]);
-  const navigate = useNavigate();
-  const { translate } = useLocale();
-  const { token } = useToken();
-
-  const getL2Menus = async () => {
-    let temData: Level2Menu[] = await HCDataSource.fastMenu("QuickQueryBar");
-    let temMenu: MenuType[] = [];
-    if (!temData?.length) {
-      temMenu = menus.slice(0, 5) || [];
-    } else {
-      temData.forEach(item => {
-        const { id, pageType, defaultCriteriaValue, customPath, dragDropPageId, fullScreen } = item;
-        if (!item.disabled) {
-          const url = handleMenuItemUrl(id, pageType, defaultCriteriaValue, customPath, dragDropPageId, fullScreen, layoutRootPath);
-          temMenu.push({ ...item, url });
-        }
-      });
-    }
-    setL2Menus(temMenu);
-  };
-
-
-  useEffect(() => {
-    if (menus?.length) {
-      getL2Menus();
-    }
-  }, [menus]);
-
-  const renderItem = (item: MenuType) => {
-    const renderIcon = item.icon ? <IconFont type={item.icon} /> : <RocketTwoTone />;
-    const iconColor = item.themeColor || token.colorPrimary;
-    return <div className="quick-action" onClick={() => navigate(`/${item.url}`)}>
-      <div className="quick-action-bg" style={{ background: ` ${iconColor}1A` }} />
-      <div className={`icon-wrapper`} style={{ color: iconColor, background: ` ${iconColor}1A` }}>
-        <div className="icon-animated">{renderIcon}</div>
-      </div>
-      <span className="menu-title">{translate("${" + item.title + "}")}</span>
-    </div>;
-  }
-
-  return <div className="quick-entrance" style={{ borderColor: `${token.colorBorder}CC`, backgroundColor: token.colorBgContainer }}>
-    <div className="heard">
-      <div className="title">
-        <div className="line" style={{ background: token.colorPrimary }} />
-        <h3 className="text">{translate("${快捷操作}")}</h3>
-      </div>
-    </div>
-    <div className="items-grid">
-      {l2Menus.map((item) => renderItem(item))}
-    </div>
-  </div>;
-}
-
-export default Index;
+import React, { useState, useEffect } from "react";
+import { theme } from "antd";
+import { RocketTwoTone } from "@ant-design/icons";
+import { useNavigate } from "react-router-dom";
+import "antd/dist/reset.css";
+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 "./quick-entrance.less";
+
+const { useToken } = theme;
+
+interface MenuType extends Level2Menu {
+  url: string;
+}
+
+interface Props {
+  layoutRootPath?: string;
+  menus: MenuType[];
+}
+
+const Index = (props: Props) => {
+  const { layoutRootPath, menus } = props;
+  const [l2Menus, setL2Menus] = useState<MenuType[]>([]);
+  const navigate = useNavigate();
+  const { translate } = useLocale();
+  const { token } = useToken();
+
+  const getL2Menus = async () => {
+    let temData: Level2Menu[] = await HCDataSource.fastMenu("QuickQueryBar");
+    let temMenu: MenuType[] = [];
+    if (!temData?.length) {
+      temMenu = menus.slice(0, 5) || [];
+    } else {
+      temData.forEach(item => {
+        const { id, pageType, defaultCriteriaValue, customPath, dragDropPageId, fullScreen } = item;
+        if (!item.disabled) {
+          const url = handleMenuItemUrl(id, pageType, defaultCriteriaValue, customPath, dragDropPageId, fullScreen, layoutRootPath);
+          temMenu.push({ ...item, url });
+        }
+      });
+    }
+    setL2Menus(temMenu);
+  };
+
+
+  useEffect(() => {
+    if (menus?.length) {
+      getL2Menus();
+    }
+  }, [menus]);
+
+  const renderItem = (item: MenuType) => {
+    const renderIcon = item.icon ? <IconFont type={item.icon} /> : <RocketTwoTone />;
+    const iconColor = item.themeColor || token.colorPrimary;
+    return <div className="quick-action" onClick={() => navigate(`/${item.url}`)}>
+      <div className="quick-action-bg" style={{ background: ` ${iconColor}1A` }} />
+      <div className={`icon-wrapper`} style={{ color: iconColor, background: ` ${iconColor}1A` }}>
+        <div className="icon-animated">{renderIcon}</div>
+      </div>
+      <span className="menu-title">{translate("${" + item.title + "}")}</span>
+    </div>;
+  }
+
+  return <div className="quick-entrance" style={{ borderColor: `${token.colorBorder}CC`, backgroundColor: token.colorBgContainer }}>
+    <div className="heard">
+      <div className="title">
+        <div className="line" style={{ background: token.colorPrimary }} />
+        <h3 className="text">{translate("${快捷操作}")}</h3>
+      </div>
+    </div>
+    <div className="items-grid">
+      {l2Menus.map((item) => renderItem(item))}
+    </div>
+  </div>;
+}
+
+export default Index;