aldehyde 0.2.456 → 0.2.458

package/src/aldehyde/layout2/components/user-notification.tsx

@@ -0,0 +1,74 @@
+import React, { useEffect, useRef } from "react";
+import { notification, Modal, Button } from "antd";
+import { useNavigate } from "react-router-dom";
+import { MenuType } from "../type/layout-type";
+import WebSocket from "../../tmpl/web-socket";
+import Units from "../../units";
+import { useLocale } from "../../locale/useLocale";
+
+interface UserNotification {
+    title?: string; // 标题
+    description?: string; // 内容
+    duration?: number; // 延迟时间
+    type?: "success" | "error" | "info" | "warning"; // 类型
+    closable?: boolean; // 是否可以关闭
+    sysDisabled?: boolean; // 是否显示遮罩层
+    sourceId?: string; // 用户消息推送，菜单sourceId
+}
+
+interface Props {
+    menuList: MenuType[];
+}
+
+// 用户消息
+const Index = (props: Props) => {
+    const { menuList } = props;
+    const [api, contextHolder] = notification.useNotification();
+    const { translate } = useLocale();
+    const navigate = useNavigate();
+    const wsRef = useRef(undefined); // 实时数据websocket连接
+    const subscribeRef = useRef(undefined); // 实时数据订阅
+
+    // 订阅消息数据
+    const getWebSocketUserNotification = async () => {
+        if (subscribeRef.current) { subscribeRef.current.unsubscribe(); }
+        wsRef.current = WebSocket.getInstance("v3/kk-ws");
+        subscribeRef.current = await wsRef.current.subscribe("/user/queue/notification", {}, (data) => {
+            openNotification(data);
+        });
+    }
+
+    useEffect(() => {
+        getWebSocketUserNotification();
+        return () => {
+            if (subscribeRef.current) { subscribeRef.current.unsubscribe(); }
+        }
+    }, []);
+
+    const routerTo = (sourceId: string) => {
+        const menu = Units.findItemByIdIterative(menuList, sourceId);
+        if (menu) {
+            navigate(`/${menu.url}`);
+        }
+    }
+
+    const openNotification = (message: UserNotification) => {
+        if (!message) {
+            return;
+        }
+        const { title, description, duration, type, closable, sysDisabled, sourceId } = message;
+        const btn = sourceId ? <div style={{ textAlign: "end" }}><Button style={{ padding: 0 }} type="link" onClick={() => routerTo(sourceId)}>{translate("${查看}")}</Button></div> : false;
+        const nContent = { style: { padding: "12px" }, message: title, description, duration, closeIcon: closable, btn };
+        const mContent = { styles: { content: { padding: "20px 20px 12px" } }, title, content: description, closable, footer: btn };
+        if (sysDisabled) { // 带遮罩层
+            const modal = Modal[type || "confirm"](mContent);
+            if (duration) setTimeout(() => modal.destroy(), duration * 1000);
+        } else { // 不带遮罩层
+            api[type || "open"](nContent);
+        }
+    };
+
+    return contextHolder;
+};
+
+export default Index;

package/src/aldehyde/layout2/header.tsx

@@ -25,6 +25,8 @@ import { useLayoutContext } from "./layout-context";
 import IconFont from "./components/icon-font";
 import SearchMenu from "./components/search-menu";
 import ScreenfullButton from "./components/screenfull-button";
