aldehyde 0.2.480 → 0.2.481

package/src/aldehyde/controls/enum-badge/index.tsx

@@ -1,42 +1,42 @@
-import React, { useEffect, useState } from "react";
-import { Badge } from "antd";
-import { VControlProps } from "../../tmpl/interface";
-import HCDataSource from "../../tmpl/hc-data-source";
-import { useLocale } from "../../locale/useLocale";
-
-interface MenuBadgeProps extends VControlProps { }
-
-const MenuBadge: React.FC<MenuBadgeProps> = (props) => {
-  const { translate } = useLocale();
-  const [color, setColor] = useState<string>();
-  const { value, itemType, fieldConfig, serverKey } = props;
-
-  let viewControl = undefined;
-
-  const getColor = async () => {
-    const temColor = await HCDataSource.getEnumValueColor(fieldConfig.mstrucId, value, serverKey);
-    setColor(temColor);
-  }
-
-  useEffect(() => {
-    if (value) {
-      getColor();
-    }
-  }, [value]);
-
-  viewControl = (
-    <span className="infoStyle">
-      {value ? (
-        <Badge
-          status="processing"
-          color={color ? color : "green"}
-          text={<span style={{ color: color ? color : "green" }}>{translate("${" + value + "}")}</span>}
-        />
-      ) : null}
-    </span>
-  );
-
-  return viewControl;
-};
-
-export default MenuBadge;
+import React, { useEffect, useState } from "react";
+import { Badge } from "antd";
+import { VControlProps } from "../../tmpl/interface";
+import HCDataSource from "../../tmpl/hc-data-source";
+import { useLocale } from "../../locale/useLocale";
+
+interface MenuBadgeProps extends VControlProps { }
+
+const MenuBadge: React.FC<MenuBadgeProps> = (props) => {
+  const { translate } = useLocale();
+  const [color, setColor] = useState<string>();
+  const { value, itemType, fieldConfig, serverKey } = props;
+
+  let viewControl = undefined;
+
+  const getColor = async () => {
+    const temColor = await HCDataSource.getEnumValueColor(fieldConfig.mstrucId, value, serverKey);
+    setColor(temColor);
+  }
+
+  useEffect(() => {
+    if (value) {
+      getColor();
+    }
+  }, [value]);
+
+  viewControl = (
+    <span className="infoStyle">
+      {value ? (
+        <Badge
+          status="processing"
+          color={color ? color : "green"}
+          text={<span style={{ color: color ? color : "green" }}>{translate("${" + value + "}")}</span>}
+        />
+      ) : null}
+    </span>
+  );
+
+  return viewControl;
+};
+
+export default MenuBadge;

package/src/aldehyde/controls/enum-tag/index.tsx

