aldehyde 0.2.480 → 0.2.481

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

@@ -1,97 +1,97 @@
-.menu-card {
-    width: 100%;
-
-    .item-card {
-        position: relative;
-        overflow: hidden;
-        border-radius: 0.75rem;
-        padding: 1.25rem;
-        transition-property: transform, box-shadow;
-        display: flex;
-        align-items: flex-start;
-        justify-content: space-between;
-        border: 1px solid;
-        cursor: pointer;
-        height: 100%;
-
-        .ant-row {
-            width: 100%;
-        }
-
-        .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;
-        }
-
-        .item-title {
-            margin-bottom: 6px;
-            font-weight: 600;
-            font-size: 18px;
-        }
-
-        .tag {
-            padding: 4px 10px;
-            border-radius: 9999px;
-            font-size: 12px;
-            line-height: 16px;
-        }
-
-        .progress-bar {
-            overflow: hidden;
-            position: absolute;
-            right: 0;
-            bottom: 0;
-            left: 0;
-            border-bottom-right-radius: 0.75rem;
-            border-bottom-left-radius: 0.75rem;
-            height: 2px;
-
-            .bar {
-                height: 100%;
-                width: 100%;
-                transform-origin: left;
-                transform: scaleX(0);
-                transition-property: transform;
-                transition-duration: 500ms;
-                transition-timing-function: ease-out;
-            }
-        }
-
-    }
-
-    .item-card:hover {
-        transform: translateY(-1px);
-        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-
-        .icon-wrapper {
-            transform: scale(1.1);
-            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
-        }
-
-        .item-title {
-            color: var(--ant-color-primary);
-        }
-
-        .progress-bar .bar {
-            transform: scaleX(1);
-        }
-    }
-
-    .icon-animated {
-        font-size: 24px;
-        transition-property: all;
-        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-        transition-duration: 300ms;
-    }
-
+.menu-card {
+    width: 100%;
+
+    .item-card {
+        position: relative;
+        overflow: hidden;
+        border-radius: 0.75rem;
+        padding: 1.25rem;
+        transition-property: transform, box-shadow;
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        border: 1px solid;
+        cursor: pointer;
+        height: 100%;
+
+        .ant-row {
+            width: 100%;
+        }
+
+        .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;
+        }
+
+        .item-title {
+            margin-bottom: 6px;
+            font-weight: 600;
+            font-size: 18px;
+        }
+
+        .tag {
+            padding: 4px 10px;
+            border-radius: 9999px;
+            font-size: 12px;
+            line-height: 16px;
+        }
+
+        .progress-bar {
+            overflow: hidden;
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            border-bottom-right-radius: 0.75rem;
+            border-bottom-left-radius: 0.75rem;
+            height: 2px;
+
+            .bar {
+                height: 100%;
+                width: 100%;
+                transform-origin: left;
+                transform: scaleX(0);
+                transition-property: transform;
+                transition-duration: 500ms;
+                transition-timing-function: ease-out;
+            }
+        }
+
+    }
+
+    .item-card:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+
+        .icon-wrapper {
+            transform: scale(1.1);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
+        }
+
+        .item-title {
+            color: var(--ant-color-primary);
+        }
+
+        .progress-bar .bar {
+            transform: scaleX(1);
+        }
+    }
+
+    .icon-animated {
+        font-size: 24px;
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 300ms;
+    }
+
 }

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

