aldehyde 0.2.409 → 0.2.412

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

@@ -0,0 +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: 50vh;
+        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

@@ -0,0 +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 {
+            setL2Menu(findNthLeaf(menus, menuOrder || 0));
+        }
+    };
+
+    useEffect(() => {
+        if (menus?.length && fastMenu) {
+            getL2Menu();
+        }
+    }, [menus, fastMenu]);
+
+    return <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">{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" showPagination={false} /> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />}
+        </div>
+    </div>;
+}
+
+export default Index;

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

@@ -0,0 +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));
+        }
+
+    }
+
+}

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

@@ -0,0 +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">{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;

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

@@ -0,0 +1,119 @@
+.workbench {
+    width: 100%;
+
+    .card-row {
+        padding-bottom: 16px;
+        padding-top: 1px;
+        scroll-behavior: smooth;
+        overflow-x: auto;
+
+        &::-webkit-scrollbar {
+            display: none;
+            /* 隐藏滚动条 */
+        }
+
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+    }
+
+    .stat-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;
+
+        .card-title {
+            color: var(--ant-color-text-secondary);
+        }
+
+        .card-count {
+            margin-top: 0.5rem;
+            font-size: 1.875rem;
+            line-height: 2.25rem;
+            font-weight: 700;
+        }
+
+        .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;
+        }
+
+        .bg-gradient {
+            content: '';
+            position: absolute;
+            right: -5rem;
+            top: -5rem;
+            height: 12rem;
+            width: 12rem;
+            border-radius: 50%;
+            opacity: 1;
+            transition-property: opacity, transform;
+            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+            transition-duration: 500ms;
+        }
+    }
+
+    .left-button {
+        position: absolute;
+        left: 0;
+        top: calc(50% - 8px);
+        transform: translateY(-50%);
+        z-index: 2;
+        border-radius: 50%;
+        display: none;
+    }
+
+    .right-button {
+        position: absolute;
+        right: 0;
+        top: calc(50% - 8px);
+        transform: translateY(-50%);
+        z-index: 2;
+        border-radius: 50%;
+        display: none;
+    }
+
+    .stat-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);
+
+        .bg-gradient {
+            transform: scale(1.5);
+        }
+    }
+
+    .icon-animated {
+        font-size: 24px;
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 300ms;
+    }
+
+    .stat-card:hover .icon-animated {
+        transform: scale(1.1) rotate(6deg);
+    }
+}
+
+.workbench:hover {
+
+    .left-button,
+    .right-button {
+        display: block;
+    }
+}

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