@@ -1,45 +1,45 @@
-import React, { useEffect, useState } from "react";
-import { Space } from "antd";
-import { VControlProps } from "../../tmpl/interface";
-import HCDataSource from "../../tmpl/hc-data-source";
-import { useLocale } from "../../locale/useLocale";
-
-interface EnumTagsProps extends VControlProps { }
-
-const EnumTags: React.FC<EnumTagsProps> = (props) => {
-  const { translate } = useLocale();
-  const [tagList, setTagList] = useState<any[]>([]);
-  const { value, fieldConfig, serverKey } = props;
-
-  const getTagList = async () => {
-    if (value) {
-      const temArr = [];
-      let v = value;
-      if (value instanceof Array) {
-      } else {
-        if (value.indexOf("@,@") > 0) {
-          v = value.split("@,@");
-        } else {
-          v = value.split(",");
-        }
-
-      }
-      for (let index = 0; index < v.length; index++) {
-        const item = v[index];
-        let color = await HCDataSource.getEnumValueColor(fieldConfig.mstrucId, value, serverKey) || "#1677FF";
-        temArr.push(<span key={item} className="tag" style={{ fontSize: "12px", padding: "4px 10px", borderRadius: "9999px", color, background: `${color}1A` }}>
-          {translate("${" + item + "}")}
-        </span>)
-      }
-      setTagList(temArr);
-    }
-  }
-
-  useEffect(() => {
-    getTagList();
-  }, [value]);
-
-  return <Space size={[8, 8]} wrap>{tagList}</Space>;
-};
-
-export default EnumTags;
+import React, { useEffect, useState } from "react";
+import { Space } from "antd";
+import { VControlProps } from "../../tmpl/interface";
+import HCDataSource from "../../tmpl/hc-data-source";
+import { useLocale } from "../../locale/useLocale";
+
+interface EnumTagsProps extends VControlProps { }
+
+const EnumTags: React.FC<EnumTagsProps> = (props) => {
+  const { translate } = useLocale();
+  const [tagList, setTagList] = useState<any[]>([]);
+  const { value, fieldConfig, serverKey } = props;
+
+  const getTagList = async () => {
+    if (value) {
+      const temArr = [];
+      let v = value;
+      if (value instanceof Array) {
+      } else {
+        if (value.indexOf("@,@") > 0) {
+          v = value.split("@,@");
+        } else {
+          v = value.split(",");
+        }
+
+      }
+      for (let index = 0; index < v.length; index++) {
+        const item = v[index];
+        let color = await HCDataSource.getEnumValueColor(fieldConfig.mstrucId, value, serverKey) || "#1677FF";
+        temArr.push(<span key={item} className="tag" style={{ fontSize: "12px", padding: "4px 10px", borderRadius: "9999px", color, background: `${color}1A` }}>
+          {translate("${" + item + "}")}
+        </span>)
+      }
+      setTagList(temArr);
+    }
+  }
+
+  useEffect(() => {
+    getTagList();
+  }, [value]);
+
+  return <Space size={[8, 8]} wrap>{tagList}</Space>;
+};
+
+export default EnumTags;

package/src/aldehyde/controls/field-history/index.tsx

@@ -1,81 +1,81 @@
-import React, { useState, useEffect } from "react";
-import {
-  Steps, Popover, Card
-} from "antd";
-import { EControlProps, VEControlProps } from "../../tmpl/interface";
-import Units from "../../units";
-import { useLocale } from "../../locale/useLocale";
-import HcserviceV3 from "../../tmpl/hcservice-v3";
-import type { StepsProps } from 'antd';
-interface FieldHistoryProps extends VEControlProps {
-  dataCode: string
-}
-
-const FieldHistory: React.FC<FieldHistoryProps> = (props) => {
-  const { value, itemType, fieldConfig, dataCode, style, viewOrEdit } = props;
-  const { translate } = useLocale();
-
-  const [loading, setLoading] = useState(false);
-  const [versions, setVersions] = useState(undefined);
-  // 查询历史
-  const loadData = async () => {
-    const { sourceId, serverKey } = fieldConfig;
-    if (dataCode) {
-      setLoading(true)
-      const list = await HcserviceV3.requestFieldVersionList(
-        serverKey,
-        sourceId,
-        dataCode
-      );
-
-      if (list && list.length > 0) {
-        let versions = [];
-        for (let i = 0; i < list.length; i++) {
-          let versionObj = list[i];
-          let version = {
-            title: versionObj.value,
-            description: <>{versionObj.userName}<br />{Units.formateDate(versionObj.time)}</>,
-          }
-          versions.push(version);
-        }
-        setVersions(versions);
-      }
-      setLoading(false);
-    }
-  };
-  useEffect(() => {
-    loadData();
-  }, [])
-
-  const customDot: StepsProps['progressDot'] = (dot, { status, index }) => (
-    //   <Popover
-    //       content={
-    //           <span>
-    //   step {index} status: {status}
-    // </span>
-    //       }
-    //   >
-    //       {dot}
-    //   </Popover>
-    <>{dot}</>
-  );
-
-  return (
-    <Card 
-      style={{
-        width: '100%',
-        overflow: 'hidden'
-      }}>
-      <Steps
-        current={versions ? versions.length : 0}
-        progressDot={customDot}
-        items={versions}
-        style={{
-          overflow: 'auto'
-        }}
-      />
-    </Card>
-  )
-};
-
-export default FieldHistory;
+import React, { useState, useEffect } from "react";
+import {
+  Steps, Popover, Card
+} from "antd";
+import { EControlProps, VEControlProps } from "../../tmpl/interface";
+import Units from "../../units";
+import { useLocale } from "../../locale/useLocale";
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+import type { StepsProps } from 'antd';
+interface FieldHistoryProps extends VEControlProps {
+  dataCode: string
+}
+
+const FieldHistory: React.FC<FieldHistoryProps> = (props) => {
+  const { value, itemType, fieldConfig, dataCode, style, viewOrEdit } = props;
+  const { translate } = useLocale();
+
+  const [loading, setLoading] = useState(false);
+  const [versions, setVersions] = useState(undefined);
+  // 查询历史
+  const loadData = async () => {
+    const { sourceId, serverKey } = fieldConfig;
+    if (dataCode) {
+      setLoading(true)
+      const list = await HcserviceV3.requestFieldVersionList(
+        serverKey,
+        sourceId,
+        dataCode
+      );
+
+      if (list && list.length > 0) {
+        let versions = [];
+        for (let i = 0; i < list.length; i++) {
+          let versionObj = list[i];
+          let version = {
+            title: versionObj.value,
+            description: <>{versionObj.userName}<br />{Units.formateDate(versionObj.time)}</>,
+          }
+          versions.push(version);
+        }
+        setVersions(versions);
+      }
+      setLoading(false);
+    }
+  };
+  useEffect(() => {
+    loadData();
+  }, [])
+
+  const customDot: StepsProps['progressDot'] = (dot, { status, index }) => (
+    //   <Popover
+    //       content={
+    //           <span>
+    //   step {index} status: {status}
+    // </span>
+    //       }
+    //   >
+    //       {dot}
+    //   </Popover>
+    <>{dot}</>
+  );
+
+  return (
+    <Card 
+      style={{
+        width: '100%',
+        overflow: 'hidden'
+      }}>
+      <Steps
+        current={versions ? versions.length : 0}
+        progressDot={customDot}
+        items={versions}
+        style={{
+          overflow: 'auto'
+        }}
+      />
+    </Card>
+  )
+};
+
+export default FieldHistory;