@@ -1,70 +1,70 @@
-import React, { useEffect, useState } from "react";
-import { theme, Row, Col, Space, Flex } from "antd";
-import { RocketTwoTone } from "@ant-design/icons";
-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;
-
-interface Props {
-    menus: MenuType[];
-}
-
-const Index = (props: Props) => {
-    const { menus } = props;
-    const navigate = useNavigate();
-    const [menu, setMenu] = useState<MenuType[]>([]);
-    const { token } = useToken();
-    const { translate } = useLocale();
-
-    useEffect(() => {
-        if (menus?.length) {
-            setMenu(menus.slice(0, 4));
-        }
-    }, [menus]);
-
-    const renderItem = (item: MenuType) => {
-        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 ? 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">{translate("${" + item.label + "}")}</h3>
-                    <p style={{ color: token.colorTextSecondary }}>
-                        {funcDescription}
-                    </p>
-                    <Flex gap="small" align="center" wrap>
-                        {children.map((cItem) => (
-                            <span
-                                onClick={(e) => {
-                                    e.stopPropagation();
-                                    navigate(`/${cItem.url}`);
-                                }}
-                                key={cItem.id} className="tag" style={{ color: iconColor, background: `${iconColor}1A` }}>
-                                {translate("${" + cItem.label + "}")}
-                            </span>
-                        ))}
-                    </Flex>
-                </div>
-            </Space>
-            <div className="progress-bar"><div className="bar" style={{ backgroundColor: iconColor }} /></div>
-        </div>;
-    }
-
-    return <div className="menu-card">
-        <Row gutter={[16, 16]}>
-            {menu.map((item) => <Col span={12}>{renderItem(item)}</Col>)}
-        </Row>
-    </div>;
-}
-
-export default Index;
+import React, { useEffect, useState } from "react";
+import { theme, Row, Col, Space, Flex } from "antd";
+import { RocketTwoTone } from "@ant-design/icons";
+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;
+
+interface Props {
+    menus: MenuType[];
+}
+
+const Index = (props: Props) => {
+    const { menus } = props;
+    const navigate = useNavigate();
+    const [menu, setMenu] = useState<MenuType[]>([]);
+    const { token } = useToken();
+    const { translate } = useLocale();
+
+    useEffect(() => {
+        if (menus?.length) {
+            setMenu(menus.slice(0, 4));
+        }
+    }, [menus]);
+
+    const renderItem = (item: MenuType) => {
+        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 ? 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">{translate("${" + item.label + "}")}</h3>
+                    <p style={{ color: token.colorTextSecondary }}>
+                        {funcDescription}
+                    </p>
+                    <Flex gap="small" align="center" wrap>
+                        {children.map((cItem) => (
+                            <span
+                                onClick={(e) => {
+                                    e.stopPropagation();
+                                    navigate(`/${cItem.url}`);
+                                }}
+                                key={cItem.id} className="tag" style={{ color: iconColor, background: `${iconColor}1A` }}>
+                                {translate("${" + cItem.label + "}")}
+                            </span>
+                        ))}
+                    </Flex>
+                </div>
+            </Space>
+            <div className="progress-bar"><div className="bar" style={{ backgroundColor: iconColor }} /></div>
+        </div>;
+    }
+
+    return <div className="menu-card">
+        <Row gutter={[16, 16]}>
+            {menu.map((item) => <Col span={12}>{renderItem(item)}</Col>)}
+        </Row>
+    </div>;
+}
+
+export default Index;

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

@@ -1,50 +1,50 @@
-.page-card {
-    position: relative;
-    overflow: hidden;
-    border-radius: 0.75rem;
-    padding: 1.25rem 0;
-    border: 1px solid;
-
-    .heard {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 0 1.25rem;
-
-        .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;
-            }
-        }
-    }
-
-    .card-content {
-        min-height: 100px;
-        max-height: 454px;
-        overflow: auto;
-
-        .ant-layout {
-            background: transparent !important;
-
-            .ant-list-items {
-                padding: 0 1.25rem;
-            }
-        }
-
-        .actTable {
-            overflow: hidden;
-        }
-    }
-
+.page-card {
+    position: relative;
+    overflow: hidden;
+    border-radius: 0.75rem;
+    padding: 1.25rem 0;
+    border: 1px solid;
+
+    .heard {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0 1.25rem;
+
+        .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;
+            }
+        }
+    }
+
+    .card-content {
+        min-height: 100px;
+        max-height: 454px;
+        overflow: auto;
+
+        .ant-layout {
+            background: transparent !important;
+
+            .ant-list-items {
+                padding: 0 1.25rem;
+            }
+        }
+
+        .actTable {
+            overflow: hidden;
+        }
+    }
+
 }

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

