aldehyde 0.2.196 → 0.2.198

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

@@ -1,401 +1,396 @@
-import * as React from "react";
-import { RefObject } from "react";
-import {
-  Button,
-  Checkbox as AntdCheckbox,
-  Popconfirm,
-  Popover,
-  Tooltip,
-} from "antd";
-import "./index.css";
-import { ActionConfig, DtmplData,DtmplConfig,LtmplConfig } from "../../tmpl/interface";
-import { FormInstance } from "antd/lib/form/hooks/useForm";
-import FieldsEditCard from "../../detail/edit/fields-edit-card";
-import { SizeType } from "antd/lib/config-provider/SizeContext";
-import ActionUtils from "./utils";
-import Icon from "../../icon";
-import { ButtonType } from "antd/lib/button";
-import { LocaleContext } from "../../locale/LocaleProvider";
-import ProgramConfig from "../../units";
-
-export type ActionButtonIconType = "icon" | "icon-title" | "title";
-export type ActionButtonType = "primary-block" | "dashed" | "primary";
-export type ActionButtonHiddenType = "hidden" | "disabled";
-
-interface ActionProps {
-  serverKey?: string;
-  disabled?: boolean;
-  actionConfig: ActionConfig;
-  // ltmplConfig:LtmplConfig,
-  data?: DtmplData[] | object[];
-  doAction: (string, Array, object) => void;
-  serial?: number;
-  buttonType?: ActionButtonType;
-  hiddenType?: ActionButtonHiddenType;
-  buttonSize?: SizeType;
-  iconType: ActionButtonIconType;
-  formRef?: RefObject<FormInstance>;
-}
-
-interface ActionState {
-  popoverOpen?: boolean;
-  appDtmplConfig?: DtmplConfig,
-  formRef?:RefObject<FormInstance>
-}
-
-export default class Action extends React.PureComponent<
-  ActionProps,
-  ActionState
-> {
-  static defaultProps = {
-    hiddenType: "hidden",
-    buttonSize: undefined,
-    iconType: "icon-title",
-    //formRef:React.createRef<FormInstance>(),
-  };
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  state = {
-    popoverOpen: false,
-    appDtmplConfig:null,
-    formRef:React.createRef<FormInstance>()
-  };
-
-  componentDidMount() {
-    const {data,actionConfig} = this.props;
-
-    let d=data && data[0] ?data[0]:null
-
-    let appDtmplConfig = ProgramConfig.getAppDtmplConfig(
-        {id:actionConfig.id,"groups":[{"fields":actionConfig.writes}]},
-        d && data[0]['fieldMap'] ? {...d} :d? {fieldMap:{...d}}:{},
-        null
-    );
-
-    this.setState({appDtmplConfig
-      });
-  }
-
-  componentDidUpdate(prevProps) {
-    const {} = this.props;
-    if (this.props != prevProps) {
-      // this.setState({collapse:!this.state.collapse})
-    }
-  }
-  //formRef = React.createRef<FormInstance>();
-  isShow = () => {
-    const { actionConfig, data } = this.props;
-    return ActionUtils.isShow(actionConfig?.preposes, data, this.getFormRef());
-  };
-
-  getFormRef=()=>{
-    // const { formRef } = this.props;
-    // if(formRef){
-    //   return formRef;
-    // }else {
-      return this.state.formRef;
-    //}
-  }
-
-  getValue = () => {
-    const { data, actionConfig,formRef } = this.props;
-    let value = {};
-    //从 dtmplData 与 ref
-    //dtmplData取第一个
-    let dtmplValue = data ? data[0] : undefined;
-    let upperFormValue =formRef?formRef.current: this.getFormRef().current ;
-    for (let fieldConfig of actionConfig.writes) {
-      if (!fieldConfig) {
-        continue;
-      }
-      if (upperFormValue) {
-        if (upperFormValue.getFieldValue(fieldConfig.id)) {
-          value[fieldConfig.id] = ActionUtils.getFormRefValue(
-              upperFormValue,
-            fieldConfig.id
-          );
-        } else {
-          if (dtmplValue) {
-            if (dtmplValue["fieldMap"]) {
-              value[fieldConfig.id] = dtmplValue
-                ? dtmplValue["fieldMap"][fieldConfig.id]
-                : undefined;
-            } else {
-              value[fieldConfig.id] = dtmplValue
-                ? dtmplValue[fieldConfig.id]
-                : undefined;
-            }
-          }
-        }
-      } else {
-        if (dtmplValue) {
-          if (dtmplValue["fieldMap"]) {
-            value[fieldConfig.id] = dtmplValue
-              ? dtmplValue["fieldMap"][fieldConfig.id]
-              : undefined;
-          } else {
-            value[fieldConfig.id] = dtmplValue
-              ? dtmplValue[fieldConfig.id]
-              : undefined;
-          }
-        }
-      }
-    }
-    console.log("actionValue:", value);
-    return value;
-  };
-  onOk = (value: object) => {
-    console.log("action form value:", value);
-    const { actionConfig, doAction } = this.props;
-    this.setState({
-      popoverOpen: false,
-    });
-    doAction(actionConfig.id, this.getCodes(), value);
-  };
-  onCancel = () => {
-    this.setState({
-      popoverOpen: false,
-    });
-  };
-  onValuesChange = (value: object,allValues) => {
-    const { data,formRef } = this.props;
-    const { appDtmplConfig } = this.state;
-    //debugger
-    if (formRef && formRef.current) {
-      formRef.current.setFieldsValue(value);
-    }
-    if (appDtmplConfig?.onValuesChange) {
-      //自定义值修改逻辑
-      appDtmplConfig.onValuesChange(
-          value,
-          {
-            code: data?data[0]['code']:null,
-            fieldMap: allValues,
-          },
-          this.getFormRef().current
-      );
-    }
-  };
-
-  getButtonType = () => {
-    const { buttonType, actionConfig } = this.props;
-    let bType: ButtonType = !buttonType
-      ? "dashed"
-      : buttonType.split("-")[0] == "dashed"
-      ? "dashed"
-      : "primary";
-    return buttonType
-      ? bType
-      : actionConfig.buttonType
-      ? actionConfig.buttonType
-      : "dashed";
-  };
-
-  blockButton = (): boolean => {
-    const { buttonType } = this.props;
-    let block = buttonType && buttonType.includes("block");
-    return block;
-  };
-
-  formButton = () => {
-    const { popoverOpen } = this.state;
-    const {
-      actionConfig,
-      disabled,
-      hiddenType,
-      buttonSize,
-      serverKey,
-    } = this.props;
-    let disabled_ = disabled;
-    if (!this.isShow()) {
-      if (!hiddenType || hiddenType == "hidden") {
-        return null;
-      } else {
-        disabled_ = true;
-      }
-    }
-    return (
-      <Popover
-        placement="top"
-        open={popoverOpen}
-        trigger="click"
-        content={
-          <FieldsEditCard
-              formRef={this.getFormRef()}
-            serverKey={serverKey}
-            okDanger={actionConfig.beforeExeConfirm == "danger"}
-            needConfirm={true}
-            title={actionConfig.title}
-            onCancel={() => this.onCancel()}
-            fields={actionConfig.writes}
-            value={this.getValue()}
-            onOk={this.onOk}
-            onValuesChange={this.onValuesChange}
-          />
-        }
-      >
-        <Button
-          danger={actionConfig.danger}
-          type={this.getButtonType()}
-          shape={actionConfig.buttonShape}
-          block={this.blockButton()}
-          size={buttonSize}
-          onClick={() => this.setState({ popoverOpen: !popoverOpen })}
-          disabled={disabled_}
-        >
-          {this.getTitle()}
-        </Button>
-      </Popover>
-    );
-  };
-
-  getTitle = () => {
-    const { actionConfig, iconType } = this.props;
-    const { translate } = this.context;
-    let title = null;
-    if (actionConfig.icon) {
-      if (iconType == "icon-title") {
-        title = (
-          <>
-            <Icon type={actionConfig.icon}></Icon>
-            {translate("${" + actionConfig.title + "}")}
-          </>
-        );
-      } else if (iconType == "icon") {
-        title = (
-          <Tooltip placement="top" title={translate("${" + actionConfig.title + "}")}>
-            <Icon type={actionConfig.icon}></Icon>
-            {""}
-          </Tooltip>
-        );
-      } else {
-        title = translate("${" + actionConfig.title + "}");
-      }
-    } else {
-      title = translate("${" + actionConfig.title + "}");
-    }
-
-    if (actionConfig.tip && iconType != "icon") {
-      title = (
-        <>
-          <Tooltip title={actionConfig.tip}>{translate("${" + actionConfig.title + "}")}</Tooltip>
-        </>
-      );
-    }
-
-    return title;
-  };
-
-  getCodes = () => {
-    const { data } = this.props;
-    let codes = [];
-    if (data) {
-      if (data instanceof Array) {
-        for (let d of data) {
-          if (d) {
-            codes.push(d["code"]);
-          }
-        }
-      }
-    }
-    return codes;
-  };
-
-  withoutFormButton = () => {
-    const {
-      actionConfig,
-      doAction,
-      data,
-      disabled,
-      buttonType,
-      hiddenType,
-      buttonSize,
-    } = this.props;
-    const { translate } = this.context;
-    let disabled_ = disabled;
-    if (!this.isShow()) {
-      if (!hiddenType || hiddenType == "hidden") {
-        return null;
-      } else {
-        disabled_ = true;
-      }
-    }
-    let codes = this.getCodes();
-    let block = this.blockButton();
-    let bType = this.getButtonType();
-    return !actionConfig.beforeExeConfirm ||
-      actionConfig.beforeExeConfirm == "default" ? (
-      <Popconfirm
-        key={actionConfig.id}
-        placement="rightBottom"
-        title={translate("${确定要执行}【${" + actionConfig.title + "}】?")}
-        onConfirm={() => {
-          doAction(actionConfig.id, codes, {});
-        }}
-        disabled={disabled_}
-        okText={translate("${确定}")}
-        cancelText={translate("${取消}")}
-      >
-        <Button
-          //size={buttonSize}
-          danger={actionConfig.danger}
-          type={bType}
-          shape={actionConfig.buttonShape}
-          block={block}
-          disabled={disabled_}
-        >
-          {this.getTitle()}
-        </Button>
-      </Popconfirm>
-    ) : actionConfig.beforeExeConfirm == "danger" ? (
-      <Popconfirm
-        key={actionConfig.id}
-        placement="rightBottom"
-        title={translate("${确定要执行}【${" + actionConfig.title + "}】?")}
-        onConfirm={() => {
-          doAction(actionConfig.id, codes, {});
-        }}
-        disabled={disabled_}
-        okText={translate("${确定}")}
-        cancelText={translate("${取消}")}
-        okType={"danger"}
-      >
-        <Button
-          type={bType}
-          block={block}
-          danger={true}
-          shape={actionConfig.buttonShape}
-          //size={buttonSize}
-          disabled={disabled_}
-        >
-          {this.getTitle()}
-        </Button>
-      </Popconfirm>
-    ) : (
-      <Button
-        type={bType}
-        block={block}
-       // size={buttonSize}
-        shape={actionConfig.buttonShape}
-        danger={actionConfig.danger}
-        onClick={() => doAction(actionConfig.id, codes, {})}
-        disabled={disabled_}
-      >
-        {this.getTitle()}
-      </Button>
-    );
-  };
-
-  render() {
-    const {} = this.state;
-    const { actionConfig } = this.props;
-    return (
-      <>
-        {actionConfig.writes && actionConfig.writes.length > 0
-          ? this.formButton()
-          : this.withoutFormButton()}
-      </>
-    );
-  }
-}
+import * as React from "react";
+import { RefObject } from "react";
+import {
+  Button,
+  Checkbox as AntdCheckbox,
+  Popconfirm,
+  Popover,
+  Tooltip,
+} from "antd";
+import "./index.css";
+import { ActionConfig, DtmplData,DtmplConfig,LtmplConfig } from "../../tmpl/interface";
+import { FormInstance } from "antd/lib/form/hooks/useForm";
+import FieldsEditCard from "../../detail/edit/fields-edit-card";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
+import ActionUtils from "./utils";
+import Icon from "../../icon";
+import { ButtonType } from "antd/lib/button";
+import { LocaleContext } from "../../locale/LocaleProvider";
+import ProgramConfig from "../../units";
+
+export type ActionButtonIconType = "icon" | "icon-title" | "title";
+export type ActionButtonType = "primary-block" | "dashed" | "primary";
+export type ActionButtonHiddenType = "hidden" | "disabled";
+
+interface ActionProps {
+  serverKey?: string;
+  disabled?: boolean;
+  actionConfig: ActionConfig;
+  // ltmplConfig:LtmplConfig,
+  data?: DtmplData[] | object[];
+  doAction: (string, Array, object) => void;
+  serial?: number;
+  buttonType?: ActionButtonType;
+  hiddenType?: ActionButtonHiddenType;
+  buttonSize?: SizeType;
+  iconType: ActionButtonIconType;
+  formRef?: RefObject<FormInstance>;
+}
+
+interface ActionState {
+  popoverOpen?: boolean;
+  appDtmplConfig?: DtmplConfig,
+  formRef?:RefObject<FormInstance>
+}
+
+export default class Action extends React.PureComponent<
+  ActionProps,
+  ActionState
+> {
+  static defaultProps = {
+    hiddenType: "hidden",
+    buttonSize: undefined,
+    iconType: "icon-title",
+    //formRef:React.createRef<FormInstance>(),
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  state = {
+    popoverOpen: false,
+    appDtmplConfig:null,
+    formRef:React.createRef<FormInstance>()
+  };
+
+  componentDidMount() {
+    const {data,actionConfig} = this.props;
+
+    let d=data && data[0] ?data[0]:null
+
+    let appDtmplConfig = ProgramConfig.getAppDtmplConfig(
+        {id:actionConfig.id,"groups":[{"fields":actionConfig.writes}]},
+        d && data[0]['fieldMap'] ? {...d} :d? {fieldMap:{...d}}:{},
+        null
+    );
+
+    this.setState({appDtmplConfig
+      });
+  }
+
+  componentDidUpdate(prevProps) {
+    const {} = this.props;
+    if (this.props != prevProps) {
+      // this.setState({collapse:!this.state.collapse})
+    }
+  }
+  //formRef = React.createRef<FormInstance>();
+  isShow = () => {
+    const { actionConfig, data } = this.props;
+    return ActionUtils.isShow(actionConfig?.preposes, data, this.getFormRef());
+  };
+
+  getFormRef=()=>{
+      return this.state.formRef;
+  }
+
+  getValue = () => {
+    const { data, actionConfig,formRef } = this.props;
+    let value = {};
+    //从 dtmplData 与 ref
+    //dtmplData取第一个
+    let dtmplValue = data ? data[0] : undefined;
+    let upperFormValue =formRef?formRef.current: this.getFormRef().current ;
+    for (let fieldConfig of actionConfig.writes) {
+      if (!fieldConfig) {
+        continue;
+      }
+      if (upperFormValue) {
+        if (upperFormValue.getFieldValue(fieldConfig.id)) {
+          value[fieldConfig.id] = ActionUtils.getFormRefValue(
+              upperFormValue,
+            fieldConfig.id
+          );
+        } else {
+          if (dtmplValue) {
+            if (dtmplValue["fieldMap"]) {
+              value[fieldConfig.id] = dtmplValue
+                ? dtmplValue["fieldMap"][fieldConfig.id]
+                : undefined;
+            } else {
+              value[fieldConfig.id] = dtmplValue
+                ? dtmplValue[fieldConfig.id]
+                : undefined;
+            }
+          }
+        }
+      } else {
+        if (dtmplValue) {
+          if (dtmplValue["fieldMap"]) {
+            value[fieldConfig.id] = dtmplValue
+              ? dtmplValue["fieldMap"][fieldConfig.id]
+              : undefined;
+          } else {
+            value[fieldConfig.id] = dtmplValue
+              ? dtmplValue[fieldConfig.id]
+              : undefined;
+          }
+        }
+      }
+    }
+    console.log("actionValue:", value);
+    return value;
+  };
+  onOk = (value: object) => {
+    console.log("action form value:", value);
+    const { actionConfig, doAction } = this.props;
+    this.setState({
+      popoverOpen: false,
+    });
+    doAction(actionConfig.id, this.getCodes(), value);
+  };
+  onCancel = () => {
+    this.setState({
+      popoverOpen: false,
+    });
+  };
+  onValuesChange = (value: object,allValues) => {
+    const { data,formRef } = this.props;
+    const { appDtmplConfig } = this.state;
+    //debugger
+    if (formRef && formRef.current) {
+      formRef.current.setFieldsValue(value);
+    }
+    if (appDtmplConfig?.onValuesChange) {
+      //自定义值修改逻辑
+      appDtmplConfig.onValuesChange(
+          value,
+          {
+            code: data?data[0]['code']:null,
+            fieldMap: allValues,
+          },
+          this.getFormRef().current
+      );
+    }
+  };
+
+  getButtonType = () => {
+    const { buttonType, actionConfig } = this.props;
+    let bType: ButtonType = !buttonType
+      ? "dashed"
+      : buttonType.split("-")[0] == "dashed"
+      ? "dashed"
+      : "primary";
+    return buttonType
+      ? bType
+      : actionConfig.buttonType
+      ? actionConfig.buttonType
+      : "dashed";
+  };
+
+  blockButton = (): boolean => {
+    const { buttonType } = this.props;
+    let block = buttonType && buttonType.includes("block");
+    return block;
+  };
+
+  formButton = () => {
+    const { popoverOpen } = this.state;
+    const {
+      actionConfig,
+      disabled,
+      hiddenType,
+      buttonSize,
+      serverKey,
+    } = this.props;
+    let disabled_ = disabled;
+    if (!this.isShow()) {
+      if (!hiddenType || hiddenType == "hidden") {
+        return null;
+      } else {
+        disabled_ = true;
+      }
+    }
+    return (
+      <Popover
+        placement="top"
+        open={popoverOpen}
+        trigger="click"
+        content={
+          <FieldsEditCard
+              formRef={this.getFormRef()}
+            serverKey={serverKey}
+            okDanger={actionConfig.beforeExeConfirm == "danger"}
+            needConfirm={true}
+            title={actionConfig.title}
+            onCancel={() => this.onCancel()}
+            fields={actionConfig.writes}
+            value={this.getValue()}
+            onOk={this.onOk}
+            onValuesChange={this.onValuesChange}
+          />
+        }
+      >
+        <Button
+          danger={actionConfig.danger}
+          type={this.getButtonType()}
+          shape={actionConfig.buttonShape}
+          block={this.blockButton()}
+          size={buttonSize}
+          onClick={() => this.setState({ popoverOpen: !popoverOpen })}
+          disabled={disabled_}
+        >
+          {this.getTitle()}
+        </Button>
+      </Popover>
+    );
+  };
+
+  getTitle = () => {
+    const { actionConfig, iconType } = this.props;
+    const { translate } = this.context;
+    let title = null;
+    if (actionConfig.icon) {
+      if (iconType == "icon-title") {
+        title = (
+          <>
+            <Icon type={actionConfig.icon}></Icon>
+            {translate("${" + actionConfig.title + "}")}
+          </>
+        );
+      } else if (iconType == "icon") {
+        title = (
+          <Tooltip placement="top" title={translate("${" + actionConfig.title + "}")}>
+            <Icon type={actionConfig.icon}></Icon>
+            {""}
+          </Tooltip>
+        );
+      } else {
+        title = translate("${" + actionConfig.title + "}");
+      }
+    } else {
+      title = translate("${" + actionConfig.title + "}");
+    }
+
+    if (actionConfig.tip && iconType != "icon") {
+      title = (
+        <>
+          <Tooltip title={actionConfig.tip}>{translate("${" + actionConfig.title + "}")}</Tooltip>
+        </>
+      );
+    }
+
+    return title;
+  };
+
+  getCodes = () => {
+    const { data } = this.props;
+    let codes = [];
+    if (data) {
+      if (data instanceof Array) {
+        for (let d of data) {
+          if (d) {
+            codes.push(d["code"]);
+          }
+        }
+      }
+    }
+    return codes;
+  };
+
+  withoutFormButton = () => {
+    const {
+      actionConfig,
+      doAction,
+      data,
+      disabled,
+      buttonType,
+      hiddenType,
+      buttonSize,
+    } = this.props;
+    const { translate } = this.context;
+    let disabled_ = disabled;
+    if (!this.isShow()) {
+      if (!hiddenType || hiddenType == "hidden") {
+        return null;
+      } else {
+        disabled_ = true;
+      }
+    }
+    let codes = this.getCodes();
+    let block = this.blockButton();
+    let bType = this.getButtonType();
+    return !actionConfig.beforeExeConfirm ||
+      actionConfig.beforeExeConfirm == "default" ? (
+      <Popconfirm
+        key={actionConfig.id}
+        placement="rightBottom"
+        title={translate("${确定要执行}【${" + actionConfig.title + "}】?")}
+        onConfirm={() => {
+          doAction(actionConfig.id, codes, {});
+        }}
+        disabled={disabled_}
+        okText={translate("${确定}")}
+        cancelText={translate("${取消}")}
+      >
+        <Button
+          //size={buttonSize}
+          danger={actionConfig.danger}
+          type={bType}
+          shape={actionConfig.buttonShape}
+          block={block}
+          disabled={disabled_}
+        >
+          {this.getTitle()}
+        </Button>
+      </Popconfirm>
+    ) : actionConfig.beforeExeConfirm == "danger" ? (
+      <Popconfirm
+        key={actionConfig.id}
+        placement="rightBottom"
+        title={translate("${确定要执行}【${" + actionConfig.title + "}】?")}
+        onConfirm={() => {
+          doAction(actionConfig.id, codes, {});
+        }}
+        disabled={disabled_}
+        okText={translate("${确定}")}
+        cancelText={translate("${取消}")}
+        okType={"danger"}
+      >
+        <Button
+          type={bType}
+          block={block}
+          danger={true}
+          shape={actionConfig.buttonShape}
+          //size={buttonSize}
+          disabled={disabled_}
+        >
+          {this.getTitle()}
+        </Button>
+      </Popconfirm>
+    ) : (
+      <Button
+        type={bType}
+        block={block}
+       // size={buttonSize}
+        shape={actionConfig.buttonShape}
+        danger={actionConfig.danger}
+        onClick={() => doAction(actionConfig.id, codes, {})}
+        disabled={disabled_}
+      >
+        {this.getTitle()}
+      </Button>
+    );
+  };
+
+  render() {
+    const {} = this.state;
+    const { actionConfig } = this.props;
+    return (
+      <>
+        {actionConfig.writes && actionConfig.writes.length > 0
+          ? this.formButton()
+          : this.withoutFormButton()}
+      </>
+    );
+  }
+}