aldehyde 0.2.480 → 0.2.481

package/src/aldehyde/detail/edit/fields-edit-card.tsx

@@ -1,145 +1,145 @@
-import React ,{RefObject} from "react";
-import { Button, Card, FormInstance, Popconfirm, Space } from "antd";
-import { CloseOutlined } from "@ant-design/icons";
-import { FieldConfig } from "../../tmpl/interface";
-import { ButtonType } from "antd/es/button";
-import FieldsForm from "../../form/fields-form";
-import { LocaleContext } from "../../locale/LocaleProvider";
-
-interface FieldsEditCardProps {
-  serverKey?: string;
-  title?: any;
-  height?: any;
-  onCancel?: () => void;
-  onOk: (value: object) => void;
-  fields: FieldConfig[];
-  value?: object;
-  maxColsOnRow?: number;
-  okButtonType?: ButtonType;
-  okDanger?: boolean;
-  needConfirm?: boolean;
-  onValuesChange: (value: object,allValues) => void;
-  formRef?: RefObject<FormInstance>;
-}
-
-interface FieldsEditCardState {}
-
-export default class FieldsEditCard extends React.PureComponent<
-  FieldsEditCardProps,
-  FieldsEditCardState
-> {
-
-  static defaultProps = {
-    forceRender: true,
-    style: { maxWidth: "calc(100vw - 60px)", maxHeight: "calc(100vh - 50px)" },
-    needConfirm: false,
-    okButtonType: "primary",
-    okDanger: false,
-    maxColsOnRow:2,
-  };
-  state = {};
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  async componentDidMount() {}
-
-  async componentDidUpdate() {
-    this.reset();
-  }
-
-  reset = () => {
-    if (this.props.formRef.current) {
-      this.props.formRef.current.resetFields();
-    }
-  };
-
-  onOk = () => {
-    this.props.formRef.current.submit();
-  };
-
-
-
-  render() {
-    const {
-      title,
-      height,
-      onOk,
-      fields,
-      value,
-      onCancel,
-      okButtonType,
-      needConfirm,
-      okDanger,
-      onValuesChange,
-      serverKey,formRef,maxColsOnRow
-    } = this.props;
-    const {} = this.state;
-    const { translate } = this.context;
-
-    function okButton(onOk) {
-      return needConfirm ? (
-        okDanger ? (
-          <Popconfirm
-            placement="rightBottom"
-            title={translate("${确定要执行提交吗}?")}
-            onConfirm={onOk}
-            okText={translate("${确定}")}
-            cancelText={translate("${取消}")}
-            okType={"danger"}
-          >
-            <Button type={okButtonType} danger={true}>
-              {translate("${确定}")}
-            </Button>
-          </Popconfirm>
-        ) : (
-          <Popconfirm
-            placement="rightBottom"
-            title={translate("${确定要执行提交吗}?")}
-            onConfirm={onOk}
-            okText={translate("${确定}")}
-            cancelText={translate("${取消}")}
-          >
-            <Button type={okButtonType}>{translate("${确定}")}</Button>
-          </Popconfirm>
-        )
-      ) : (
-        <Button type={okButtonType} onClick={onOk}>
-          {translate("${确定}")}
-        </Button>
-      );
-    }
-
-    return (
-      <Card
-        size={"small"}
-        style={{width: maxColsOnRow===1? 500:10000 }}
-        title={title}
-        styles={{body:{ overflow: "auto" }}}
-        extra={
-          <>
-            <Space size={[8, 0]}>
-              {okButton(this.onOk)}
-              <Button onClick={this.reset}>{translate("${重置}")}</Button>
-              {onCancel ? (
-                <Button onClick={onCancel}>
-                  <CloseOutlined />
-                </Button>
-              ) : (
-                ""
-              )}
-            </Space>
-          </>
-        }
-      >
-        <FieldsForm maxColsOnRow={maxColsOnRow}
-          serverKey={serverKey}
-          onValuesChange={onValuesChange}
-          fields={fields}
-          formRef={formRef}
-          value={value}
-          onFinish={onOk}
-        ></FieldsForm>
-      </Card>
-    );
-  }
-}
+import React ,{RefObject} from "react";
+import { Button, Card, FormInstance, Popconfirm, Space } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+import { FieldConfig } from "../../tmpl/interface";
+import { ButtonType } from "antd/es/button";
+import FieldsForm from "../../form/fields-form";
+import { LocaleContext } from "../../locale/LocaleProvider";
+
+interface FieldsEditCardProps {
+  serverKey?: string;
+  title?: any;
+  height?: any;
+  onCancel?: () => void;
+  onOk: (value: object) => void;
+  fields: FieldConfig[];
+  value?: object;
+  maxColsOnRow?: number;
+  okButtonType?: ButtonType;
+  okDanger?: boolean;
+  needConfirm?: boolean;
+  onValuesChange: (value: object,allValues) => void;
+  formRef?: RefObject<FormInstance>;
+}
+
+interface FieldsEditCardState {}
+
+export default class FieldsEditCard extends React.PureComponent<
+  FieldsEditCardProps,
+  FieldsEditCardState
+> {
+
+  static defaultProps = {
+    forceRender: true,
+    style: { maxWidth: "calc(100vw - 60px)", maxHeight: "calc(100vh - 50px)" },
+    needConfirm: false,
+    okButtonType: "primary",
+    okDanger: false,
+    maxColsOnRow:2,
+  };
+  state = {};
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  async componentDidMount() {}
+
+  async componentDidUpdate() {
+    this.reset();
+  }
+
+  reset = () => {
+    if (this.props.formRef.current) {
+      this.props.formRef.current.resetFields();
+    }
+  };
+
+  onOk = () => {
+    this.props.formRef.current.submit();
+  };
+
+
+
+  render() {
+    const {
+      title,
+      height,
+      onOk,
+      fields,
+      value,
+      onCancel,
+      okButtonType,
+      needConfirm,
+      okDanger,
+      onValuesChange,
+      serverKey,formRef,maxColsOnRow
+    } = this.props;
+    const {} = this.state;
+    const { translate } = this.context;
+
+    function okButton(onOk) {
+      return needConfirm ? (
+        okDanger ? (
+          <Popconfirm
+            placement="rightBottom"
+            title={translate("${确定要执行提交吗}?")}
+            onConfirm={onOk}
+            okText={translate("${确定}")}
+            cancelText={translate("${取消}")}
+            okType={"danger"}
+          >
+            <Button type={okButtonType} danger={true}>
+              {translate("${确定}")}
+            </Button>
+          </Popconfirm>
+        ) : (
+          <Popconfirm
+            placement="rightBottom"
+            title={translate("${确定要执行提交吗}?")}
+            onConfirm={onOk}
+            okText={translate("${确定}")}
+            cancelText={translate("${取消}")}
+          >
+            <Button type={okButtonType}>{translate("${确定}")}</Button>
+          </Popconfirm>
+        )
+      ) : (
+        <Button type={okButtonType} onClick={onOk}>
+          {translate("${确定}")}
+        </Button>
+      );
+    }
+
+    return (
+      <Card
+        size={"small"}
+        style={{width: maxColsOnRow===1? 500:10000 }}
+        title={title}
+        styles={{body:{ overflow: "auto" }}}
+        extra={
+          <>
+            <Space size={[8, 0]}>
+              {okButton(this.onOk)}
+              <Button onClick={this.reset}>{translate("${重置}")}</Button>
+              {onCancel ? (
+                <Button onClick={onCancel}>
+                  <CloseOutlined />
+                </Button>
+              ) : (
+                ""
+              )}
+            </Space>
+          </>
+        }
+      >
+        <FieldsForm maxColsOnRow={maxColsOnRow}
+          serverKey={serverKey}
+          onValuesChange={onValuesChange}
+          fields={fields}
+          formRef={formRef}
+          value={value}
+          onFinish={onOk}
+        ></FieldsForm>
+      </Card>
+    );
+  }
+}

