aldehyde 0.2.197 → 0.2.199

package/src/aldehyde/controls/entity-select/popover-entity-select.tsx

@@ -1,190 +1,190 @@
-import * as React from "react";
-import { Button, Popover, Select } from "antd";
-import { EControlProps, SelectedRow } from "../../tmpl/interface";
-import { SearchOutlined } from "@ant-design/icons";
-import SelectTable from "../../table/select-table";
-import ActTable from "../../table/act-table";
-import "./index.css";
-import { LocaleContext } from "../../locale/LocaleProvider";
-
-interface PopoverEntitySelectProps extends EControlProps {
-  maxSelected?: number;
-  onEntityClick?: (code: string) => void;
-}
-
-interface PopoverEntitySelectState {}
-
-export default class PopoverEntitySelect extends React.PureComponent<
-  PopoverEntitySelectProps,
-  PopoverEntitySelectState
-> {
-  static defaultProps = {
-    maxSelected: 100,
-  };
-
-  state = {};
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  onClick = () => {
-    this.setState({
-      showSelectTable: true,
-    });
-  };
-
-  onSelect = (selectedRows: SelectedRow[]) => {
-    const { value, onChange } = this.props;
-    let newValue = [];
-    if (selectedRows) {
-      for (let row of selectedRows) {
-        let title: string = null;
-        if (row.title instanceof Array) {
-          title = row.title[0];
-        } else {
-          title = row.title;
-        }
-
-        // console.log('1323',title);
-        if (row.title && row.title.includes("@R@")) {
-          let ts = title.split("@R@");
-          title = ts[ts.length - 1];
-        }
-        newValue.push(row.code + "@R@" + title);
-      }
-    }
-    onChange(newValue);
-  };
-
-  toArray = (value) => {
-    let valueArray: string[] = [];
-    if (value instanceof Array) {
-      valueArray = value;
-    } else {
-      if (value) {
-        valueArray = value.split(",");
-      } else {
-        valueArray = [];
-      }
-    }
-
-    return valueArray;
-  };
-
-  toValueArray = (value) => {
-    let result = [];
-    let valueArray = this.toArray(value);
-    for (let v of valueArray) {
-      if (v) {
-        let vs = v.split("@R@");
-        if (vs[1] != "null") {
-          result.push(vs[0]);
-        }
-      }
-    }
-    return result;
-  };
-
-  render() {
-    const {
-      id,
-      value,
-      itemType,
-      fieldConfig,
-      onChange,
-      style,
-      maxSelected,
-      onEntityClick,
-      mainCode,
-      serverKey,
-    } = this.props;
-    const {} = this.state;
-    const { translate } = this.context;
-    let selectedRows: SelectedRow[] = [];
-    let relationOptions = [];
-
-    let valueArray: string[] = this.toArray(value);
-
-    valueArray.forEach((v) => {
-      if (v.indexOf("@R@") > 0) {
-        let vs = v.split("@R@");
-        selectedRows.push({ code: vs[0], title: vs[1] });
-        relationOptions.push({
-          value: vs[0],
-          label: onEntityClick ? (
-            <Button
-              size={"small"}
-              style={{ padding: "0px" }}
-              type="link"
-              title=""
-              onClick={(e) => {
-                e.stopPropagation();
-                onEntityClick(vs[0]);
-              }}
-            >
-              {vs[1]}
-            </Button>
-          ) : (
-            vs[1]
-          ),
-        });
-      }
-    });
-
-    return (
-      <>
-        <Popover
-          overlayClassName={"-popover"}
-          placement="bottom"
-          color={"#f0f0f0"}
-          overlayStyle={{
-            maxWidth: "calc(100vw - 60px)",
-            maxHeight: "calc(100vh - 50px)",
-          }}
-          overlayInnerStyle={{ padding: "0px" }}
-          // getPopupContainer={(triggerNode) => {
-          //        return triggerNode.parentNode;}}
-          content={
-            <div
-              style={{
-                height: 300,
-                backgroundColor: "#fafafa",
-                overflow: "auto",
-                borderStyle: "solid",
-                borderRadius: "6px",
-                borderWidth: "0px",
-                borderColor: "#8c8c8c",
-              }}
-            >
-                <SelectTable
-                serverKey={serverKey}
-                mainCode={mainCode}
-                maxSelectedRows={maxSelected}
-                selectedRows={selectedRows}
-                sourceId={fieldConfig.sourceId}
-                onChange={this.onSelect}
-              ></SelectTable>
-            </div>
-          }
-          trigger="click"
-        >
-          <Select
-            id={id}
-            style={{ ...style }}
-            value={this.toValueArray(valueArray)}
-            mode="multiple"
-            placeholder={translate("${请选择}${" + fieldConfig.title + "}")}
-            notFoundContent={translate("${请选择}")}
-            allowClear={true}
-            showArrow={true}
-            suffixIcon={<SearchOutlined />}
-            dropdownStyle={{ display: "none" }}
-            onChange={(value) => {
-              onChange(value);
-            }}
-            options={relationOptions}
-          ></Select>
-        </Popover>
-      </>
-    );
-  }
-}
+import * as React from "react";
+import { Button, Popover, Select } from "antd";
+import { EControlProps, SelectedRow } from "../../tmpl/interface";
+import { SearchOutlined } from "@ant-design/icons";
+import SelectTable from "../../table/select-table";
+import ActTable from "../../table/act-table";
+import "./index.css";
+import { LocaleContext } from "../../locale/LocaleProvider";
+
+interface PopoverEntitySelectProps extends EControlProps {
+  maxSelected?: number;
+  onEntityClick?: (code: string) => void;
+}
+
+interface PopoverEntitySelectState {}
+
+export default class PopoverEntitySelect extends React.PureComponent<
+  PopoverEntitySelectProps,
+  PopoverEntitySelectState
+> {
+  static defaultProps = {
+    maxSelected: 100,
+  };
+
+  state = {};
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  onClick = () => {
+    this.setState({
+      showSelectTable: true,
+    });
+  };
+
+  onSelect = (selectedRows: SelectedRow[]) => {
+    const { value, onChange } = this.props;
+    let newValue = [];
+    if (selectedRows) {
+      for (let row of selectedRows) {
+        let title: string = null;
+        if (row.title instanceof Array) {
+          title = row.title[0];
+        } else {
+          title = row.title;
+        }
+
+        // console.log('1323',title);
+        if (row.title && row.title.includes("@R@")) {
+          let ts = title.split("@R@");
+          title = ts[ts.length - 1];
+        }
+        newValue.push(row.code + "@R@" + title);
+      }
+    }
+    onChange(newValue);
+  };
+
+  toArray = (value) => {
+    let valueArray: string[] = [];
+    if (value instanceof Array) {
+      valueArray = value;
+    } else {
+      if (value) {
+        valueArray = value.split(",");
+      } else {
+        valueArray = [];
+      }
+    }
+
+    return valueArray;
+  };
+
+  toValueArray = (value) => {
+    let result = [];
+    let valueArray = this.toArray(value);
+    for (let v of valueArray) {
+      if (v) {
+        let vs = v.split("@R@");
+        if (vs[1] != "null") {
+          result.push(vs[0]);
+        }
+      }
+    }
+    return result;
+  };
+
+  render() {
+    const {
+      id,
+      value,
+      itemType,
+      fieldConfig,
+      onChange,
+      style,
+      maxSelected,
+      onEntityClick,
+      mainCode,
+      serverKey,
+    } = this.props;
+    const {} = this.state;
+    const { translate } = this.context;
+    let selectedRows: SelectedRow[] = [];
+    let relationOptions = [];
+
+    let valueArray: string[] = this.toArray(value);
+
+    valueArray.forEach((v) => {
+      if (v.indexOf("@R@") > 0) {
+        let vs = v.split("@R@");
+        selectedRows.push({ code: vs[0], title: vs[1] });
+        relationOptions.push({
+          value: vs[0],
+          label: onEntityClick ? (
+            <Button
+              size={"small"}
+              style={{ padding: "0px" }}
+              type="link"
+              title=""
+              onClick={(e) => {
+                e.stopPropagation();
+                onEntityClick(vs[0]);
+              }}
+            >
+              {vs[1]}
+            </Button>
+          ) : (
+            vs[1]
+          ),
+        });
+      }
+    });
+
+    return (
+      <>
+        <Popover
+          overlayClassName={"-popover"}
+          placement="bottom"
+          color={"#f0f0f0"}
+          overlayStyle={{
+            maxWidth: "calc(100vw - 60px)",
+            maxHeight: "calc(100vh - 50px)",
+          }}
+          overlayInnerStyle={{ padding: "0px" }}
+          // getPopupContainer={(triggerNode) => {
+          //        return triggerNode.parentNode;}}
+          content={
+            <div
+              style={{
+                height: 300,
+                backgroundColor: "#fafafa",
+                overflow: "auto",
+                borderStyle: "solid",
+                borderRadius: "6px",
+                borderWidth: "0px",
+                borderColor: "#8c8c8c",
+              }}
+            >
+                <SelectTable
+                serverKey={serverKey}
+                mainCode={mainCode}
+                maxSelectedRows={maxSelected}
+                selectedRows={selectedRows}
+                sourceId={fieldConfig.sourceId}
+                onChange={this.onSelect}
+              ></SelectTable>
+            </div>
+          }
+          trigger="click"
+        >
+          <Select
+            id={id}
+            style={{ ...style }}
+            value={this.toValueArray(valueArray)}
+            mode="multiple"
+            placeholder={translate("${请选择}${" + fieldConfig.title + "}")}
+            notFoundContent={translate("${请选择}")}
+            allowClear={true}
+            showArrow={true}
+            suffixIcon={<SearchOutlined />}
+            dropdownStyle={{ display: "none" }}
+            onChange={(value) => {
+              onChange(value);
+            }}
+            options={relationOptions}
+          ></Select>
+        </Popover>
+      </>
+    );
+  }
+}