aldehyde 0.2.197 → 0.2.199

package/src/aldehyde/layout/menu/l2menu-message-bar.tsx

@@ -1,161 +1,161 @@
-import React, { CSSProperties } from "react";
-import { Badge, Avatar, Dropdown, Menu } from "antd";
-import { MessageTwoTone, BellOutlined } from "@ant-design/icons";
-import "antd/dist/reset.css";
-import { Level2Menu } from "../../tmpl/interface";
-import HcserviceV3 from "../../tmpl/hcservice-v3";
-import { NavLink } from "react-router-dom";
-import HCDataSource from "../../tmpl/hc-data-source";
-import Units from "../../units";
-interface L2MenuMessageBarProps {
-  backgroudColor?: string;
-}
-
-interface MessageBar {
-  l2Menu: Level2Menu;
-  count: number;
-}
-
-interface L2MenuMessageBarState {
-  messageBars?: MessageBar[];
-  anyState?: boolean;
-}
-
-class L2MenuMessageBar extends React.PureComponent<
-  L2MenuMessageBarProps,
-  L2MenuMessageBarState
-> {
-  state = {
-    messageBars: undefined,
-    anyState: false,
-  };
-  static defaultProps = {
-    backgroudColor: "#4a5f74",
-  };
-
-  async componentDidMount() {
-    let l2Menus = await HCDataSource.fastMenu("MessageBar");
-    const messageBars: MessageBar[] = [];
-
-    if (l2Menus) {
-      for (const item of l2Menus) {
-        if (item.disabled) {
-          continue;
-        }
-        const messageBar: MessageBar = {
-          l2Menu: item,
-          count: 0,
-        };
-        let that = this;
-        setInterval(async () => {
-          let count = await HcserviceV3.requestLtmplCount(null, item.id);
-          messageBar.count = count;
-          this.setState({
-            anyState: !this.state.anyState,
-          });
-        }, 180000);
-        let count = await HcserviceV3.requestLtmplCount(null, item.id);
-        messageBar.count = count;
-        messageBars.push(messageBar);
-      }
-    }
-
-    this.setState({
-      messageBars,
-    });
-  }
-
-  renderMessageBar = (messageBars: MessageBar[]) => {
-    const { backgroudColor } = this.props;
-    let total: number = 0;
-    const syyy: CSSProperties = {
-      "--message-bar-backgroupd": backgroudColor,
-    } as CSSProperties;
-    const menu = (
-      <Menu key={1}>
-        {messageBars.map((messageBar, index) => {
-          if (messageBar.count) {
-            total = total + messageBar.count;
-          }
-          let defaultCriteriaData = "";
-          if (messageBar.l2Menu.defaultCriteriaValue) {
-            defaultCriteriaData =
-              "&" +
-              Units.transQueryParamsToStr(
-                messageBar.l2Menu.defaultCriteriaValue
-              );
-          }
-          return (
-            <Menu.Item key={index}>
-              <NavLink
-                to={`/${messageBar.l2Menu.id}/act-table?menuId=${messageBar.l2Menu.id}${defaultCriteriaData}`}
-              >
-                {messageBar.l2Menu.title}
-                <Badge
-                  count={messageBar.count}
-                  overflowCount={99}
-                  offset={[2, -2]}
-                  size="small"
-                />
-              </NavLink>
-            </Menu.Item>
-          );
-        })}
-      </Menu>
-    );
-
-    if (!messageBars || messageBars.length == 0) {
-      return;
-    } else if (messageBars.length == 1) {
-      let messageBar = messageBars[0];
-      const l2Menu = messageBar.l2Menu;
-      let defaultCriteriaData = "";
-      if (l2Menu.defaultCriteriaValue) {
-        defaultCriteriaData =
-          "&" + Units.transQueryParamsToStr(l2Menu.defaultCriteriaValue);
-      }
-      return (
-        <div className={"message-bar"} style={syyy}>
-          <a
-            href={
-              l2Menu.customPath
-                ? `/page/${l2Menu.id}${l2Menu.customPath}?menuId=${l2Menu.id}`
-                : `#/${l2Menu.id}/act-table?menuId=${l2Menu.id}${defaultCriteriaData}`
-            }
-            className="head-example"
-          >
-            <Badge count={messageBar.count} overflowCount={99} offset={[8, -2]}>
-              <span style={{ fontSize: "20px", color: "#08c" }}>
-                <BellOutlined />
-              </span>
-            </Badge>
-          </a>
-        </div>
-      );
-    } else {
-      return (
-        <Dropdown overlay={menu} placement="bottomCenter">
-          <div className={"message-bar"} style={syyy}>
-            <Badge
-              count={total}
-              size="small"
-              overflowCount={99}
-              offset={[6, 0]}
-            >
-              <span style={{ fontSize: "20px", color: "#08c" }}>
-                <BellOutlined />
-              </span>
-            </Badge>
-          </div>
-        </Dropdown>
-      );
-    }
-  };
-
-  render() {
-    const { messageBars } = this.state;
-    return <>{messageBars ? this.renderMessageBar(messageBars) : ""}</>;
-  }
-}
-
-export default L2MenuMessageBar;
+import React, { CSSProperties } from "react";
+import { Badge, Avatar, Dropdown, Menu } from "antd";
+import { MessageTwoTone, BellOutlined } from "@ant-design/icons";
+import "antd/dist/reset.css";
+import { Level2Menu } from "../../tmpl/interface";
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+import { NavLink } from "react-router-dom";
+import HCDataSource from "../../tmpl/hc-data-source";
+import Units from "../../units";
+interface L2MenuMessageBarProps {
+  backgroudColor?: string;
+}
+
+interface MessageBar {
+  l2Menu: Level2Menu;
+  count: number;
+}
+
+interface L2MenuMessageBarState {
+  messageBars?: MessageBar[];
+  anyState?: boolean;
+}
+
+class L2MenuMessageBar extends React.PureComponent<
+  L2MenuMessageBarProps,
+  L2MenuMessageBarState
+> {
+  state = {
+    messageBars: undefined,
+    anyState: false,
+  };
+  static defaultProps = {
+    backgroudColor: "#4a5f74",
+  };
+
+  async componentDidMount() {
+    let l2Menus = await HCDataSource.fastMenu("MessageBar");
+    const messageBars: MessageBar[] = [];
+
+    if (l2Menus) {
+      for (const item of l2Menus) {
+        if (item.disabled) {
+          continue;
+        }
+        const messageBar: MessageBar = {
+          l2Menu: item,
+          count: 0,
+        };
+        let that = this;
+        setInterval(async () => {
+          let count = await HcserviceV3.requestLtmplCount(null, item.id);
+          messageBar.count = count;
+          this.setState({
+            anyState: !this.state.anyState,
+          });
+        }, 180000);
+        let count = await HcserviceV3.requestLtmplCount(null, item.id);
+        messageBar.count = count;
+        messageBars.push(messageBar);
+      }
+    }
+
+    this.setState({
+      messageBars,
+    });
+  }
+
+  renderMessageBar = (messageBars: MessageBar[]) => {
+    const { backgroudColor } = this.props;
+    let total: number = 0;
+    const syyy: CSSProperties = {
+      "--message-bar-backgroupd": backgroudColor,
+    } as CSSProperties;
+    const menu = (
+      <Menu key={1}>
+        {messageBars.map((messageBar, index) => {
+          if (messageBar.count) {
+            total = total + messageBar.count;
+          }
+          let defaultCriteriaData = "";
+          if (messageBar.l2Menu.defaultCriteriaValue) {
+            defaultCriteriaData =
+              "&" +
+              Units.transQueryParamsToStr(
+                messageBar.l2Menu.defaultCriteriaValue
+              );
+          }
+          return (
+            <Menu.Item key={index}>
+              <NavLink
+                to={`/${messageBar.l2Menu.id}/act-table?menuId=${messageBar.l2Menu.id}${defaultCriteriaData}`}
+              >
+                {messageBar.l2Menu.title}
+                <Badge
+                  count={messageBar.count}
+                  overflowCount={99}
+                  offset={[2, -2]}
+                  size="small"
+                />
+              </NavLink>
+            </Menu.Item>
+          );
+        })}
+      </Menu>
+    );
+
+    if (!messageBars || messageBars.length == 0) {
+      return;
+    } else if (messageBars.length == 1) {
+      let messageBar = messageBars[0];
+      const l2Menu = messageBar.l2Menu;
+      let defaultCriteriaData = "";
+      if (l2Menu.defaultCriteriaValue) {
+        defaultCriteriaData =
+          "&" + Units.transQueryParamsToStr(l2Menu.defaultCriteriaValue);
+      }
+      return (
+        <div className={"message-bar"} style={syyy}>
+          <a
+            href={
+              l2Menu.customPath
+                ? `/page/${l2Menu.id}${l2Menu.customPath}?menuId=${l2Menu.id}`
+                : `#/${l2Menu.id}/act-table?menuId=${l2Menu.id}${defaultCriteriaData}`
+            }
+            className="head-example"
+          >
+            <Badge count={messageBar.count} overflowCount={99} offset={[8, -2]}>
+              <span style={{ fontSize: "20px", color: "#08c" }}>
+                <BellOutlined />
+              </span>
+            </Badge>
+          </a>
+        </div>
+      );
+    } else {
+      return (
+        <Dropdown overlay={menu} placement="bottomCenter">
+          <div className={"message-bar"} style={syyy}>
+            <Badge
+              count={total}
+              size="small"
+              overflowCount={99}
+              offset={[6, 0]}
+            >
+              <span style={{ fontSize: "20px", color: "#08c" }}>
+                <BellOutlined />
+              </span>
+            </Badge>
+          </div>
+        </Dropdown>
+      );
+    }
+  };
+
+  render() {
+    const { messageBars } = this.state;
+    return <>{messageBars ? this.renderMessageBar(messageBars) : ""}</>;
+  }
+}
+
+export default L2MenuMessageBar;

