aldehyde 0.2.201 → 0.2.206

package/lib/layout2/components/userButton.js

@@ -0,0 +1,133 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useEffect, useState } from "react";
+import { CaretDownOutlined, ClearOutlined, LoginOutlined, LogoutOutlined, SettingOutlined, UnlockOutlined, UserOutlined, } from "@ant-design/icons";
+import { Button, Dropdown } from "antd";
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+import UserInfoBar from "../../layout/menu/userinfo-bar";
+import { useLocale } from "../../locale/useLocale";
+import { NavLink, useNavigate } from "react-router-dom";
+import ResetPassword from "../../layout/menu/reset-password";
+import HCDataSource from "../../tmpl/hc-data-source";
+const UserButton = (props) => {
+    // translate
+    const { translate } = useLocale();
+    // navigation
+    const navigate = useNavigate();
+    // 用户配置信息
+    const [userConfig, setUserConfig] = useState({
+        id: undefined,
+        name: undefined,
+    });
+    const initUserConfig = () => __awaiter(void 0, void 0, void 0, function* () {
+        const userInfo = yield HcserviceV3.getUser();
+        setUserConfig(userInfo);
+    });
+    useEffect(() => { }, [userConfig]);
+    // 上下文配置信息
+    const [globalContext, setGlobalContext] = useState();
+    const initContext = () => __awaiter(void 0, void 0, void 0, function* () {
+        let context = yield HcserviceV3.getContextSourceValue();
+        setGlobalContext(context);
+    });
+    useEffect(() => {
+        initContext();
+    }, []);
+    // 用户是否登录
+    const [isLogin, setIsLogin] = useState(false);
+    useEffect(() => {
+        if (userConfig.name !== undefined && userConfig.name !== null)
+            setIsLogin(true);
+        else
+            setIsLogin(false);
+    }, [userConfig]);
+    useEffect(() => {
+        initUserConfig();
+    }, []);
+    // logout
+    const logout = () => __awaiter(void 0, void 0, void 0, function* () {
+        yield HcserviceV3.logout2();
+        navigate("/login2");
+    });
+    // dropdown menu
+    const onClick = ({ key }) => { };
+    const dropdownMenuList = [
+        {
+            label: React.createElement(NavLink, { to: "/login2" }, translate("${登录}")),
+            key: "login",
+            icon: React.createElement(LoginOutlined, null),
+            show: () => {
+                return !isLogin;
+            },
+        },
+        {
+            label: (React.createElement(UserInfoBar, { gtmplSourceId: userConfig.gtmplSourceId, editable: userConfig.changePersonalInfoable, userCode: userConfig.id })),
+            key: "userInfo",
+            icon: React.createElement(UserOutlined, null),
+            show: () => {
+                return isLogin && userConfig.viewPersonalInfoable;
+            },
+        },
+        {
+            label: React.createElement(NavLink, { to: "/context-setter" }, translate("${全局配置}")),
+            key: "globalContext",
+            icon: React.createElement(SettingOutlined, null),
+            show: () => {
+                return (isLogin && Array.isArray(globalContext) && globalContext.length > 0);
+            },
+        },
+        {
+            label: React.createElement(ResetPassword, null),
+            key: "resetPwd",
+            icon: React.createElement(UnlockOutlined, null),
+            show: () => {
+                return isLogin && userConfig.changePasswordable;
+            },
+        },
+        {
+            label: (React.createElement("span", { onClick: () => HCDataSource.reload([]) }, translate("${清空缓存}"))),
+            key: "cleanCache",
+            icon: React.createElement(ClearOutlined, null),
+            show: () => {
+                return isLogin && userConfig.cleanCachable;
+            },
+        },
+        {
+            label: React.createElement("span", { onClick: logout }, translate("${退出}")),
+            key: "logout",
+            icon: React.createElement(LogoutOutlined, null),
+            show: () => {
+                return isLogin;
+            },
+        },
+    ];
+    const cleanDropdownMenuList = dropdownMenuList
+        .filter((item) => {
+        if (!item.show)
+            return true;
+        return item.show();
+    })
+        .map(({ label, key, icon }) => {
+        return {
+            label,
+            key,
+            icon,
+        };
+    });
+    return (React.createElement(Dropdown, { overlayClassName: "localeButton", menu: { items: cleanDropdownMenuList, onClick } },
+        React.createElement(Button, Object.assign({ type: "text", icon: React.createElement(CaretDownOutlined, null), style: {
+                width: "100%",
+                height: "100%",
+                borderRadius: 0,
+                color: "#fff",
+            } }, props), isLogin ? userConfig.name : translate("${请登录}"))));
+};
+export default UserButton;
+//# sourceMappingURL=userButton.js.map

