aldehyde 0.2.480 → 0.2.481

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

@@ -1,225 +1,225 @@
-import * as React from "react";
-import { Button, Popover, Space } from "antd";
-import { VControlProps } from "../../tmpl/interface";
-import ModalDtmplView from "../../detail/view/modal-dtmpl-view";
-import "./index.css";
-import { LocaleContext } from "../../locale/LocaleProvider";
-import FileView from "../file-view";
-import EllipsisText from "./../../controls/text/ellipsis-text";
-import DtmplEditModal from "../../module/dtmpl-edit-modal"
-interface RfieldProps extends VControlProps {}
-
-interface RfieldState {
-  showDtmplView?: boolean;
-  showSelectTable?: boolean;
-  selectedCodes?: string[];
-  openCode?: string;
-}
-
-export default class Rfield extends React.PureComponent<
-  RfieldProps,
-  RfieldState
-> {
-  state = {
-    showDtmplView: false,
-    showSelectTable: false,
-    selectedCodes: undefined,
-    openCode: undefined,
-  };
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  showRfieldDtmplView = (code) => {
-    this.setState({
-      openCode: code,
-      showDtmplView: true,
-    });
-  };
-
-  hiddenDtmplView = () => {
-    this.setState({
-      showDtmplView: false,
-    });
-  };
-
-  handleRFieldSelect = (id: string) => {};
-
-  deleteRFieldValue = (id: string) => {};
-
-  showCount = () => {
-    const { value,fieldConfig } = this.props;
-    let valueArray=value && value.indexOf("@,@")>0 ?value.split("@,@"): value;
-    let vStr = "";
-    let length=fieldConfig.ellipsisLength?fieldConfig.ellipsisLength:64;
-    if(length==-1){
-      length=1000;
-    }
-
-    if (valueArray instanceof Array) {
-      let i: number = 0;
-      for (let val of valueArray) {
-        i++;
-        let isRValue = val ? val.indexOf("@R@") > 0 : false;
-        let valueShow = isRValue ? val.split("@R@")[1] : val;
-        vStr = vStr + valueShow;
-        if (vStr.length >= length) {
-          break;
-        }
-      }
-      // if(i<3){
-      //   i=3;
-      // }
-      return i;
-    } else  if(value.indexOf("@,@")>0){
-
-    }else
-    {
-      return 1;
-    }
-  };
-
-  needMore = () => {
-    const { value } = this.props;
-    let valueArray=value && value.indexOf("@,@")>0 ?value.split("@,@"): value;
-    let showCount = this.showCount();
-    let allCount = 0;
-    if (valueArray instanceof Array) {
-      allCount = valueArray.length;
-    } else {
-      allCount = 1;
-    }
-    if (allCount > showCount) {
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-  getValue = (count?: number) => {
-
-    const { fieldConfig, value } = this.props;
-    const { buttons } = fieldConfig;
-    let valueArray = value && value.indexOf("@,@")>0 ?value.split("@,@"): value;
-    if (valueArray instanceof Array) {
-      if (count && count > 0 && valueArray.length > count) {
-        valueArray = valueArray.slice(0, count);
-      }
-    } else {
-       valueArray = [value];
-    }
-    let dom;
-    if (buttons && buttons.includes("detail")) {
-      dom = (
-        <Space key={count ? count + 1 : 1}  size={'small'}  direction={fieldConfig.itemBreakLine?"vertical":"horizontal"}  wrap>
-          {valueArray.map((val, index) => {
-            let isRValue = val ? val.indexOf("@R@") > 0 : false;
-            let valueShow = isRValue ? val.split("@R@")[1] : val;
-            let code = !val ? undefined : val.split("@R@")[0];
-            return isRValue ? (
-              <Button
-                key={index}
-                style={{ padding: "0px 0px", height: "100%" }}
-                type="link"
-                title=""
-                onClick={() => {
-                  this.showRfieldDtmplView(code);
-                }}
-              >
-                {this.showValue(valueShow)}
-              </Button>
-            ) : (
-              <span key={index}>{this.showValue(valueShow)}</span>
-            );
-          })}
-        </Space>
-      );
-    } else {
-      dom = (
-        <Space key={count ? count + 2 : 2} size={'small'} direction={fieldConfig.itemBreakLine?"vertical":"horizontal"}   wrap>
-          {valueArray.map((val, index) => {
-            let isRValue = val ? val.indexOf("@R@") > 0 : false;
-            let valueShow = isRValue ? val.split("@R@")[1] : val;
-            let code = !val ? undefined : val.split("@R@")[0];
-            return <span key={index}>{this.showValue(valueShow)}</span>;
-          })}
-        </Space>
-      );
-    }
-
-    return dom;
-  };
-
-  showValue = (value: string) => {
-    const {fieldConfig}=this.props;
-    const jsonRegex = /^\s*[\[{].*[\]}]\s*$/;
-    if(jsonRegex.test(value)){
-      let jsonFile = JSON.parse(value);
-      if(jsonFile.valid && jsonFile.base){
-        return  <div onClick={(e)=>{
-          e.stopPropagation();
-        }}><FileView   fieldConfig={{"id":"1","title":'文件'}} value={value} /></div>
-      }
-    }else {
-      return fieldConfig.ellipsisLength && fieldConfig.ellipsisLength!=-1 ? <EllipsisText
-          isHtml={false}
-          value={value}
-          showMax={fieldConfig.ellipsisLength}
-      ></EllipsisText> : <Popover placement="top"  content={value}>
-          <span className="infoStyle">{value}</span></Popover>;
-    }
-
-  }
-
-  render() {
-    const {fieldConfig, value, itemType, serverKey } = this.props;
-    const { showDtmplView, openCode } = this.state;
-    const { buttons } = fieldConfig;
-    const { translate } = this.context;
-
-    // let isRValue = value ? value.indexOf('@R@') > 0 : false;
-    // let valueShow = isRValue ? value.split('@R@')[1] : "";
-    // let code = !value ? undefined : value.split('@R@')[0];
-    let showDom = this.getValue(this.showCount());
-    return (
-      <>
-        <Space key={3} size={[8, 16]} wrap style={{ minWidth: "80px" }}>
-          {showDom}
-          {this.needMore() ? (
-            <Popover
-              overlayStyle={{ maxWidth: "360px" }}
-              placement="leftBottom"
-              trigger="click"
-              content={this.getValue()}
-            >
-              <Button key={"more"} type={"link"} size={"small"}>
-                {translate("${更多}...")}
-              </Button>
-            </Popover>
-          ) : null}
-          {buttons && buttons.includes("dtmplEdit") ? (
-            <DtmplEditModal
-              serverKey={serverKey}
-              key={"dem"}
-              open={showDtmplView}
-              onCancel={this.hiddenDtmplView}
-              onOk={this.hiddenDtmplView}
-              sourceId={fieldConfig.sourceId}
-              code={openCode}
-            ></DtmplEditModal>
-          ) : buttons && buttons.includes("detail") ? (
-                  <ModalDtmplView
-                      serverKey={serverKey}
-                      key={"mdv"}
-                      open={showDtmplView}
-                      onCancel={this.hiddenDtmplView}
-                      sourceId={fieldConfig.sourceId}
-                      code={openCode}
-                  ></ModalDtmplView>
-              ): (
-            ""
-          )}
-        </Space>
-      </>
-    );
-  }
-}
+import * as React from "react";
+import { Button, Popover, Space } from "antd";
+import { VControlProps } from "../../tmpl/interface";
+import ModalDtmplView from "../../detail/view/modal-dtmpl-view";
+import "./index.css";
+import { LocaleContext } from "../../locale/LocaleProvider";
+import FileView from "../file-view";
+import EllipsisText from "./../../controls/text/ellipsis-text";
+import DtmplEditModal from "../../module/dtmpl-edit-modal"
+interface RfieldProps extends VControlProps {}
+
+interface RfieldState {
+  showDtmplView?: boolean;
+  showSelectTable?: boolean;
+  selectedCodes?: string[];
+  openCode?: string;
+}
+
+export default class Rfield extends React.PureComponent<
+  RfieldProps,
+  RfieldState
+> {
+  state = {
+    showDtmplView: false,
+    showSelectTable: false,
+    selectedCodes: undefined,
+    openCode: undefined,
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  showRfieldDtmplView = (code) => {
+    this.setState({
+      openCode: code,
+      showDtmplView: true,
+    });
+  };
+
+  hiddenDtmplView = () => {
+    this.setState({
+      showDtmplView: false,
+    });
+  };
+
+  handleRFieldSelect = (id: string) => {};
+
+  deleteRFieldValue = (id: string) => {};
+
+  showCount = () => {
+    const { value,fieldConfig } = this.props;
+    let valueArray=value && value.indexOf("@,@")>0 ?value.split("@,@"): value;
+    let vStr = "";
+    let length=fieldConfig.ellipsisLength?fieldConfig.ellipsisLength:64;
+    if(length==-1){
+      length=1000;
+    }
+
+    if (valueArray instanceof Array) {
+      let i: number = 0;
+      for (let val of valueArray) {
+        i++;
+        let isRValue = val ? val.indexOf("@R@") > 0 : false;
+        let valueShow = isRValue ? val.split("@R@")[1] : val;
+        vStr = vStr + valueShow;
+        if (vStr.length >= length) {
+          break;
+        }
+      }
+      // if(i<3){
+      //   i=3;
+      // }
+      return i;
+    } else  if(value.indexOf("@,@")>0){
+
+    }else
+    {
+      return 1;
+    }
+  };
+
+  needMore = () => {
+    const { value } = this.props;
+    let valueArray=value && value.indexOf("@,@")>0 ?value.split("@,@"): value;
+    let showCount = this.showCount();
+    let allCount = 0;
+    if (valueArray instanceof Array) {
+      allCount = valueArray.length;
+    } else {
+      allCount = 1;
+    }
+    if (allCount > showCount) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  getValue = (count?: number) => {
+
+    const { fieldConfig, value } = this.props;
+    const { buttons } = fieldConfig;
+    let valueArray = value && value.indexOf("@,@")>0 ?value.split("@,@"): value;
+    if (valueArray instanceof Array) {
+      if (count && count > 0 && valueArray.length > count) {
+        valueArray = valueArray.slice(0, count);
+      }
+    } else {
+       valueArray = [value];
+    }
+    let dom;
+    if (buttons && buttons.includes("detail")) {
+      dom = (
+        <Space key={count ? count + 1 : 1}  size={'small'}  direction={fieldConfig.itemBreakLine?"vertical":"horizontal"}  wrap>
+          {valueArray.map((val, index) => {
+            let isRValue = val ? val.indexOf("@R@") > 0 : false;
+            let valueShow = isRValue ? val.split("@R@")[1] : val;
+            let code = !val ? undefined : val.split("@R@")[0];
+            return isRValue ? (
+              <Button
+                key={index}
+                style={{ padding: "0px 0px", height: "100%" }}
+                type="link"
+                title=""
+                onClick={() => {
+                  this.showRfieldDtmplView(code);
+                }}
+              >
+                {this.showValue(valueShow)}
+              </Button>
+            ) : (
+              <span key={index}>{this.showValue(valueShow)}</span>
+            );
+          })}
+        </Space>
+      );
+    } else {
+      dom = (
+        <Space key={count ? count + 2 : 2} size={'small'} direction={fieldConfig.itemBreakLine?"vertical":"horizontal"}   wrap>
+          {valueArray.map((val, index) => {
+            let isRValue = val ? val.indexOf("@R@") > 0 : false;
+            let valueShow = isRValue ? val.split("@R@")[1] : val;
+            let code = !val ? undefined : val.split("@R@")[0];
+            return <span key={index}>{this.showValue(valueShow)}</span>;
+          })}
+        </Space>
+      );
+    }
+
+    return dom;
+  };
+
+  showValue = (value: string) => {
+    const {fieldConfig}=this.props;
+    const jsonRegex = /^\s*[\[{].*[\]}]\s*$/;
+    if(jsonRegex.test(value)){
+      let jsonFile = JSON.parse(value);
+      if(jsonFile.valid && jsonFile.base){
+        return  <div onClick={(e)=>{
+          e.stopPropagation();
+        }}><FileView   fieldConfig={{"id":"1","title":'文件'}} value={value} /></div>
+      }
+    }else {
+      return fieldConfig.ellipsisLength && fieldConfig.ellipsisLength!=-1 ? <EllipsisText
+          isHtml={false}
+          value={value}
+          showMax={fieldConfig.ellipsisLength}
+      ></EllipsisText> : <Popover placement="top"  content={value}>
+          <span className="infoStyle">{value}</span></Popover>;
+    }
+
+  }
+
+  render() {
+    const {fieldConfig, value, itemType, serverKey } = this.props;
+    const { showDtmplView, openCode } = this.state;
+    const { buttons } = fieldConfig;
+    const { translate } = this.context;
+
+    // let isRValue = value ? value.indexOf('@R@') > 0 : false;
+    // let valueShow = isRValue ? value.split('@R@')[1] : "";
+    // let code = !value ? undefined : value.split('@R@')[0];
+    let showDom = this.getValue(this.showCount());
+    return (
+      <>
+        <Space key={3} size={[8, 16]} wrap style={{ minWidth: "80px" }}>
+          {showDom}
+          {this.needMore() ? (
+            <Popover
+              overlayStyle={{ maxWidth: "360px" }}
+              placement="leftBottom"
+              trigger="click"
+              content={this.getValue()}
+            >
+              <Button key={"more"} type={"link"} size={"small"}>
+                {translate("${更多}...")}
+              </Button>
+            </Popover>
+          ) : null}
+          {buttons && buttons.includes("dtmplEdit") ? (
+            <DtmplEditModal
+              serverKey={serverKey}
+              key={"dem"}
+              open={showDtmplView}
+              onCancel={this.hiddenDtmplView}
+              onOk={this.hiddenDtmplView}
+              sourceId={fieldConfig.sourceId}
+              code={openCode}
+            ></DtmplEditModal>
+          ) : buttons && buttons.includes("detail") ? (
+                  <ModalDtmplView
+                      serverKey={serverKey}
+                      key={"mdv"}
+                      open={showDtmplView}
+                      onCancel={this.hiddenDtmplView}
+                      sourceId={fieldConfig.sourceId}
+                      code={openCode}
+                  ></ModalDtmplView>
+              ): (
+            ""
+          )}
+        </Space>
+      </>
+    );
+  }
+}