package/src/aldehyde/controls/file-export/select-code-export.tsx

@@ -1,40 +1,40 @@
-import React from "react";
-import {Button, Popover, Tooltip} from "antd";
-import {DownloadOutlined} from "@ant-design/icons";
-import SelectCodeExportFrame from "../../export/select-code-export-frame";
-import { useLocale } from "../../locale/useLocale";
-import {ButtonConfig} from "../../tmpl/interface";
-interface SelectCodeExportProps  {
-  serverKey?: string;
-  fileExport:ButtonConfig;
-  codes: string[];
-  title?: string;
-  disabled?:boolean;
-  hiddenType?:string;
-}
-
-const SelectCodeExport: React.FC<SelectCodeExportProps> = (props) => {
-
-  const { translate } = useLocale();
-  const {serverKey,codes,fileExport,disabled,hiddenType}= props;
-  return <Popover
-      content={
-        <SelectCodeExportFrame //导出组件
-            serverKey={serverKey}
-            codes={codes}
-            fileExport={fileExport}
-        />
-      }
-      title={translate("${" + fileExport.title + "}")}
-      placement="bottomRight"
-      trigger="click"
-  >
-    <Tooltip title={translate("${" + fileExport.title + "}")}>
-      <Button type={fileExport.buttonType} disabled={disabled}  danger={fileExport.danger}>
-        {translate("${" + fileExport.title + "}")}
-      </Button>
-    </Tooltip>
-  </Popover>;
-};
-
-export default SelectCodeExport;
+import React from "react";
+import {Button, Popover, Tooltip} from "antd";
+import {DownloadOutlined} from "@ant-design/icons";
+import SelectCodeExportFrame from "../../export/select-code-export-frame";
+import { useLocale } from "../../locale/useLocale";
+import {ButtonConfig} from "../../tmpl/interface";
+interface SelectCodeExportProps  {
+  serverKey?: string;
+  fileExport:ButtonConfig;
+  codes: string[];
+  title?: string;
+  disabled?:boolean;
+  hiddenType?:string;
+}
+
+const SelectCodeExport: React.FC<SelectCodeExportProps> = (props) => {
+
+  const { translate } = useLocale();
+  const {serverKey,codes,fileExport,disabled,hiddenType}= props;
+  return <Popover
+      content={
+        <SelectCodeExportFrame //导出组件
+            serverKey={serverKey}
+            codes={codes}
+            fileExport={fileExport}
+        />
+      }
+      title={translate("${" + fileExport.title + "}")}
+      placement="bottomRight"
+      trigger="click"
+  >
+    <Tooltip title={translate("${" + fileExport.title + "}")}>
+      <Button type={fileExport.buttonType} disabled={disabled}  danger={fileExport.danger}>
+        {translate("${" + fileExport.title + "}")}
+      </Button>
+    </Tooltip>
+  </Popover>;
+};
+
+export default SelectCodeExport;