@@ -0,0 +1,144 @@
+import React, { useState, useRef, useEffect } from "react";
+import { Row, Col, theme, Button } from "antd";
+import { RocketTwoTone, LeftOutlined, RightOutlined } from "@ant-design/icons";
+import { useNavigate } from "react-router-dom";
+import "antd/dist/reset.css";
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+import HCDataSource from "../../tmpl/hc-data-source";
+import { Level2Menu } from "../../tmpl/interface";
+import IconFont from "../../icon/aliIcon";
+import { handleMenuItemUrl } from "../../layout2/page";
+import "./workbench.less";
+
+const { useToken } = theme;
+
+interface MenuType extends Level2Menu {
+  url: string;
+}
+
+interface WorkbenchProps {
+  layoutRootPath?: string;
+  menus: MenuType[];
+}
+
+const Workbench = (props: WorkbenchProps) => {
+  const { layoutRootPath, menus } = props;
+  const [l2Menus, setL2Menus] = useState<{ [key: string]: MenuType }>({});
+  const [l2MenusArr, setL2MenusArr] = useState<MenuType[]>([]);
+  const IntervalRef = useRef([]);
+  const rowRef = useRef(null);
+  const navigate = useNavigate();
+  const { token } = useToken();
+
+  const getL2Menus = async () => {
+    let temData: Level2Menu[] = await HCDataSource.fastMenu("QuickPanel");
+    let temMenu: MenuType[] = [];
+    if (!temData?.length) {
+      temMenu = menus.filter(r => !r.dragDropPageId && !r.customPath)?.slice(0, 4) || []
+    } 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 });
+        }
+      });
+    }
+    setL2MenusArr(temMenu);
+    const temL2Menus = {};
+    if (temMenu) {
+      for (const item of temMenu) {
+        if (item.disabled) {
+          continue;
+        }
+        let i = setInterval(async () => {
+          let count = await HcserviceV3.requestLtmplCount(null, item.id);
+          setL2Menus(val => ({ ...val, [item.id]: { ...item, count: count || 0 } }))
+        }, 180000);
+        IntervalRef.current.push(i);
+        let count = await HcserviceV3.requestLtmplCount(null, item.id);
+        temL2Menus[item.id] = { ...item, count: count || 0 };
+      }
+      setL2Menus(temL2Menus);
+    }
+  };
+
+
+  useEffect(() => {
+    if (menus?.length) {
+      getL2Menus();
+    }
+    return () => {
+      IntervalRef.current.forEach(i => clearInterval(i));
+    }
+  }, [menus]);
+
+  // 轮播滚动
+  const scrollToIndex = (direction) => {
+    const container = rowRef.current;
+    if (!container) return;
+    // 获取第一个卡片元素及其计算样式（包括margin）
+    const firstCard = container.querySelector('.ant-col');
+    if (!firstCard) return;
+    // 计算单个卡片的宽度 + gutter
+    const cardStyle = window.getComputedStyle(firstCard);
+    const cardWidth = firstCard.offsetWidth + parseInt(cardStyle.marginRight);
+    // 计算本次滚动的距离（向前或向后一个卡片）
+    const scrollAmount = cardWidth * direction;
+    // 执行滚动
+    container.scrollBy({
+      left: scrollAmount,
+      behavior: 'smooth' // 平滑滚动
+    });
+  };
+
+  const renderCard = () => {
+    return l2MenusArr.map((item) => {
+      const l2Menu = l2Menus[item.id] || item;
+      const renderIcon = l2Menu.icon ? <IconFont type={l2Menu.icon} /> : <RocketTwoTone />;
+      const iconColor = l2Menu.themeColor || token.colorPrimary;
+      let comp = (
+        <Col className="gutter-row" sm={24} md={12} lg={6} span={6}>
+          <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-count" style={{ color: iconColor }}>{l2Menu.count || 0}</p>
+            </div>
+            <div className="icon-wrapper" style={{ color: iconColor, background: `${iconColor}1A` }}>
+              <div className="icon-animated">{renderIcon}</div>
+            </div>
+          </div>
+        </Col>
+      );
+      return comp;
+    });
+  }
+
+  return <div className="workbench">
+    <Row ref={rowRef} gutter={16} wrap={false} className="card-row" >
+      {renderCard()}
+    </Row>
+    {l2MenusArr.length > 4 ?
+      <>
+        <Button
+          type="primary"
+          ghost
+          onClick={() => scrollToIndex(-1)}
+          shape="circle"
+          icon={<LeftOutlined />}
+          className="left-button"
+        />
+        <Button
+          type="primary"
+          ghost
+          shape="circle"
+          onClick={() => scrollToIndex(1)}
+          icon={<RightOutlined />}
+          className="right-button"
+        />
+      </> : ""}
+  </div>;
+}
+
+export default Workbench;

package/lib/welcome/quick-entrance.d.ts

@@ -1,37 +0,0 @@
-import React from "react";
-import { CardProps } from "antd";
-import "antd/dist/reset.css";
-import { Level2Menu } from "../tmpl/interface";
-import { LocaleContext } from "../locale/LocaleProvider";
-interface QuickEntranceProps extends CardProps {
-}
-interface QuickEntranceState {
-    l2Menus?: Level2Menu[];
-}
-declare class QuickEntrance extends React.PureComponent<QuickEntranceProps, QuickEntranceState> {
-    state: {
-        l2Menus: any;
-    };
-    static contextType: React.Context<{
-        locale: import("../locale/langMp").LocaleType;
-        langPkg: any;
-        availableLang: string[];
-        changeLocale: (locale: import("../locale/langMp").LocaleType) => void;
-        siderCollapsed: boolean;
-        changeSiderCollapsed: () => void;
-        t: (...strs: string[]) => string;
-        translate: (...strs: string[]) => string;
-        getServiceLangStr?: () => string;
-        compactTheme?: boolean;
-        changeCompactTheme?: () => void;
-        screenfull?: boolean;
-        changeScreenfull?: () => void;
-    }>;
-    context: React.ContextType<typeof LocaleContext>;
-    intervals: any[];
-    componentDidMount(): Promise<void>;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-}
-export default QuickEntrance;
-//# sourceMappingURL=quick-entrance.d.ts.map

package/lib/welcome/quick-entrance.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"quick-entrance.d.ts","sourceRoot":"","sources":["../../../../src/aldehyde/welcome/quick-entrance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsC,SAAS,EAAE,MAAM,MAAM,CAAC;AAErE,OAAO,qBAAqB,CAAC;AAG7B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGzD,UAAU,kBAAmB,SAAQ,SAAS;CAAI;AAElD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACxB;AAED,cAAM,aAAc,SAAQ,KAAK,CAAC,aAAa,CAC7C,kBAAkB,EAClB,kBAAkB,CACnB;IACC,KAAK;;MAEH;IACF,MAAM,CAAC,WAAW;;;;;;;YAXE,GAAG;oBAInB,GAAG;;;;;;OAO4B;IACnC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,aAAa,CAAC,CAAC;IACjD,SAAS,EAAE,GAAG,EAAE,CAAM;IAChB,iBAAiB;IAyBvB,oBAAoB,IAAI,IAAI;IAU5B,MAAM;CAoCP;AAED,eAAe,aAAa,CAAC"}