aldehyde 0.2.480 → 0.2.481

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/qr-code/index.less

@@ -1,29 +1,29 @@
-.qr-code {
-    cursor: pointer;
-    width: 48px;
-    height: 48px;
-    position: relative;
-
-    .qr-code-mask {
-        position: absolute;
-        inset: 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-evenly;
-        color: var(--ant-color-text-light-solid);
-        background: rgba(0, 0, 0, 0.5);
-        cursor: pointer;
-        opacity: 0;
-        transition: opacity var(--ant-motion-duration-slow);
-        font-size: 12px;
-    }
-
-    .qr-code-mask:hover {
-        opacity: 1;
-    }
-
-    .ant-modal-wrap .ant-modal-content,
-    .ant-modal-wrap .ant-modal-container {
-        border: none !important;
-    }
+.qr-code {
+    cursor: pointer;
+    width: 48px;
+    height: 48px;
+    position: relative;
+
+    .qr-code-mask {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: space-evenly;
+        color: var(--ant-color-text-light-solid);
+        background: rgba(0, 0, 0, 0.5);
+        cursor: pointer;
+        opacity: 0;
+        transition: opacity var(--ant-motion-duration-slow);
+        font-size: 12px;
+    }
+
+    .qr-code-mask:hover {
+        opacity: 1;
+    }
+
+    .ant-modal-wrap .ant-modal-content,
+    .ant-modal-wrap .ant-modal-container {
+        border: none !important;
+    }
 }

package/src/aldehyde/controls/qr-code/index.tsx

@@ -1,41 +1,41 @@
-import React, { useState, useRef } from "react";
-import { QRCode, Modal } from "antd";
-import { EyeOutlined } from '@ant-design/icons';
-import "./index.less";
-import { useLocale } from "../../locale/useLocale";
-
-export interface Props {
-    value?: string;
-}
-
-const Index: React.FC<Props> = (props) => {
-    const { value } = props;
-    const { translate } = useLocale();
-    const [preview, setPreview] = useState<boolean>(false);
-    const [previewSize, setPreviewSize] = useState<number>(160);
-    const QRRef = useRef(null);
-
-    if (!value) return undefined;
-
-    const handlePreview = () => {
-        // 预览尺寸，取窗口宽高较小值的60%
-        const size = window.innerWidth > window.innerHeight ? window.innerHeight : window.innerWidth;
-        setPreviewSize(size * 0.6);
-        setPreview(true);
-    }
-
-    return (
-        <div className="qr-code" ref={QRRef}>
-            <QRCode size={48} value={value as string} bordered={false} />
-            <div className="qr-code-mask" onClick={handlePreview}>
-                <EyeOutlined />
-                {translate("${预览}")}
-            </div>
-            <Modal getContainer={QRRef.current} style={{ top: `calc(50% - ${previewSize / 2}px)` }} width={previewSize} destroyOnHidden styles={{ container: { padding: 0, borderRadius: 0, width: "fit-content" } }} onCancel={() => setPreview(false)} open={preview} footer={null} closable={false}>
-                <QRCode size={previewSize} value={value as string} bordered={false} />
-            </Modal>
-        </div >
-    )
-};
-
+import React, { useState, useRef } from "react";
+import { QRCode, Modal } from "antd";
+import { EyeOutlined } from '@ant-design/icons';
+import "./index.less";
+import { useLocale } from "../../locale/useLocale";
+
+export interface Props {
+    value?: string;
+}
+
+const Index: React.FC<Props> = (props) => {
+    const { value } = props;
+    const { translate } = useLocale();
+    const [preview, setPreview] = useState<boolean>(false);
+    const [previewSize, setPreviewSize] = useState<number>(160);
+    const QRRef = useRef(null);
+
+    if (!value) return undefined;
+
+    const handlePreview = () => {
+        // 预览尺寸，取窗口宽高较小值的60%
+        const size = window.innerWidth > window.innerHeight ? window.innerHeight : window.innerWidth;
+        setPreviewSize(size * 0.6);
+        setPreview(true);
+    }
+
+    return (
+        <div className="qr-code" ref={QRRef}>
+            <QRCode size={48} value={value as string} bordered={false} />
+            <div className="qr-code-mask" onClick={handlePreview}>
+                <EyeOutlined />
+                {translate("${预览}")}
+            </div>
+            <Modal getContainer={QRRef.current} style={{ top: `calc(50% - ${previewSize / 2}px)` }} width={previewSize} destroyOnHidden styles={{ container: { padding: 0, borderRadius: 0, width: "fit-content" } }} onCancel={() => setPreview(false)} open={preview} footer={null} closable={false}>
+                <QRCode size={previewSize} value={value as string} bordered={false} />
+            </Modal>
+        </div >
+    )
+};
+
 export default Index;

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

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

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

@@ -1,144 +1,144 @@
-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"}
-          styles={{
-            root: {
-              maxWidth: "calc(100vw - 60px)",
-              maxHeight: "calc(100vh - 50px)",
-              left: 12,
-            },
-            container: { padding: 0 }
-          }}
-          content={
-            <div
-              className="select-table-popover"
-              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}
-                fieldConfig={fieldConfig}
-                showActions={true}
-              />
-            </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"}
+          styles={{
+            root: {
+              maxWidth: "calc(100vw - 60px)",
+              maxHeight: "calc(100vh - 50px)",
+              left: 12,
+            },
+            container: { padding: 0 }
+          }}
+          content={
+            <div
+              className="select-table-popover"
+              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}
+                fieldConfig={fieldConfig}
+                showActions={true}
+              />
+            </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;
+}