package/lib/layout2/components/userButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userButton.js","sourceRoot":"","sources":["../../../../../src/aldehyde/layout2/components/userButton.tsx"],"names":[],"mappings":"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"}

package/lib/layout2/css/header.css

@@ -0,0 +1,38 @@
+/* .header-menu > li,
+.header-menu > li > div {
+  color: #ffffff !important;
+}
+
+.ant-menu-item-active::after,
+.ant-menu-item-selected::after {
+  border-color: #ffffff !important;
+} */
+
+.ant-menu-submenu > .ant-menu-submenu-selected {
+  /* background: #fff !important; */
+  /* color: #53b572; */
+  /* width: calc(100% - 8px); */
+}
+
+.ant-menu-submenu-selected > .ant-menu-submenu-title {
+  /* color: #fff !important; */
+}
+
+/* .ant-menu-item-group-list > .ant-menu-item-selected,
+.ant-menu-sub > .ant-menu-item-selected {
+  color: var(--ant-color-primary) !important;
+} */
+
+.layout2-header-menu-item::after {
+  width: 0;
+}
+
+.layout2-header-menu > li:nth-last-child(1)::after {
+  width: 0;
+}
+
+.ant-menu-sub:has(.layout2-header-menu-item)
+  > .ant-menu-submenu-selected
+  > .ant-menu-submenu-title {
+  background-color: var(--color-3) !important;
+}

package/lib/layout2/type/layout.type.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributeAnchorTarget } from "react";
+export type MenuType = {
+    id: string;
+    label: string;
+    disabled: boolean;
+    url: string | null;
+    linkTarget?: HTMLAttributeAnchorTarget;
+    children?: MenuType[];
+};
+//# sourceMappingURL=layout.type.d.ts.map

package/lib/layout2/type/layout.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.type.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/layout2/type/layout.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC"}

package/lib/layout2/type/layout.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=layout.type.js.map

package/lib/layout2/type/layout.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.type.js","sourceRoot":"","sources":["../../../../../src/aldehyde/layout2/type/layout.type.ts"],"names":[],"mappings":""}

package/lib/layout2/util/menu.util.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+import { MenuProps } from "antd";
+import { MenuType } from "../type/layout.type";
+type AntdMenuItemType = Required<MenuProps>["items"][number];
+/**
+ * @param menu 自定义的 menu 树
+ * @returns 最左子节点的路由信息: 链接跳转方式和路由路径
+ * @desc 获取最左子节点的路由信息
+ */
+export declare const getLeftMostRouteInfo: (menu: MenuType) => {
+    target: MenuType["linkTarget"];
+    path: string | null;
+};
+/**
+ * @param menuList 自定义的 menuList
+ * @returns antd 可以使用的 menuList
+ * @desc 将自定义的 menuList 处理成 antd 可以使用的 menuList
+ */
+export declare const handlePropsMenuToAntdMenu: (menuList: MenuType[], customLabelFn: (menuItem: MenuType, floor: number) => string | number | ReactNode, className?: string, floor?: number) => AntdMenuItemType[];
+/**
+ * @param menuList 自定义的 menuList
+ * @param targetMenuId 目标 menu id
+ * @returns 从根节点到目标节点路径
+ * @desc 寻找从 menu 根节点到目标节点的路径
+ */
+export declare const getTargetMenuItemIdRouteList: (menuList: MenuType[], targetMenuId: string) => string[];
+export {};
+//# sourceMappingURL=menu.util.d.ts.map

package/lib/layout2/util/menu.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.util.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/layout2/util/menu.util.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,KAAK,gBAAgB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,MAAM,QAAQ,KACb;IACD,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAkBrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GACpC,UAAU,QAAQ,EAAE,EACpB,eAAe,CACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,KACV,MAAM,GAAG,MAAM,GAAG,SAAS,EAChC,YAAY,MAAM,EAClB,QAAO,MAAU,KAChB,gBAAgB,EA6BlB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,GACvC,UAAU,QAAQ,EAAE,EACpB,cAAc,MAAM,KACnB,MAAM,EAiCR,CAAC"}

package/lib/layout2/util/menu.util.js

