aldehyde 0.2.197 → 0.2.199

package/src/aldehyde/controls/progress/index.tsx

@@ -1,74 +1,74 @@
-import React from "react";
-import {
-  InputNumber as AntdInputNumber,
-  Progress as AntdProgress,
-  Space,
-} from "antd";
-import { EControlProps, VEControlProps } from "../../tmpl/interface";
-import Units from "../../units";
-import { useLocale } from "../../locale/useLocale";
-
-interface ProgressProps extends VEControlProps {}
-
-const Progress: React.FC<ProgressProps> = (props) => {
-  const { value, itemType, fieldConfig, onChange, style, viewOrEdit } = props;
-  const { translate } = useLocale();
-
-  let val = 0;
-
-  if (!value) {
-    val = 0;
-  } else {
-    if (isNaN(value)) {
-      val = value;
-    } else {
-      val = value.toString();
-    }
-  }
-
-  const changeValue = (value) => {
-    if (onChange) {
-      onChange(value);
-    }
-  };
-
-  const changeInt = (e) => {
-    //只允许输入整数
-    if (e.target.value && !isNaN(e.target.value)) {
-      e.target.value = parseInt(e.target.value);
-    } else {
-      e.target.value = 0;
-    }
-  };
-
-  let placeholder = !fieldConfig.disabled
-    ? translate("${请输入}${" + fieldConfig.title + "}")
-    : translate("${无需输入}");
-  let disabled: boolean = fieldConfig.disabled;
-
-  let antdControlProps = {
-    placeholder,
-    disabled,
-    value,
-  };
-
-  let entryControl;
-
-  if (viewOrEdit == "view" || fieldConfig.disabled) {
-    entryControl = <AntdProgress width={90} percent={val} />;
-  } else {
-    entryControl = (
-      <AntdInputNumber
-        style={{ ...style }}
-        min={0}
-        max={100}
-        {...antdControlProps}
-        onKeyUp={changeInt}
-        onChange={changeValue}
-      />
-    );
-  }
-  return entryControl;
-};
-
-export default Progress;
+import React from "react";
+import {
+  InputNumber as AntdInputNumber,
+  Progress as AntdProgress,
+  Space,
+} from "antd";
+import { EControlProps, VEControlProps } from "../../tmpl/interface";
+import Units from "../../units";
+import { useLocale } from "../../locale/useLocale";
+
+interface ProgressProps extends VEControlProps {}
+
+const Progress: React.FC<ProgressProps> = (props) => {
+  const { value, itemType, fieldConfig, onChange, style, viewOrEdit } = props;
+  const { translate } = useLocale();
+
+  let val = 0;
+
+  if (!value) {
+    val = 0;
+  } else {
+    if (isNaN(value)) {
+      val = value;
+    } else {
+      val = value.toString();
+    }
+  }
+
+  const changeValue = (value) => {
+    if (onChange) {
+      onChange(value);
+    }
+  };
+
+  const changeInt = (e) => {
+    //只允许输入整数
+    if (e.target.value && !isNaN(e.target.value)) {
+      e.target.value = parseInt(e.target.value);
+    } else {
+      e.target.value = 0;
+    }
+  };
+
+  let placeholder = !fieldConfig.disabled
+    ? translate("${请输入}${" + fieldConfig.title + "}")
+    : translate("${无需输入}");
+  let disabled: boolean = fieldConfig.disabled;
+
+  let antdControlProps = {
+    placeholder,
+    disabled,
+    value,
+  };
+
+  let entryControl;
+
+  if (viewOrEdit == "view" || fieldConfig.disabled) {
+    entryControl = <AntdProgress width={90} percent={val} />;
+  } else {
+    entryControl = (
+      <AntdInputNumber
+        style={{ ...style }}
+        min={0}
+        max={100}
+        {...antdControlProps}
+        onKeyUp={changeInt}
+        onChange={changeValue}
+      />
+    );
+  }
+  return entryControl;
+};
+
+export default Progress;

package/src/aldehyde/controls/relation-existion/index.css

@@ -1,4 +1,4 @@
-
-.ant-popover-inner-content {
-  padding: 4px;
-}
+
+.ant-popover-inner-content {
+  padding: 4px;
+}

package/src/aldehyde/controls/relation-existion/index.tsx