+import SystemMessages from "./components/system-messages";
+import UserNotification from "./components/user-notification";
 import { ThemeConfig } from "../tmpl/interface";
 
 const toolbarStyle: CSSProperties = {
@@ -247,6 +249,8 @@ const Header: React.FC<HeaderPropsType> = ({ systemName, menuList, style, logoIm
             flexDirection: "row",
           }}
         >
+          {themeConfig?.wsTypes?.includes("sys-messages") ? <SystemMessages menuList={menuList} /> : ""}
+          {themeConfig?.wsTypes?.includes("user-notification") ? <UserNotification menuList={menuList} /> : ""}
           <Space size="large">
             <ScreenfullButton style={toolbarStyle} />
             <SearchMenu menuList={menuList} />

package/src/aldehyde/layout3/header.tsx

@@ -13,6 +13,8 @@ import { useLayoutContext } from "../layout2/layout-context";
 import UserButton from "../layout2/components/user-button";
 import SearchMenu from "../layout2/components/search-menu";
 import ScreenfullButton from "../layout2/components/screenfull-button";
+import SystemMessages from "../layout2/components/system-messages";
+import UserNotification from "../layout2/components/user-notification";
 import headerBgImg from "./imgs/header-bg.png";
 import homeBgImg from "./imgs/home-bg.png";
 import Time from "./components/time";
@@ -141,6 +143,8 @@ const Header: React.FC<HeaderPropsType> = ({ systemName, menuList, themeConfig,
         <div className="header-time"><Time /></div>
         <div className="header-title">{translate("${" + systemName + "}")}</div>
         <div className="header-right" >
+          {themeConfig?.wsTypes?.includes("sys-messages") ? <SystemMessages menuList={menuList} /> : ""}
+          {themeConfig?.wsTypes?.includes("user-notification") ? <UserNotification menuList={menuList} /> : ""}
           <Space size="large" >
             <ScreenfullButton style={toolbarStyle} />
             <SearchMenu menuList={menuList} style={toolbarStyle} />

package/src/aldehyde/layout4/header.tsx

@@ -12,6 +12,8 @@ import { useLayoutContext } from "../layout2/layout-context";
 import UserButton from "../layout2/components/user-button";
 import SearchMenu from "../layout2/components/search-menu";
 import ScreenfullButton from "../layout2/components/screenfull-button";
+import SystemMessages from "../layout2/components/system-messages";
+import UserNotification from "../layout2/components/user-notification";
 import headerBgImg from "./imgs/header-bg.png";
 import menuItemBgImg from "./imgs/menu-item-bg.png";
 import userImg from "./imgs/user.png";
@@ -156,6 +158,8 @@ const Header: React.FC<HeaderPropsType> = ({ systemName, menuList, logoImg, them
           />
         </div>
         <div className="header-right" >
+          {themeConfig?.wsTypes?.includes("sys-messages") ? <SystemMessages menuList={menuList} /> : ""}
+          {themeConfig?.wsTypes?.includes("user-notification") ? <UserNotification menuList={menuList} /> : ""}
           <Space size="large">
             <ScreenfullButton style={toolbarStyle} />
             <SearchMenu menuList={menuList} style={toolbarStyle} />

package/src/aldehyde/layout5/header.tsx

@@ -9,6 +9,8 @@ import L2MenuMessageBar from "../layout/menu/l2menu-message-bar";
 import UserButton from "../layout2/components/user-button";
 import SearchMenu from "../layout2/components/search-menu";
 import ScreenfullButton from "../layout2/components/screenfull-button";
+import SystemMessages from "../layout2/components/system-messages";
+import UserNotification from "../layout2/components/user-notification";
 import { MenuType } from "../layout2/type/layout-type";
 import { useLocale } from "../locale/useLocale";
 import { getLeftMostRouteInfo, handlePropsMenuToAntdMenu } from "../layout2/util/menu-util";
@@ -164,6 +166,8 @@ const Header: React.FC<HeaderPropsType> = ({ menuList, themeConfig }) => {
         <Breadcrumb items={breadcrumbItems} />
       </ConfigProvider>
       <Space size="large" style={{ height: "100%" }}>
+        {themeConfig?.wsTypes?.includes("sys-messages") ? <SystemMessages menuList={menuList} /> : ""}
+        {themeConfig?.wsTypes?.includes("user-notification") ? <UserNotification menuList={menuList} /> : ""}
         <ScreenfullButton style={toolbarStyle} />
         <SearchMenu menuList={menuList} style={toolbarStyle} />
         {menu?.length > 1 &&

package/src/aldehyde/routable/ltmpl-route.tsx

@@ -351,7 +351,7 @@ class LtmplRoute extends React.PureComponent<LtmplRouteProps, LtmplRouteState> {
 
     onChangePage = (pageNo: number, pageSize: number, pageSizeOptions?: number[]) => {
         const { location } = this.props;
-        const temPageSizeOptions = pageSizeOptions ? pageSizeOptions : this.state.pageSizeOptions;
+        const temPageSizeOptions = pageSizeOptions?.length ? pageSizeOptions : this.state.pageSizeOptions;
         let search = location.search;
         let params = Units.transQueryStrToParams(search, null);
         params["pageNo"] = pageNo;

package/src/aldehyde/sso-Login/index.tsx

@@ -4,6 +4,7 @@ import { Spin } from "antd";
 import HCserviceV3 from "../tmpl/hcservice-v3";
 import HCDataSource from "../tmpl/hc-data-source";
 import ProgramConfig from "../units";
+import { getMenuConfig } from "../layout2/page";
 
 interface Props {
     serverKey?: string;
@@ -19,18 +20,26 @@ const Index = (props: Props) => {
         const username = temParams.get("username");
         const ssoToken = temParams.get("ssoToken");
         const programCode = temParams.get("programCode");
-        return { username, ssoToken, programCode };
+        const token = temParams.get("token");
+        const sourceId = temParams.get("sourceId");
+        return { username, ssoToken, programCode, token, sourceId };
     }, [search]);
 
-    const login = async () => {
+    const ssoTokenLogin = async () => {
         setLoading(true);
-        const { username, ssoToken, programCode } = params;
+        const { username, ssoToken, programCode, sourceId } = params;
         const res = await HCserviceV3.ssoTokenLogin({ username, ssoToken }, programCode, serverKey);
         const { defaultStyleTheme } = await ProgramConfig.getThemeConfig() || {};
         if (res.status === "success") {
             HCDataSource.clear();
-            window.location.hash = `/${defaultStyleTheme || "v2"}/home`;
             ProgramConfig.setHydrocarbonToken(res.token);
+            if (sourceId) {
+                const temData = await getMenuConfig(defaultStyleTheme || "v2");
+                const menu = ProgramConfig.findItemByIdIterative(temData.menu, sourceId);
+                window.location.hash = menu?.url || `/${defaultStyleTheme || "v2"}/home`;
+            } else {
+                window.location.hash = `/${defaultStyleTheme || "v2"}/home`;
+            }
         } else if (res.status === "error") {
             const allThemes = ProgramConfig.getAllThemes();
             window.location.hash = `/${allThemes[defaultStyleTheme || "v2"].loginPath}`;
@@ -38,9 +47,23 @@ const Index = (props: Props) => {
         setLoading(false);
     };
 
+    const tokenLogin = async () => {
+        const { token, sourceId } = params;
+        const { defaultStyleTheme } = await ProgramConfig.getThemeConfig() || {};
+        HCDataSource.clear();
+        ProgramConfig.setHydrocarbonToken(token);
+        if (sourceId) {
+            const temData = await getMenuConfig(defaultStyleTheme || "v2");
+            const menu = ProgramConfig.findItemByIdIterative(temData.menu, sourceId);
+            window.location.hash = menu?.url || `/${defaultStyleTheme || "v2"}/home`;
+        } else {
+            window.location.hash = `/${defaultStyleTheme || "v2"}/home`;
+        }
+    }
+
     useEffect(() => {
         if (params) {
-            login();
+            params.token ? tokenLogin() : ssoTokenLogin();
         }
     }, [params])
 

package/src/aldehyde/sso-Login/service/index.js

@@ -0,0 +1,16 @@
+import { handleLogin } from "./login";
+
+const Username = "";
+const Password = "";
+const SourceId = ""; // 菜单SourceId
+const Path = "";
+const ProgramCode = "";
+
+export const getUrl = async () => {
+    const token = await handleLogin({ path: Path, username: Username, password: Password, programCode: ProgramCode });
+    if (!token) {
+        return null;
+    }
+    const url = `${Path}/#/sso-token?token=${token}&sourceId=${SourceId}`;
+    return url;
+}

package/src/aldehyde/sso-Login/service/login.js

@@ -0,0 +1,75 @@
+import dayjs from "dayjs";
+import JSEncrypt from 'jsencrypt';
+import superagent from "superagent";
+
+export const handleLogin = async (params) => {
+    const { username, password, programCode, path } = params || {};
+    if (!username || !password || !programCode || !path) {
+        return null;
+    }
+    const pubkey = await getPubkey(params);
+    if (!pubkey) {
+        return null;
+    }
+    const res = await login({ loginData: { username, password }, pubkey, programCode, path });
+    if (res.status === "success") {
+        return res.token;
+    } else {
+        console.log("error:", res.message);
+        return null;
+    }
+}
+
+const getPubkey = async (params) => {
+    const { programCode, path } = params || {};
+    if (!programCode) {
+        return null;
+    }
+    const res = await request({ url: "/v3/auth/ras-pubkey", programCode, method: "GET", path });
+    return res?.status === "success" ? res.rasPubkey : null;
+};
+
+const rsaEncrypt = (word, keyStr) => {
+    const encrypt = new JSEncrypt();
+    encrypt.setPublicKey(keyStr);
+    return encrypt.encrypt(word);
+}
+
+const login = async (params) => {
+    const { loginData, pubkey, programCode, serverKey, path } = params;
+    let datetime = dayjs(new Date()).tz("Europe/London").format("YYYY-MM-DD HH:mm:ss");
+    let userInfo = rsaEncrypt(JSON.stringify({ ...loginData, datetime }), pubkey);
+    let res = await request({ url: "/v3/auth/hctoken", serverKey, programCode, query: { userInfo }, method: "GET", path });
+    return { status: res.status, token: res.token };
+}
+
+const request = (params) => {
+    const { programCode, method, path, query, data, url } = params;
+    return new Promise((resolve, reject) => {
+        superagent(method || "POST", path + url)
+            .type("form")
+            .set("hydrocarbon-program-token", programCode)
+            .query(query || "")
+            .send(data)
+            .end((req, res) => {
+                if (!res) {
+                    resolve({ message: "服务器连接失败" });
+                } else {
+                    if (res.status === 200) {
+                        let result = res.body;
+                        resolve(result);
+                    } else if ([201, 403].includes(res.status)) {
+                        resolve(res);
+                    } else if (res.status === 405 || res.status === 406) {
+                        resolve({ ...res, message: "权限不足" });
+                    } else if (res.status === 404 || res.status === 504) {
+                        resolve({ ...res, message: "没找到服务" });
+                    } else if (res.status === 500) {
+                        resolve(undefined);
+                    } else {
+                        reject(res.body);
+                    }
+                }
+            });
+    });
+}

package/src/aldehyde/table/modal-select-table.tsx

@@ -1,6 +1,7 @@
-import React from 'react'
-import "./index.css"
-import { DtmplData, QueryKey, SelectConfig, SelectedRow } from "../tmpl/interface";
+import React from 'react';
+import { FormInstance } from "antd";
+import "./index.css";
+import { DtmplData, QueryKey, SelectConfig, SelectedRow, FieldConfig } from "../tmpl/interface";
 import TableUnits from "./table-util";
 import SupportInputTypes from '../tmpl/control-type-supportor';
 import HCDataSource from '../tmpl/hc-data-source';
@@ -23,6 +24,8 @@ interface ModelSelectTableProps {
     onCancel: () => void,
     defaultCriteriaValue?: object,
     onOK: (selectedRows: SelectedRow[]) => void,
+    parentFormInstance?: FormInstance,
+    selectRelValueField?: FieldConfig,
 };
 
 interface ModelSelectTableStat {
@@ -54,8 +57,33 @@ class ModelSelectTable extends React.PureComponent<ModelSelectTableProps, ModelS
         selectedRows: [],
     }
 
-    loadData = async (selectConfig: SelectConfig, criteriaData: object) => {
+    // 表单关系字段组查询取值start
+    getSubDtmplData = async (valueField, code) => {
+        const { serverKey } = this.props;
+        const dtmplData = await HcserviceV3.requestDtmplData(serverKey, valueField.id, code.split("@R@")[0], null);
+        const subField = valueField.subRelValueField;
+        const subData = dtmplData.fieldMap[subField.id];
+        if (subField.subRelValueField && subData) { // 存在下级关联项
+            return this.getSubDtmplData(subField, subData);
+        }
+        return subData;
+    }
+
+    getSecondCriteria = async () => {
+        const { parentFormInstance, selectRelValueField } = this.props;
+        let secondCriteria;
+        if (selectRelValueField && parentFormInstance) {
+            secondCriteria = parentFormInstance.getFieldValue(selectRelValueField.id);
+            if (selectRelValueField.subRelValueField && secondCriteria) {
+                secondCriteria = await this.getSubDtmplData(selectRelValueField, secondCriteria);
+            }
+        }
+        return { secondCriteria };
+    }
+    // 表单关系字段组查询点选取值end
 
+    loadData = async (selectConfig: SelectConfig, criteriaData: object) => {
+        const secondCriteria = await this.getSecondCriteria();
         this.setState({
             loading: true,
         })
@@ -70,7 +98,7 @@ class ModelSelectTable extends React.PureComponent<ModelSelectTableProps, ModelS
         const { sourceId, exceptCodes, serverKey, mainCode, existRelation } = this.props;
         /** 构建 dataSource **/
         //构建过滤条件
-        let queryKey: QueryKey = await HcserviceV3.requestLtmplQueryKey(serverKey, sourceId, { exceptCodes, ...criteriaData, ...pageInfo, mainCode, existRelation });
+        let queryKey: QueryKey = await HcserviceV3.requestLtmplQueryKey(serverKey, sourceId, { exceptCodes, ...criteriaData, ...pageInfo, ...secondCriteria, mainCode, existRelation });
         this.setState({
             queryKey,
             criteriaData,

package/src/aldehyde/table/relation-table.tsx

@@ -1081,7 +1081,9 @@ class RelationTable extends React.PureComponent<
                         exceptCodes={exceptCodes}
                         mainCode={mainCode1}
                         sourceId={fieldGroupConfig.id}
-                    ></ModelSelectTable>
+                        selectRelValueField={fieldGroupConfig.selectRelValueField}
+                        parentFormInstance={parentFormInstance}
+                    />
                 ) : ""}
             </>
         );

package/src/aldehyde/tmpl/hcservice-v3.tsx

@@ -1523,4 +1523,17 @@ export default class HcserviceV3 {
       message.error(translate("${发送失败}"), 3);
     }
   }
+
+  static async wsPushTopic(hydrocarbonToken, data) {
+    const res = await Super.super({
+      url: `/v3/ws-push-topic/${hydrocarbonToken}`,
+      data,
+      method: "POST",
+    });
+    if (res.code === 200) {
+      message.success(translate("${已发送}"));
+    } else {
+      message.error(translate("${发送失败}"), 3);
+    }
+  }
 }

package/src/aldehyde/tmpl/interface.tsx

@@ -373,6 +373,7 @@ export interface FieldGroupConfig extends OrderableTmplBase {
   batchAddFileField?: FieldConfig;
   addRowPosition?: "begin" | "end";
   submitType?: "separate" | "follow";
+  selectRelValueField?: FieldConfig; // 关联关系组点选查询取值字段
 }
 
 export type SaveJumpType = "list" | "add" | "edit";
@@ -446,6 +447,7 @@ export interface FieldConfig extends FieldBase {
   requiredRuleCriterias?: FieldConfig[];
   usableRuleCriterias?: FieldConfig[];
   relValueField?: FieldConfig;
+  subRelValueField?: FieldConfig;
   hidden?: boolean;
   serverKey?: string;
   sourceId?: string;
@@ -471,6 +473,7 @@ export interface FieldConfig extends FieldBase {
   defShowIcon?: boolean; // 图片组件，是否默认显示缩略图，默认显示
   showUploadList?: boolean; // 上传组件是否显示文件列表
   uploadText?: string; // 上传组件文本配置
+  fieldSwitchRequiredClearType?: "doNotClear" | "toOptionalClear" | "toRequiredClear" | "switchClear"; // 必填条件-是否清除关联项
 }
 
 export interface ActionRenderProps {
@@ -891,4 +894,5 @@ export interface ThemeConfig {
   homeSourceId?: string; // 首页菜单
   supportedLanguages?: string[]; // 支持语言
   defaultLanguage?: string; // 默认语言
+  wsTypes?: ("sys-messages" | "user-notification")[];
 }

package/src/aldehyde/tmpl/tmpl-config-analysis.tsx

@@ -402,7 +402,7 @@ TmplConfigAnalysis.buildInDtmplConfig = (
                 if (!changedValues) {
                     continue;
                 }
-                const requireValue = field.requiredRuleCriterias?.some(r => {
+                const requireValue = field.requiredRuleCriterias?.find(r => {
                     const id = TmplConfigAnalysis.getFieldId(dtmplConfig, r.mstrucId);
                     return changedValues.hasOwnProperty(id);
                 });
@@ -419,11 +419,20 @@ TmplConfigAnalysis.buildInDtmplConfig = (
                         // "secondCriteria": changedValues[field.relValueField.id]
                     };
                     field.configChanged = true;
-                    if (formInstance.getFieldValue(field.id)) {
-                        formInstance.setFieldValue(field.id, null);
+                    // 必填条件配置是否清除/可用条件默认清除
+                    let isClear = false;
+                    if (requireValue) {
+                        const clearType = requireValue?.fieldSwitchRequiredClearType;
+                        const isRequired = field?.required;
+                        isClear = (clearType === "switchClear" || (clearType === "toRequiredClear" && isRequired) || (clearType === "toOptionalClear" && !isRequired)) ? true : false;
                     }
-                    if (formInstance.getFieldValue("c_" + field.id)) {
-                        formInstance.setFieldValue("c_" + field.id, null);
+                    if (isClear || usableValue) { // 清除关联项值
+                        if (formInstance.getFieldValue(field.id)) {
+                            formInstance.setFieldValue(field.id, null);
+                        }
+                        if (formInstance.getFieldValue("c_" + field.id)) {
+                            formInstance.setFieldValue("c_" + field.id, null);
+                        }
                     }
                 }
             }