@@ -0,0 +1,85 @@
+/**
+ * @param menu 自定义的 menu 树
+ * @returns 最左子节点的路由信息: 链接跳转方式和路由路径
+ * @desc 获取最左子节点的路由信息
+ */
+export const getLeftMostRouteInfo = (menu) => {
+    if (Array.isArray(menu.children) && menu.children.length) {
+        for (const menuChild of menu.children) {
+            if (!menuChild.disabled)
+                return getLeftMostRouteInfo(menuChild);
+        }
+    }
+    if (!menu.disabled && (!Array.isArray(menu.children) || (Array.isArray(menu.children) && menu.children.length === 0)))
+        return {
+            target: menu.linkTarget,
+            path: menu.url,
+        };
+    return {
+        target: '_self',
+        path: null
+    };
+};
+/**
+ * @param menuList 自定义的 menuList
+ * @returns antd 可以使用的 menuList
+ * @desc 将自定义的 menuList 处理成 antd 可以使用的 menuList
+ */
+export const handlePropsMenuToAntdMenu = (menuList, customLabelFn, className, floor = 0) => {
+    try {
+        const retList = [];
+        for (const item of menuList) {
+            const { id, label, disabled, url, linkTarget, children } = item;
+            const menu = {
+                label: customLabelFn(item, floor),
+                key: id,
+                disabled,
+                className,
+                children: Array.isArray(children) && children.length
+                    ? handlePropsMenuToAntdMenu(children, customLabelFn, className, floor + 1)
+                    : null,
+            };
+            retList.push(menu);
+        }
+        return retList;
+    }
+    catch (err) {
+        console.log("handlePropsMenuToAntdMenu", err, `menu: ${menuList}`);
+    }
+};
+/**
+ * @param menuList 自定义的 menuList
+ * @param targetMenuId 目标 menu id
+ * @returns 从根节点到目标节点路径
+ * @desc 寻找从 menu 根节点到目标节点的路径
+ */
+export const getTargetMenuItemIdRouteList = (menuList, targetMenuId) => {
+    const routeList = [];
+    const root = {
+        id: "",
+        label: "",
+        disabled: false,
+        url: "",
+        children: menuList,
+    };
+    const dfs = (menuItem) => {
+        routeList.push(menuItem.id);
+        if (menuItem.id === targetMenuId)
+            return true;
+        let flag = false;
+        for (const menuItemChild of menuItem.children) {
+            if (!flag)
+                flag = dfs(menuItemChild);
+            else
+                break;
+        }
+        if (flag)
+            return true;
+        routeList.pop();
+        return false;
+    };
+    dfs(root);
+    routeList.shift();
+    return routeList;
+};
+//# sourceMappingURL=menu.util.js.map

package/lib/layout2/util/menu.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.util.js","sourceRoot":"","sources":["../../../../../src/aldehyde/layout2/util/menu.util.tsx"],"names":[],"mappings":"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"}

package/lib/login/vertify/index.css