package/src/aldehyde/controls/file-view/drawer-file-view.tsx

@@ -1,118 +1,118 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Button, Drawer, Space, Spin } from 'antd';
-import { DownloadOutlined, CloseOutlined } from '@ant-design/icons';
-import loadable from '@loadable/component';
-import { renderAsync } from 'docx-preview';
-import { CommonFilePath } from "../../tmpl/interface";
-import HCService from "../../tmpl/hcservice-v3";
-import "./index.less";
-
-const Loading = <Spin tip="Loading..." />;
-
-// 懒加载 FileViewer
-const FileViewer = loadable(() => import('react-file-viewer'), { fallback: Loading });
-
-interface DrawerFileViewProps {
-    filePath: CommonFilePath;
-    serverKey?: string;
-    downloadable?: boolean;
-    contentType?: string;
-}
-
-const DrawerFileView: React.FC<DrawerFileViewProps> = (props) => {
-    const { filePath, serverKey, downloadable = true, contentType } = props;
-    const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
-    const [drawerSize, setDrawerSize] = useState<number | string>("1200px");
-    const containerRef = useRef(null);
-
-    const loadDocx = async () => {
-        try {
-            const response = await fetch(filePath.path);
-            const blob = await response.blob();
-            await renderAsync(blob, containerRef.current);
-        } catch (error) {
-            console.error('Failed to load document:', error);
-        }
-    };
-
-    useEffect(() => {
-        if (contentType === "docx" && filePath?.path && drawerOpen) {
-            loadDocx();
-        }
-    }, [filePath, drawerOpen]);
-
-    const onClose = () => {
-        setDrawerOpen(false);
-    };
-
-    const handleDownload = () => {
-        HCService.downloadDir(filePath.path, filePath.fileName);
-    };
-
-    const handleOpenDrawer = () => {
-        setDrawerOpen(true);
-    };
-
-    const onError = (e) => {
-        console.log(e, 'error in file-viewer');
-    }
-
-    return (
-        <span className='labelcss'>
-            <Button
-                type={'link'}
-                onClick={handleOpenDrawer}
-                size="small"
-                style={{ margin: 0 }}
-            >
-                {filePath.fileName}
-            </Button>
-            {downloadable ? (
-                <Button
-                    type={'text'}
-                    onClick={handleDownload}
-                    size="small"
-                >
-                    <DownloadOutlined />
-                </Button>
-            ) : null}
-            {drawerOpen && (
-                <Drawer
-                    title={filePath.fileName}
-                    placement={'left'}
-                    size={drawerSize}
-                    resizable={{ onResize: (newSize => setDrawerSize(newSize)) }}
-                    closable={false}
-                    onClose={onClose}
-                    open={drawerOpen}
-                    styles={{ body: { minWidth: "1000px" } }}
-                    extra={
-                        <Space>
-                            {downloadable ? (
-                                <Button onClick={handleDownload}>
-                                    <DownloadOutlined />
-                                </Button>
-                            ) : null}
-                            <Button onClick={onClose}>
-                                <CloseOutlined />
-                            </Button>
-                        </Space>
-                    }
-                    className='drawer-file-view'
-                >
-                    {contentType === "docx" ?
-                        <div ref={containerRef} style={{ width: '100%', height: '100vh' }} /> :
-                        <FileViewer
-                            style={{ width: '100%' }}
-                            fileType={filePath.contentType}
-                            filePath={filePath.path}
-                            errorComponent={undefined}
-                            onError={onError}
-                        />}
-                </Drawer>
-            )}
-        </span>
-    );
-};
-
+import React, { useEffect, useRef, useState } from 'react';
+import { Button, Drawer, Space, Spin } from 'antd';
+import { DownloadOutlined, CloseOutlined } from '@ant-design/icons';
+import loadable from '@loadable/component';
+import { renderAsync } from 'docx-preview';
+import { CommonFilePath } from "../../tmpl/interface";
+import HCService from "../../tmpl/hcservice-v3";
+import "./index.less";
+
+const Loading = <Spin tip="Loading..." />;
+
+// 懒加载 FileViewer
+const FileViewer = loadable(() => import('react-file-viewer'), { fallback: Loading });
+
+interface DrawerFileViewProps {
+    filePath: CommonFilePath;
+    serverKey?: string;
+    downloadable?: boolean;
+    contentType?: string;
+}
+
+const DrawerFileView: React.FC<DrawerFileViewProps> = (props) => {
+    const { filePath, serverKey, downloadable = true, contentType } = props;
+    const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
+    const [drawerSize, setDrawerSize] = useState<number | string>("1200px");
+    const containerRef = useRef(null);
+
+    const loadDocx = async () => {
+        try {
+            const response = await fetch(filePath.path);
+            const blob = await response.blob();
+            await renderAsync(blob, containerRef.current);
+        } catch (error) {
+            console.error('Failed to load document:', error);
+        }
+    };
+
+    useEffect(() => {
+        if (contentType === "docx" && filePath?.path && drawerOpen) {
+            loadDocx();
+        }
+    }, [filePath, drawerOpen]);
+
+    const onClose = () => {
+        setDrawerOpen(false);
+    };
+
+    const handleDownload = () => {
+        HCService.downloadDir(filePath.path, filePath.fileName);
+    };
+
+    const handleOpenDrawer = () => {
+        setDrawerOpen(true);
+    };
+
+    const onError = (e) => {
+        console.log(e, 'error in file-viewer');
+    }
+
+    return (
+        <span className='labelcss'>
+            <Button
+                type={'link'}
+                onClick={handleOpenDrawer}
+                size="small"
+                style={{ margin: 0 }}
+            >
+                {filePath.fileName}
+            </Button>
+            {downloadable ? (
+                <Button
+                    type={'text'}
+                    onClick={handleDownload}
+                    size="small"
+                >
+                    <DownloadOutlined />
+                </Button>
+            ) : null}
+            {drawerOpen && (
+                <Drawer
+                    title={filePath.fileName}
+                    placement={'left'}
+                    size={drawerSize}
+                    resizable={{ onResize: (newSize => setDrawerSize(newSize)) }}
+                    closable={false}
+                    onClose={onClose}
+                    open={drawerOpen}
+                    styles={{ body: { minWidth: "1000px" } }}
+                    extra={
+                        <Space>
+                            {downloadable ? (
+                                <Button onClick={handleDownload}>
+                                    <DownloadOutlined />
+                                </Button>
+                            ) : null}
+                            <Button onClick={onClose}>
+                                <CloseOutlined />
+                            </Button>
+                        </Space>
+                    }
+                    className='drawer-file-view'
+                >
+                    {contentType === "docx" ?
+                        <div ref={containerRef} style={{ width: '100%', height: '100vh' }} /> :
+                        <FileViewer
+                            style={{ width: '100%' }}
+                            fileType={filePath.contentType}
+                            filePath={filePath.path}
+                            errorComponent={undefined}
+                            onError={onError}
+                        />}
+                </Drawer>
+            )}
+        </span>
+    );
+};
+
 export default DrawerFileView;