@@ -1,140 +1,140 @@
-import * as React from "react";
-import { Popover, Select } from "antd";
-import { EControlProps, SelectedRow } from "../../tmpl/interface";
-import { SearchOutlined } from "@ant-design/icons";
-import SelectTable from "../../table/select-table";
-import "./index.css";
-import { LocaleContext } from "../../locale/LocaleProvider";
-
-interface RelationExistionProps extends EControlProps {}
-
-interface RelationExistionState {
-  showSelectTable?: boolean;
-}
-
-export default class RelationExistion extends React.PureComponent<
-  RelationExistionProps,
-  RelationExistionState
-> {
-  state = {
-    showSelectTable: false,
-  };
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  onClick = () => {
-    this.setState({
-      showSelectTable: true,
-    });
-  };
-
-  onClear = () => {
-    const { onChange } = this.props;
-    onChange([]);
-  };
-
-  onDeselect = (val: string) => {
-    const { value, onChange } = this.props;
-    let newValue = [];
-    if (value) {
-      for (let v of value) {
-        if (val != v) {
-          newValue.push(v);
-        }
-      }
-    }
-    onChange(newValue);
-  };
-
-  onSelect = (selectedRows: SelectedRow[]) => {
-    const { value, onChange } = this.props;
-    let newValue = [];
-    if (selectedRows) {
-      for (let row of selectedRows) {
-        newValue.push(row.code + "@R@" + row.title);
-      }
-    }
-    onChange(newValue);
-    // this.setState({
-    //     showSelectTable: false,
-    // })
-  };
-
-  render() {
-    const {
-      id,
-      value,
-      itemType,
-      fieldConfig,
-      onChange,
-      style,
-      serverKey,
-    } = this.props;
-    const { showSelectTable } = this.state;
-    const { translate } = this.context;
-    let selectedRows: SelectedRow[] = [];
-    let relationOptions = [];
-    if (value) {
-      value.forEach((v) => {
-        if (v.indexOf("@R@") > 0) {
-          let vs = v.split("@R@");
-          selectedRows.push({ code: vs[0], title: vs[1] });
-          relationOptions.push({ value: v, label: vs[1] });
-        }
-      });
-    }
-    return (
-      <>
-        <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}
-                selectedRows={selectedRows}
-                sourceId={fieldConfig.sourceId}
-                onChange={this.onSelect}
-              ></SelectTable>
-            </div>
-          }
-          trigger="click"
-        >
-          <Select
-            id={id}
-            style={{ ...style }}
-            value={value}
-            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 { Popover, Select } from "antd";
+import { EControlProps, SelectedRow } from "../../tmpl/interface";
+import { SearchOutlined } from "@ant-design/icons";
+import SelectTable from "../../table/select-table";
+import "./index.css";
+import { LocaleContext } from "../../locale/LocaleProvider";
+
+interface RelationExistionProps extends EControlProps {}
+
+interface RelationExistionState {
+  showSelectTable?: boolean;
+}
+
+export default class RelationExistion extends React.PureComponent<
+  RelationExistionProps,
+  RelationExistionState
+> {
+  state = {
+    showSelectTable: false,
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  onClick = () => {
+    this.setState({
+      showSelectTable: true,
+    });
+  };
+
+  onClear = () => {
+    const { onChange } = this.props;
+    onChange([]);
+  };
+
+  onDeselect = (val: string) => {
+    const { value, onChange } = this.props;
+    let newValue = [];
+    if (value) {
+      for (let v of value) {
+        if (val != v) {
+          newValue.push(v);
+        }
+      }
+    }
+    onChange(newValue);
+  };
+
+  onSelect = (selectedRows: SelectedRow[]) => {
+    const { value, onChange } = this.props;
+    let newValue = [];
+    if (selectedRows) {
+      for (let row of selectedRows) {
+        newValue.push(row.code + "@R@" + row.title);
+      }
+    }
+    onChange(newValue);
+    // this.setState({
+    //     showSelectTable: false,
+    // })
+  };
+
+  render() {
+    const {
+      id,
+      value,
+      itemType,
+      fieldConfig,
+      onChange,
+      style,
+      serverKey,
+    } = this.props;
+    const { showSelectTable } = this.state;
+    const { translate } = this.context;
+    let selectedRows: SelectedRow[] = [];
+    let relationOptions = [];
+    if (value) {
+      value.forEach((v) => {
+        if (v.indexOf("@R@") > 0) {
+          let vs = v.split("@R@");
+          selectedRows.push({ code: vs[0], title: vs[1] });
+          relationOptions.push({ value: v, label: vs[1] });
+        }
+      });
+    }
+    return (
+      <>
+        <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}
+                selectedRows={selectedRows}
+                sourceId={fieldConfig.sourceId}
+                onChange={this.onSelect}
+              ></SelectTable>
+            </div>
+          }
+          trigger="click"
+        >
+          <Select
+            id={id}
+            style={{ ...style }}
+            value={value}
+            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>
+      </>
+    );
+  }
+}

package/src/aldehyde/controls/rfield/index.css

@@ -1,4 +1,4 @@
-
-.buttons {
-  max-width: 300px;
-}
+
+.buttons {
+  max-width: 300px;
+}