package/src/aldehyde/layout/menu/l2menu-quick-bar.tsx

@@ -1,159 +1,159 @@
-import React, { CSSProperties } from "react";
-import { Dropdown, Menu, Drawer, Space, Button } from "antd";
-import { AppstoreOutlined } from "@ant-design/icons";
-import "antd/dist/reset.css";
-import { Level2Menu } from "../../tmpl/interface";
-import HCDataSource from "../../tmpl/hc-data-source";
-import LtmplTable from "../../module/ltmpl-table";
-import { LocaleContext } from "../../locale/LocaleProvider";
-
-interface L2MenuQuickBarProps {
-  backgroudColor?: string;
-}
-
-interface QuickBar {
-  l2Menu: Level2Menu;
-  count: number;
-}
-
-interface L2MenuQuickBarState {
-  quickBars?: QuickBar[];
-  anyState?: boolean;
-  currentId?: string;
-  showDraw?: boolean;
-}
-
-class L2MenuQuickBar extends React.PureComponent<
-  L2MenuQuickBarProps,
-  L2MenuQuickBarState
-> {
-  state = {
-    quickBars: undefined,
-    anyState: false,
-    currentId: undefined,
-    showDraw: false,
-  };
-  static defaultProps = {
-    backgroudColor: "#4a5f74",
-  };
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  async componentDidMount() {
-    let l2Menus = await HCDataSource.fastMenu("QuickQueryBar");
-    const quickBars: QuickBar[] = [];
-    if (l2Menus) {
-      for (const item of l2Menus) {
-        if (item.disabled) {
-          continue;
-        }
-        const quickBar: QuickBar = {
-          l2Menu: item,
-          count: 0,
-        };
-        let that = this;
-        quickBars.push(quickBar);
-      }
-    }
-
-    this.setState({
-      quickBars,
-    });
-  }
-  showDraw = (currentId: string) => {
-    // console.log("点击了L2MenuQuickBar",currentId);
-    this.setState({
-      currentId,
-      showDraw: true,
-    });
-  };
-
-  closeDrawer = () => {
-    this.setState({
-      showDraw: false,
-    });
-  };
-
-  renderQuickBar = (quickBars: QuickBar[]) => {
-    const { backgroudColor } = this.props;
-    let total: number = 0;
-    const syyy: CSSProperties = {
-      "--message-bar-backgroupd": backgroudColor,
-    } as CSSProperties;
-    const menu = (
-      <Menu key={1}>
-        {quickBars.map((quickBar, index) => {
-          if (quickBar.count) {
-            total = total + quickBar.count;
-          }
-          return (
-            <Menu.Item key={index}>
-              <span onClick={() => this.showDraw(quickBar.l2Menu.id)}>
-                {quickBar.l2Menu.title}
-              </span>
-            </Menu.Item>
-          );
-        })}
-      </Menu>
-    );
-
-    if (!quickBars || quickBars.length == 0) {
-      return;
-    } else if (quickBars.length == 1) {
-      let quickBar = quickBars[0];
-      const l2Menu = quickBar.l2Menu;
-      return (
-        <div
-          className={"message-bar"}
-          style={syyy}
-          onClick={() => this.showDraw(quickBar.l2Menu.id)}
-        >
-          <span style={{ fontSize: "20px", color: "#08c" }}>
-            <AppstoreOutlined />
-          </span>
-        </div>
-      );
-    } else {
-      return (
-        <Dropdown overlay={menu} placement="bottomCenter">
-          <div className={"message-bar"} style={syyy}>
-            <span style={{ fontSize: "20px", color: "#08c" }}>
-              <AppstoreOutlined />
-            </span>
-          </div>
-        </Dropdown>
-      );
-    }
-  };
-
-  render() {
-    const { quickBars, showDraw, currentId } = this.state;
-    const { translate } = this.context;
-    return (
-      <>
-        {quickBars ? this.renderQuickBar(quickBars) : ""}
-        <Drawer
-          placement={"left"}
-          title={translate("${快捷查询}")}
-          closable={true}
-          mask={false}
-          onClose={this.closeDrawer}
-          open={showDraw}
-          width={"calc(100% - 280px)"}
-          style={{
-            maxWidth: 1960,
-          }}
-          extra={
-            <Space>
-              <Button onClick={this.closeDrawer}>关闭</Button>
-            </Space>
-          }
-        >
-          <LtmplTable serverKey={null} sourceId={currentId}></LtmplTable>
-        </Drawer>
-      </>
-    );
-  }
-}
-
-export default L2MenuQuickBar;
+import React, { CSSProperties } from "react";
+import { Dropdown, Menu, Drawer, Space, Button } from "antd";
+import { AppstoreOutlined } from "@ant-design/icons";
+import "antd/dist/reset.css";
+import { Level2Menu } from "../../tmpl/interface";
+import HCDataSource from "../../tmpl/hc-data-source";
+import LtmplTable from "../../module/ltmpl-table";
+import { LocaleContext } from "../../locale/LocaleProvider";
+
+interface L2MenuQuickBarProps {
+  backgroudColor?: string;
+}
+
+interface QuickBar {
+  l2Menu: Level2Menu;
+  count: number;
+}
+
+interface L2MenuQuickBarState {
+  quickBars?: QuickBar[];
+  anyState?: boolean;
+  currentId?: string;
+  showDraw?: boolean;
+}
+
+class L2MenuQuickBar extends React.PureComponent<
+  L2MenuQuickBarProps,
+  L2MenuQuickBarState
+> {
+  state = {
+    quickBars: undefined,
+    anyState: false,
+    currentId: undefined,
+    showDraw: false,
+  };
+  static defaultProps = {
+    backgroudColor: "#4a5f74",
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  async componentDidMount() {
+    let l2Menus = await HCDataSource.fastMenu("QuickQueryBar");
+    const quickBars: QuickBar[] = [];
+    if (l2Menus) {
+      for (const item of l2Menus) {
+        if (item.disabled) {
+          continue;
+        }
+        const quickBar: QuickBar = {
+          l2Menu: item,
+          count: 0,
+        };
+        let that = this;
+        quickBars.push(quickBar);
+      }
+    }
+
+    this.setState({
+      quickBars,
+    });
+  }
+  showDraw = (currentId: string) => {
+    // console.log("点击了L2MenuQuickBar",currentId);
+    this.setState({
+      currentId,
+      showDraw: true,
+    });
+  };
+
+  closeDrawer = () => {
+    this.setState({
+      showDraw: false,
+    });
+  };
+
+  renderQuickBar = (quickBars: QuickBar[]) => {
+    const { backgroudColor } = this.props;
+    let total: number = 0;
+    const syyy: CSSProperties = {
+      "--message-bar-backgroupd": backgroudColor,
+    } as CSSProperties;
+    const menu = (
+      <Menu key={1}>
+        {quickBars.map((quickBar, index) => {
+          if (quickBar.count) {
+            total = total + quickBar.count;
+          }
+          return (
+            <Menu.Item key={index}>
+              <span onClick={() => this.showDraw(quickBar.l2Menu.id)}>
+                {quickBar.l2Menu.title}
+              </span>
+            </Menu.Item>
+          );
+        })}
+      </Menu>
+    );
+
+    if (!quickBars || quickBars.length == 0) {
+      return;
+    } else if (quickBars.length == 1) {
+      let quickBar = quickBars[0];
+      const l2Menu = quickBar.l2Menu;
+      return (
+        <div
+          className={"message-bar"}
+          style={syyy}
+          onClick={() => this.showDraw(quickBar.l2Menu.id)}
+        >
+          <span style={{ fontSize: "20px", color: "#08c" }}>
+            <AppstoreOutlined />
+          </span>
+        </div>
+      );
+    } else {
+      return (
+        <Dropdown overlay={menu} placement="bottomCenter">
+          <div className={"message-bar"} style={syyy}>
+            <span style={{ fontSize: "20px", color: "#08c" }}>
+              <AppstoreOutlined />
+            </span>
+          </div>
+        </Dropdown>
+      );
+    }
+  };
+
+  render() {
+    const { quickBars, showDraw, currentId } = this.state;
+    const { translate } = this.context;
+    return (
+      <>
+        {quickBars ? this.renderQuickBar(quickBars) : ""}
+        <Drawer
+          placement={"left"}
+          title={translate("${快捷查询}")}
+          closable={true}
+          mask={false}
+          onClose={this.closeDrawer}
+          open={showDraw}
+          width={"calc(100% - 280px)"}
+          style={{
+            maxWidth: 1960,
+          }}
+          extra={
+            <Space>
+              <Button onClick={this.closeDrawer}>关闭</Button>
+            </Space>
+          }
+        >
+          <LtmplTable serverKey={null} sourceId={currentId}></LtmplTable>
+        </Drawer>
+      </>
+    );
+  }
+}
+
+export default L2MenuQuickBar;