package/src/aldehyde/detail/edit/modal-row-edit.tsx

@@ -1,95 +1,95 @@
-import React from "react";
-import { FormInstance, Modal } from "antd";
-import { DtmplData, FieldGroupConfig } from "../../tmpl/interface";
-import FieldGroupForm from "../../form/field-group-form";
-import { LocaleContext } from "../../locale/LocaleProvider";
-import DraggableModal from "../../module/draggable-modal";
-
-interface ModalRowEditorProps {
-  serverKey?: string;
-  height?: any;
-  open: boolean;
-  onOk: (value: DtmplData) => void;
-  onCancel: () => void;
-  fieldGroupConfig: FieldGroupConfig;
-  dtmplData?: DtmplData;
-}
-
-interface ModalRowEditorState {}
-
-export default class ModalRowEdit extends React.PureComponent<
-  ModalRowEditorProps,
-  ModalRowEditorState
-> {
-  formRef = React.createRef<FormInstance>();
-  static defaultProps = {
-    forceRender: true,
-    style: { maxWidth: "calc(100vw - 60px)", maxHeight: "calc(100vh - 50px)" },
-  };
-  state = {};
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  async componentDidMount() {}
-
-  async componentDidUpdate() {
-    if (this.formRef.current) {
-      this.formRef.current.resetFields();
-    }
-  }
-
-  onOk = () => {
-    this.formRef.current.submit();
-  };
-
-  getTitle = () => {
-    const { fieldGroupConfig, dtmplData } = this.props;
-    const { translate } = this.context;
-
-    let title = "";
-    title = fieldGroupConfig.title;
-    if (dtmplData) {
-      title = title + translate("[${行编辑}]");
-    } else {
-      title = title + translate("[${新建一行}]");
-    }
-    return title;
-  };
-
-  render() {
-    const {
-      height,
-      onOk,
-      onCancel,
-      fieldGroupConfig,
-      open,
-      dtmplData,
-      serverKey,
-    } = this.props;
-    const {} = this.state;
-    const { translate } = this.context;
-
-    return (
-      <DraggableModal
-        open={open}
-        width={1150}
-        title={this.getTitle()}
-        styles={{body:{ overflow: "auto" }}}
-        destroyOnHidden={true}
-        centered
-        okText={translate("${确定}")}
-        cancelText={translate("${取消}")}
-        onOk={this.onOk}
-        onCancel={onCancel}
-      >
-        <FieldGroupForm
-          serverKey={serverKey}
-          fieldGroupConfig={fieldGroupConfig}
-          formRef={this.formRef}
-          onFinish={onOk}
-          dtmplData={dtmplData}
-        />
-      </DraggableModal>
-    );
-  }
-}
+import React from "react";
+import { FormInstance, Modal } from "antd";
+import { DtmplData, FieldGroupConfig } from "../../tmpl/interface";
+import FieldGroupForm from "../../form/field-group-form";
+import { LocaleContext } from "../../locale/LocaleProvider";
+import DraggableModal from "../../module/draggable-modal";
+
+interface ModalRowEditorProps {
+  serverKey?: string;
+  height?: any;
+  open: boolean;
+  onOk: (value: DtmplData) => void;
+  onCancel: () => void;
+  fieldGroupConfig: FieldGroupConfig;
+  dtmplData?: DtmplData;
+}
+
+interface ModalRowEditorState {}
+
+export default class ModalRowEdit extends React.PureComponent<
+  ModalRowEditorProps,
+  ModalRowEditorState
+> {
+  formRef = React.createRef<FormInstance>();
+  static defaultProps = {
+    forceRender: true,
+    style: { maxWidth: "calc(100vw - 60px)", maxHeight: "calc(100vh - 50px)" },
+  };
+  state = {};
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  async componentDidMount() {}
+
+  async componentDidUpdate() {
+    if (this.formRef.current) {
+      this.formRef.current.resetFields();
+    }
+  }
+
+  onOk = () => {
+    this.formRef.current.submit();
+  };
+
+  getTitle = () => {
+    const { fieldGroupConfig, dtmplData } = this.props;
+    const { translate } = this.context;
+
+    let title = "";
+    title = fieldGroupConfig.title;
+    if (dtmplData) {
+      title = title + translate("[${行编辑}]");
+    } else {
+      title = title + translate("[${新建一行}]");
+    }
+    return title;
+  };
+
+  render() {
+    const {
+      height,
+      onOk,
+      onCancel,
+      fieldGroupConfig,
+      open,
+      dtmplData,
+      serverKey,
+    } = this.props;
+    const {} = this.state;
+    const { translate } = this.context;
+
+    return (
+      <DraggableModal
+        open={open}
+        width={1150}
+        title={this.getTitle()}
+        styles={{body:{ overflow: "auto" }}}
+        destroyOnHidden={true}
+        centered
+        okText={translate("${确定}")}
+        cancelText={translate("${取消}")}
+        onOk={this.onOk}
+        onCancel={onCancel}
+      >
+        <FieldGroupForm
+          serverKey={serverKey}
+          fieldGroupConfig={fieldGroupConfig}
+          formRef={this.formRef}
+          onFinish={onOk}
+          dtmplData={dtmplData}
+        />
+      </DraggableModal>
+    );
+  }
+}