@@ -1,97 +1,97 @@
-import React, { useState, useEffect } from "react";
-import { theme, Empty } from "antd";
-import { RightOutlined } 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 { handleMenuItemUrl } from "../../layout2/page";
-import { useLocale } from "../../locale/useLocale";
-import LtmplTable from "../../module/ltmpl-table";
-import "./page-card.less";
-
-// 查找第n个子菜单
-const findNthLeaf = (tree, n = 1) => {
-    // 边界校验：n 必须是正整数
-    if (!Array.isArray(tree) || !Number.isInteger(n) || n < 1) {
-        return null;
-    }
-    let count = 0; // 已找到的叶子数量（从 0 开始计）
-    const dfs = (nodes) => {
-        for (const node of nodes) {
-            // 检查当前节点是否为大屏或者自定义页面
-            if (node.dragDropPageId || node.customPath) {
-                continue; // 跳过被排除的节点及其子树
-            }
-            const isLeaf = !node.children || node.children.length === 0;
-            if (isLeaf) {
-                count++;
-                if (count === n) {
-                    return node; // 找到第 n 个叶子
-                }
-            } else {
-                const result = dfs(node.children);
-                if (result) return result; // 提前终止
-            }
-        }
-        return null;
-    }
-    return dfs(tree);
-}
-
-
-const { useToken } = theme;
-
-interface MenuType extends Level2Menu {
-    url: string;
-}
-
-interface Props {
-    layoutRootPath?: string;
-    fastMenu: string;
-    menus: MenuType[];
-    menuOrder: number;
-}
-
-const Index = (props: Props) => {
-    const { layoutRootPath, fastMenu, menus, menuOrder } = props;
-    const [l2Menu, setL2Menu] = useState<MenuType>();
-    const navigate = useNavigate();
-    const { translate } = useLocale();
-    const { token } = useToken();
-
-    const getL2Menu = async () => {
-        let temData: Level2Menu[] = await HCDataSource.fastMenu(fastMenu);
-        const itemMenu = temData?.[0];
-        if (itemMenu && !itemMenu.disabled) {
-            const { id, pageType, defaultCriteriaValue, customPath, dragDropPageId, fullScreen } = itemMenu;
-            const url = handleMenuItemUrl(id, pageType, defaultCriteriaValue, customPath, dragDropPageId, fullScreen, layoutRootPath);
-            setL2Menu({ ...itemMenu, url });
-        } else if (!temData && fastMenu === "RightSidebar01") {
-            setL2Menu(findNthLeaf(menus, menuOrder || 0));
-        }
-    };
-
-    useEffect(() => {
-        if (menus?.length && fastMenu) {
-            getL2Menu();
-        }
-    }, [menus, fastMenu]);
-
-    return (l2Menu?.id || fastMenu === "RightSidebar01") ? <div className="page-card" 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("${" + (l2Menu?.title || "-") + "}")}</h3>
-            </div>
-            <div style={{ color: token.colorPrimary, cursor: "pointer" }} onClick={() => l2Menu?.url && navigate(`/${l2Menu.url}`)}>
-                {translate("${查看更多}")} <RightOutlined />
-            </div>
-        </div>
-        <div className="card-content">
-            {l2Menu?.id ? <LtmplTable sourceId={l2Menu?.id} funcMode="simple" defShowType="verticalList" showAggregates={false} showPagination={false} /> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={translate("${暂无权限}")} />}
-        </div>
-    </div> : "";
-}
-
-export default Index;
+import React, { useState, useEffect } from "react";
+import { theme, Empty } from "antd";
+import { RightOutlined } 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 { handleMenuItemUrl } from "../../layout2/page";
+import { useLocale } from "../../locale/useLocale";
+import LtmplTable from "../../module/ltmpl-table";
+import "./page-card.less";
+
+// 查找第n个子菜单
+const findNthLeaf = (tree, n = 1) => {
+    // 边界校验：n 必须是正整数
+    if (!Array.isArray(tree) || !Number.isInteger(n) || n < 1) {
+        return null;
+    }
+    let count = 0; // 已找到的叶子数量（从 0 开始计）
+    const dfs = (nodes) => {
+        for (const node of nodes) {
+            // 检查当前节点是否为大屏或者自定义页面
+            if (node.dragDropPageId || node.customPath) {
+                continue; // 跳过被排除的节点及其子树
+            }
+            const isLeaf = !node.children || node.children.length === 0;
+            if (isLeaf) {
+                count++;
+                if (count === n) {
+                    return node; // 找到第 n 个叶子
+                }
+            } else {
+                const result = dfs(node.children);
+                if (result) return result; // 提前终止
+            }
+        }
+        return null;
+    }
+    return dfs(tree);
+}
+
+
+const { useToken } = theme;
+
+interface MenuType extends Level2Menu {
+    url: string;
+}
+
+interface Props {
+    layoutRootPath?: string;
+    fastMenu: string;
+    menus: MenuType[];
+    menuOrder: number;
+}
+
+const Index = (props: Props) => {
+    const { layoutRootPath, fastMenu, menus, menuOrder } = props;
+    const [l2Menu, setL2Menu] = useState<MenuType>();
+    const navigate = useNavigate();
+    const { translate } = useLocale();
+    const { token } = useToken();
+
+    const getL2Menu = async () => {
+        let temData: Level2Menu[] = await HCDataSource.fastMenu(fastMenu);
+        const itemMenu = temData?.[0];
+        if (itemMenu && !itemMenu.disabled) {
+            const { id, pageType, defaultCriteriaValue, customPath, dragDropPageId, fullScreen } = itemMenu;
+            const url = handleMenuItemUrl(id, pageType, defaultCriteriaValue, customPath, dragDropPageId, fullScreen, layoutRootPath);
+            setL2Menu({ ...itemMenu, url });
+        } else if (!temData && fastMenu === "RightSidebar01") {
+            setL2Menu(findNthLeaf(menus, menuOrder || 0));
+        }
+    };
+
+    useEffect(() => {
+        if (menus?.length && fastMenu) {
+            getL2Menu();
+        }
+    }, [menus, fastMenu]);
+
+    return (l2Menu?.id || fastMenu === "RightSidebar01") ? <div className="page-card" 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("${" + (l2Menu?.title || "-") + "}")}</h3>
+            </div>
+            <div style={{ color: token.colorPrimary, cursor: "pointer" }} onClick={() => l2Menu?.url && navigate(`/${l2Menu.url}`)}>
+                {translate("${查看更多}")} <RightOutlined />
+            </div>
+        </div>
+        <div className="card-content">
+            {l2Menu?.id ? <LtmplTable sourceId={l2Menu?.id} funcMode="simple" defShowType="verticalList" showAggregates={false} showPagination={false} /> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={translate("${暂无权限}")} />}
+        </div>
+    </div> : "";
+}
+
+export default Index;