aldehyde 0.2.213 → 0.2.215

package/src/aldehyde/table/column/column-builder.tsx

@@ -0,0 +1,566 @@
+import React from "react";
+import {
+  ColumnConfig,
+  CustomButton,
+  DoEditParam,
+  DtmplData,
+  JumpConfig,
+  LtmplConfig,
+  ShowViewParam
+} from "../../tmpl/interface";
+import TableUnits from "../table-util";
+import SupportInputTypes from "../../tmpl/control-type-supportor";
+import {Button, Popconfirm, Space, theme, Tooltip} from "antd";
+import {SortableHandle} from "react-sortable-hoc";
+import {
+  AlignLeftOutlined, CopyOutlined, DeleteOutlined,
+  EyeInvisibleOutlined,
+  EyeOutlined,
+  FormOutlined,
+  KeyOutlined,
+  MenuOutlined
+} from "@ant-design/icons";
+import ActionUtils from "../../controls/action/utils";
+import ViewButton from "../../detail/button/view-button";
+import EditButton from "../../detail/button/edit-button";
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+import Action from "../../controls/action";
+import CquickButton from "../../controls/cquery/cquick-button";
+import {ViewControl} from "../../index";
+import NewinFileView from "../../controls/file-view/newin-file-view";
+
+
+interface ColumnBuilderProps {
+  ltmplConfig: LtmplConfig,
+  hiddenColIds?: string[],
+  hiddenRowCodes?: string[],
+  sortedColConfigs?: ColumnConfig[],
+  showView?: (showVievParam: ShowViewParam) => void;
+  doEdit?: (doEditParam: DoEditParam) => void;
+  doRAction?: (ractionId: string, mainCode: string) => void;
+  customEditable?: boolean;
+  serverKey?:string,
+  readOnly?:boolean,
+  sourceId:string,
+  translate:(...strs: string[]) => string;
+  unHiden?:()=>any,
+  onHide?:(code: string)=>any,
+  doCustomButton?:(customButton: CustomButton, records: DtmplData[]) => any,
+  doRowJump?:(jump: JumpConfig, record: DtmplData)=>any,
+  blockMenuTreeDrawerOpen?:(record)=>any,
+  doRowAction?:(actionId: string, codes: string[], params: object) =>any,
+  doDeleteByCode?:(code: string)=>any,sortColumns:any
+}
+
+interface ReportColumnBuilderProps {
+  columnConfigs: ColumnConfig[],
+  translate:(...strs: string[]) => string;
+  leftFixedCols: number,
+}
+
+
+export default {
+
+    buildTableColumns(props: ColumnBuilderProps) {
+    const {
+      ltmplConfig,
+      hiddenColIds,
+      hiddenRowCodes,
+      sortedColConfigs,
+      showView,
+      doEdit,
+      doRAction,
+      customEditable,
+      serverKey,
+      readOnly,
+      sourceId, translate, unHiden,
+      onHide, doCustomButton, doRowJump, blockMenuTreeDrawerOpen,
+      doRowAction, doDeleteByCode,sortColumns
+    } = props;
+
+    const {buttons, builtInButtons} = ltmplConfig;
+    let tableColumns = [];
+    let s = 0;
+    let colConfigs = sortedColConfigs ? sortedColConfigs : ltmplConfig.columns;
+
+    let currentDataColIndex = 0;
+
+    colConfigs.forEach((item) => {
+      let column = {};
+      if (!hiddenColIds || !hiddenColIds.includes(item.id)) {
+        tableColumns.push(column);
+      }
+      column["title"] = item.title;
+      column["dataIndex"] = item.id;
+      if (item["colWidth"]) column["width"] = item["colWidth"];
+      if (item["statColType"]) column["statColType"] = item["statColType"];
+      if (item["aggFunc"]) column["cal"] = item["aggFunc"];
+      if (item["order"]) column["order"] = Number(item["order"]);
+      // column['ellipsis']= true;
+      s++;
+      let itemType = SupportInputTypes.getSupportControlType(item);
+      if (s < 12 && item.title != "操作" && item.title != "序号") {
+        if (hiddenColIds.includes("10000")) {
+          const order = this.handleColumnOrder(column["dataIndex"], sortColumns);
+          if (item.sortable) {
+            TableUnits.sort(column, itemType, order);
+          }
+
+        }
+      }
+      //特殊列处理
+      //序号
+      if (item.title === "序号") {
+        column["width"] = item.colWidth ? item.colWidth : 50;
+        column["title"] = translate("${序号}");
+        column["align"] = item.valueAlign ? item.valueAlign : "center";
+        column["render"] = (text, record, index) => <label>{index + 1}</label>;
+        item["sorter"] = undefined;
+      } else if (item.id == "10000") {
+        column["title"] = (
+            <Tooltip title={translate("${拖拽排序}")}>
+              {translate("${" + item.title + "}")}
+            </Tooltip>
+        );
+        column["width"] = 30;
+        column["dataIndex"] = item.id;
+        column["className"] = "drag-visible";
+        column["render"] = () => <DragHandle/>;
+      } else if (item.id == "20000") {
+        //隐藏
+        column["align"] = "center";
+        column["width"] = 40;
+        column["title"] = (
+            <>
+              {hiddenRowCodes.length > 0 ? (
+                  <Tooltip title={translate("${取消隐藏}")}>
+                    <Button
+                        style={{marginRight: "0px"}}
+                        size="small"
+                        shape={"circle"}
+                        icon={<EyeOutlined/>}
+                        type={"text"}
+                        onClick={() => unHiden()}
+                    ></Button>
+                  </Tooltip>
+              ) : (
+                  ""
+              )}
+            </>
+        );
+        column["render"] = (text, record) => (
+            <Tooltip title={translate("${隐藏}")}>
+              {" "}
+              <Button
+                  style={{marginRight: "0px"}}
+                  icon={<EyeInvisibleOutlined/>}
+                  type="dashed"
+                  size="small"
+                  onClick={() => onHide(record.code)}
+              ></Button>
+            </Tooltip>
+        );
+      } else if (item.title === "操作") {
+        column["fixed"] = "right";
+        column["align"] = "center";
+        column["width"] = item.colWidth ? item.colWidth : 160;
+        column["className"] = "opsColumn";
+        column["title"] = <>{translate("${操作}")}</>;
+        column["render"] = (text, record) => (
+            <Space size={[0, 4]} wrap>
+              {buttons.includes("detail") &&
+              showView &&
+              ActionUtils.isShow(
+                  ltmplConfig.buttonViewAction?.preposes,
+                  [record],
+                  undefined
+              ) ? (
+                  <ViewButton
+                      showView={showView}
+                      data={record}
+                      ltmplConfig={ltmplConfig}
+                  ></ViewButton>
+              ) : (
+                  ""
+              )}
+              {buttons.includes("customDetail") &&
+              showView &&
+              ActionUtils.isShow(
+                  ltmplConfig.buttonViewAction?.preposes,
+                  [record],
+                  undefined
+              ) ? (
+                  <Button
+                      size="small"
+                      type="primary"
+                      icon={<AlignLeftOutlined/>}
+                      onClick={() => showView({code: record.code})}
+                  ></Button>
+              ) : (
+                  ""
+              )}
+              {buttons.includes("dtmplEdit") && doEdit && !readOnly ? (
+                  <EditButton
+                      doEdit={doEdit}
+                      data={record}
+                      ltmplConfig={ltmplConfig}
+                  ></EditButton>
+              ) : (
+                  ""
+              )}
+              {builtInButtons?.includes("blockAuthMenuTree") && !readOnly ? (
+                  <Button
+                      size="small"
+                      type="dashed"
+                      icon={
+                        <KeyOutlined
+                            rotate={180}
+                            style={{color: "#f5222d", marginRight: "4px"}}
+                        />
+                      }
+                      onClick={() => blockMenuTreeDrawerOpen(record)
+                      }
+                  ></Button>
+              ) : (
+                  ""
+              )}
+              {(buttons.includes("dtmplCustomEdit") || customEditable) &&
+              doEdit &&
+              !readOnly &&
+              ActionUtils.isShow(
+                  ltmplConfig.buttonEditAction?.preposes,
+                  [record],
+                  undefined
+              ) ? (
+                  <Button
+                      size="small"
+                      type="dashed"
+                      icon={<FormOutlined/>}
+                      onClick={() =>
+                          doEdit({
+                            code: record.code,
+                            mode: "update",
+                            toCustomPage: true,
+                          })
+                      }
+                  ></Button>
+              ) : (
+                  ""
+              )}
+              {buttons.includes("copy") && doEdit && !readOnly ? (
+                  <Tooltip title={translate("${复制}")}>
+                    <Button
+                        size="small"
+                        type="dashed"
+                        icon={<CopyOutlined/>}
+                        onClick={async () => {
+                          //先复制
+                          let toCustomPage = false;
+                          if (buttons.includes("dtmplCustomEdit") || customEditable) {
+                            toCustomPage = true;
+                          }
+                          let code = await HcserviceV3.doCopy(
+                              serverKey,
+                              sourceId,
+                              record.code
+                          );
+                          if (code) {
+                            doEdit({code, mode: "update", toCustomPage});
+                          }
+                        }}
+                    ></Button>
+                  </Tooltip>
+              ) : (
+                  ""
+              )}
+              {ltmplConfig.rowCustomButtons
+                  ? ltmplConfig.rowCustomButtons.map((customButton) => {
+                    return (
+                        <Button
+                            key={customButton.id}
+                            size="small"
+                            type={
+                              customButton.buttonType
+                                  ? customButton.buttonType
+                                  : "dashed"
+                            }
+                            onClick={() =>
+                                doCustomButton(customButton, [record])
+                            }
+                        >
+                          {translate("${" + customButton.title + "}")}
+                        </Button>
+                    );
+                  })
+                  : ""}
+              {ltmplConfig.ractions && !readOnly
+                  ? ltmplConfig.ractions.map((raction) => {
+                    return (
+                        ActionUtils.isShow(
+                            raction?.preposes,
+                            [record],
+                            undefined
+                        ) ?
+                            <Button
+                                key={raction.id}
+                                size="small"
+                                type="dashed"
+                                onClick={() => doRAction(raction.id, record.code)}
+                            >
+                              {translate("${" + raction.title + "}")}
+                            </Button> : ""
+                    );
+                  })
+                  : ""}
+
+              {ltmplConfig.rowActions &&
+              !readOnly &&
+              ltmplConfig.rowActions.length > 0
+                  ? ltmplConfig.rowActions.map((action) => {
+                    return (
+                        <Action
+                            serverKey={serverKey}
+                            iconType={"icon"}
+                            key={action.id}
+                            data={[record]}
+                            actionConfig={action}
+                            doAction={doRowAction}
+                            buttonSize={"small"}
+                            serial={1}
+                        ></Action>
+                    );
+                  })
+                  : ""}
+
+              {ltmplConfig.rowJumps &&
+              ltmplConfig.rowJumps.length > 0 &&
+              !readOnly
+                  ? ltmplConfig.rowJumps.map((jump) => {
+                    return (
+                        <Button
+                            key={jump.id}
+                            size="small"
+                            type="dashed"
+                            onClick={() => doRowJump(jump, record)}
+                        >
+                          {translate("${" + jump.title + "}")}
+                        </Button>
+                    );
+                  })
+                  : ""}
+              {ltmplConfig.rowCQuerys &&
+              ltmplConfig.rowCQuerys.length > 0 &&
+              !readOnly
+                  ? ltmplConfig.rowCQuerys.map((cquery) => {
+                    // console.log("record record", record);
+                    return (
+                        <CquickButton
+                            serverKey={serverKey}
+                            key={cquery.id}
+                            size={"small"}
+                            pageType={"drawer"}
+                            // onClick={() => doCQuery(cquery.id)}
+                            cQueryConfig={cquery}
+                            mainCode={
+                              cquery.mainCodeColId
+                                  ? record[cquery.mainCodeColId]
+                                  : record.code
+                            }
+                        />
+                    );
+                  })
+                  : ""}
+              {ltmplConfig.rowFileButtons &&
+              ltmplConfig.rowFileButtons.length > 0
+                  ? ltmplConfig.rowFileButtons.map((openFileButton) => {
+                    let v = record[openFileButton.fieldId];
+                    if (v) {
+                      if (v instanceof Array) {
+                        v = v[0];
+                      }
+                      if (v.includes("@R@") > 0) {
+                        v = v.split("@R@")[1];
+                      }
+                      let HCService;
+                      return (
+                          <NewinFileView
+                              title={openFileButton.title}
+                              filePath={HCService.toFilePath(v, serverKey)}
+                              serverKey={serverKey}
+                              key={openFileButton.id}
+                              //size={"small"}
+                          />
+                      );
+                    } else {
+                      return "";
+                    }
+                  })
+                  : ""}
+              {buttons.includes("singleDelete") &&
+              !readOnly &&
+              ActionUtils.isShow(
+                  ltmplConfig.buttonDeleteAction?.preposes,
+                  [record],
+                  undefined
+              ) ? (
+                  <Popconfirm
+                      placement="rightBottom"
+                      title={translate("${确定要[删除]此数据吗}?")}
+                      onConfirm={() => {
+                        doDeleteByCode(record.code);
+                      }}
+                      okText={translate("${确定}")}
+                      cancelText={translate("${取消}")}
+                      okType={"danger"}
+                  >
+                    <Button size="small" type="dashed" danger>
+                      <DeleteOutlined/>
+                    </Button>
+                  </Popconfirm>
+              ) : (
+                  ""
+              )}
+            </Space>
+        );
+      } else {
+        currentDataColIndex++;
+        column["className"] = "opsColumn";
+        column["title"] = translate("${" + item.title + "}");
+        column["width"] = item.colWidth ? item.colWidth : 160;
+        column["ellipsis"] = {showTitle: true};
+        column["align"] = item.valueAlign ? item.valueAlign : "left";
+        if (
+            ltmplConfig.leftFixedCols &&
+            ltmplConfig.leftFixedCols >= currentDataColIndex
+        ) {
+          column["fixed"] = "left";
+        } else {
+          column["fixed"] = item.colFixed
+              ? item.colFixed == "right"
+                  ? "right"
+                  : "left"
+              : false;
+        }
+        column["render"] = (text, record) => {
+          return (
+              <div className={record['dataType']?record['dataType']=="小计"?"xiaoji":'zongji':""}>
+              <ViewControl
+                  serverKey={serverKey}
+                  fieldConfig={item}
+                  value={record[item.id]}
+                  holderType={"table"}
+              /></div>
+          );
+        };
+      }
+    });
+
+    console.log("columns", tableColumns);
+
+    return tableColumns;
+  },
+
+  buildReportTableColumns(props: ReportColumnBuilderProps) {
+    const {
+      columnConfigs,translate,  leftFixedCols
+    } = props;
+
+    let tableColumns = [];
+    let s = 0;
+    let colConfigs = columnConfigs;
+
+    let currentDataColIndex = 0;
+
+    colConfigs.forEach((item) => {
+      let column = {};
+      if(item.upperColumnTitle){
+       let parent;
+        tableColumns.forEach(t=>{
+          if(t.title==item.upperColumnTitle && t.children){
+            parent=t;
+            return
+          }
+        })
+        if(parent){
+          parent.children.push(column);
+        }else{
+          tableColumns.push({title:item.upperColumnTitle,children:[column]})
+        }
+      }else{
+        tableColumns.push(column);
+      }
+
+      column["title"] = item.title;
+      column["dataIndex"] = item.id;
+      if (item["colWidth"]) column["width"] = item["colWidth"];
+      if (item["order"]) column["order"] = Number(item["order"]);
+      // column['ellipsis']= true;
+      s++;
+      //特殊列处理
+      //序号
+      if (item.title === "序号") {
+        column["width"] = item.colWidth ? item.colWidth : 50;
+        column["title"] = translate("${序号}");
+        column["align"] = item.valueAlign ? item.valueAlign : "center";
+        column["render"] = (text, record, index) => <label>{index + 1}</label>;
+        item["sorter"] = undefined;
+      } else {
+        currentDataColIndex++;
+        column["className"] = "opsColumn";
+        column["title"] = translate("${" + item.title + "}");
+        column["width"] = item.colWidth ? item.colWidth : 160;
+        column["ellipsis"] = {showTitle: true};
+        column["align"] = item.valueAlign ? item.valueAlign : "left";
+        if (
+            leftFixedCols &&
+            leftFixedCols >= currentDataColIndex
+        ) {
+          column["fixed"] = "left";
+        } else {
+          column["fixed"] = item.colFixed
+              ? item.colFixed == "right"
+                  ? "right"
+                  : "left"
+              : false;
+        }
+        column["render"] = (text, record) => {
+          return (
+              <div className={record['dataType']?record['dataType']=="小计"?"xiaoji":'zongji':""}>
+                <ViewControl
+                    // serverKey={serverKey}
+                    fieldConfig={item}
+                    value={record[item.id]}
+                    holderType={"table"}
+                /></div>
+          );
+        };
+      }
+    });
+
+    console.log("columns", tableColumns);
+
+    return tableColumns;
+  },
+
+   handleColumnOrder (columnId, sortColumns) {
+    //const sortColumns = this.props.criteriaData["sortColIds"];
+
+    if (!Array.isArray(sortColumns)) return undefined;
+
+    for (const column of sortColumns) {
+      const [key, sort] = column.split("_");
+
+      if (key === columnId) {
+        if (sort === "asc") return "ascend";
+        if (sort === "desc") return "descend";
+        continue;
+      }
+    }
+
+    return undefined;
+  }
+
+}
+const DragHandle = SortableHandle(() => (
+    <MenuOutlined style={{cursor: "grab", color: "#999"}}/>
+))

package/src/aldehyde/table/column/theme-color-getter.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import {generate} from "@ant-design/colors";
+import ReactDOMServer from "react-dom/server";
+import {theme} from "antd";
+
+
+const { useToken } = theme;
+
+export default {
+   ThemeColorGetter(props){
+  const {
+    token,
+  } = useToken();
+  const colors = generate(token.colorPrimary);
+  console.log("colorPrimary"+token.colorPrimary);
+  return colors[props.index]
+},
+   getColor(index:number){
+     const c = ReactDOMServer.renderToString(<this.ThemeColorGetter index={index}/>);
+     console.log(c);
+    return c;
+}
+}
+
+