@@ -0,0 +1,144 @@
+.vertifyWrap {
+  position: relative;
+}
+.vertifyWrap .block {
+  position: absolute;
+  left: 0;
+  top: 0;
+  cursor: pointer;
+  cursor: grab;
+}
+.vertifyWrap .block:active {
+  cursor: grabbing;
+}
+.vertifyWrap .sliderContainer {
+  position: relative;
+  text-align: center;
+  width: 310px;
+  height: 40px;
+  line-height: 40px;
+  margin-top: 15px;
+  background: #f7f9fa;
+  color: #45494c;
+  border: 1px solid #e4e7eb;
+}
+.vertifyWrap .sliderContainer_active .slider {
+  height: 38px;
+  top: -1px;
+  border: 1px solid #486cd6;
+}
+.vertifyWrap .sliderContainer_active .sliderMask {
+  height: 38px;
+  border-width: 1px;
+}
+.vertifyWrap .sliderContainer_success .slider {
+  height: 38px;
+  top: -1px;
+  border: 1px solid #0db87f;
+  background-color: #0ca14a !important;
+}
+.vertifyWrap .sliderContainer_success .sliderMask {
+  height: 38px;
+  border: 1px solid #0db87f;
+  background-color: #d2f4ef;
+}
+.vertifyWrap .sliderContainer_success .sliderIcon {
+  background-position: 0 -26px !important;
+}
+.vertifyWrap .sliderContainer_fail .slider {
+  height: 38px;
+  top: -1px;
+  border: 1px solid #f57a7a;
+  background-color: #f57a7a !important;
+}
+.vertifyWrap .sliderContainer_fail .sliderMask {
+  height: 38px;
+  border: 1px solid #f57a7a;
+  background-color: #fce1e1;
+}
+.vertifyWrap .sliderContainer_fail .sliderIcon {
+  top: 14px;
+  background-position: 0 -82px !important;
+}
+.vertifyWrap .sliderContainer_active .sliderText,
+.vertifyWrap .sliderContainer_success .sliderText,
+.vertifyWrap .sliderContainer_fail .sliderText {
+  display: none;
+}
+.vertifyWrap .sliderMask {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 40px;
+  border: 0 solid #486cd6;
+  background: #d1e9fe;
+}
+.vertifyWrap .slider {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 40px;
+  height: 40px;
+  background: #fff;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+  transition: background 0.2s linear;
+  cursor: pointer;
+  cursor: grab;
+}
+.vertifyWrap .slider:active {
+  cursor: grabbing;
+}
+.vertifyWrap .slider:hover {
+  background: #486cd6;
+}
+.vertifyWrap .sliderIcon {
+  font-size: 18px;
+  color: #000;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+.vertifyWrap .slider:hover .sliderIcon {
+  color: #fff;
+}
+.vertifyWrap .refreshIcon {
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+  background-size: 32px;
+}
+.vertifyWrap .loadingContainer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 310px;
+  height: 155px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #45494c;
+  z-index: 2;
+  background: #edf0f2;
+}
+.vertifyWrap .loadingIcon {
+  width: 32px;
+  height: 32px;
+  margin-bottom: 10px;
+  background: url(http://cdn.dooring.cn/dr/icon12.png);
+  background-size: 32px;
+  animation: loading-icon-rotate 0.8s linear infinite;
+}
+@keyframes loading-icon-rotate {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/lib/login/vertify/index.d.ts

@@ -0,0 +1,78 @@
+import React, { ReactNode } from "react";
+import "./index.css";
+interface VertifyType {
+    spliced: boolean;
+    verified: boolean;
+    left: number;
+    destX: number;
+}
+interface IVertifyProp {
+    /**
+     * @description   canvas宽度
+     * @default       320
+     */
+    width?: number;
+    /**
+     * @description   canvas高度
+     * @default       160
+     */
+    height?: number;
+    /**
+     * @description   滑块边长
+     * @default       42
+     */
+    l?: number;
+    /**
+     * @description   滑块半径
+     * @default       9
+     */
+    r?: number;
+    /**
+     * @description   是否可见
+     * @default       true
+     */
+    visible?: boolean;
+    /**
+     * @description   滑块文本
+     * @default       向右滑动填充拼图
+     */
+    text?: string | ReactNode;
+    /**
+     * @description   刷新按钮icon, 为icon的url地址
+     * @default       -
+     */
+    refreshIcon?: string;
+    /**
+     * @description   用于获取随机图片的url地址
+     * @default       https://picsum.photos/${id}/${width}/${height}, 具体参考https://picsum.photos/, 只需要实现类似接口即可
+     */
+    imgUrl?: string;
+    /**
+     * @description   拖拽滑块时的回调, 参数为当前滑块拖拽的距离
+     * @default       (l: number):void => {}
+     */
+    onDraw?: (l: number) => {};
+    /**
+     * @description   用户的自定义验证逻辑
+     * @default       (arg: VertifyType) => VertifyType
+     */
+    onCustomVertify?: (arg: VertifyType) => VertifyType;
+    /**
+     * @description   验证成功回调
+     * @default       ():void => {}
+     */
+    onSuccess?: VoidFunction;
+    /**
+     * @description   验证失败回调
+     * @default       ():void => {}
+     */
+    onFail?: VoidFunction;
+    /**
+     * @description   刷新时回调
+     * @default       ():void => {}
+     */
+    onRefresh?: VoidFunction;
+}
+declare const _default: React.MemoExoticComponent<({ width, height, l, r, imgUrl, text, refreshIcon, visible, onDraw, onCustomVertify, onSuccess, onFail, onRefresh, }: IVertifyProp) => React.JSX.Element>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/login/vertify/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/login/vertify/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,SAAS,EAAQ,MAAM,OAAO,CAAC;AAE5E,OAAO,aAAa,CAAC;AAGrB,UAAU,WAAW;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,YAAY;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,EAAE,CAAC;IAC3B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,WAAW,CAAC;IACpD;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;wKAiBI,YAAY;AAfjB,wBAuRE"}