aldehyde 0.2.197 → 0.2.199

package/src/aldehyde/controls/collapse-card/index.tsx

@@ -1,109 +1,109 @@
-import * as React from "react";
-import { Button, Card } from "antd";
-import "./index.css";
-import { DownOutlined, RightOutlined } from "@ant-design/icons";
-import { CardProps } from "antd/lib/card";
-import ToolTipBar from "../../detail/tooltipbar";
-import { LocaleContext } from "../../locale/LocaleProvider";
-
-interface CollapseCardProps extends CardProps {
-  initCollapse?: boolean;
-  tip?: any;
-  showRightNav?: boolean;
-}
-
-interface CollapseCardState {
-  collapse?: boolean;
-}
-export default class CollapseCard extends React.PureComponent<
-  CollapseCardProps,
-  CollapseCardState
-> {
-  state = {
-    collapse: false,
-  };
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  componentDidMount() {
-    const { initCollapse } = this.props;
-    this.setState({
-      collapse: initCollapse,
-    });
-  }
-
-  componentDidUpdate(prevProps) {
-    const { initCollapse } = this.props;
-    if (this.props != prevProps) {
-      this.setState({
-        collapse: initCollapse,
-      });
-    }
-  }
-
-  cardTitle = () => {
-    const { title, tip } = this.props;
-    const { collapse } = this.state;
-    const { translate } = this.context;
-    if (!title || "null" == title) {
-      //没title不显示card 头 ，同时不支持伸缩。
-      return null;
-    }
-    let titleBegin = null;
-    if (collapse) {
-      titleBegin = (
-        <Button
-          type="text"
-          onClick={() => {
-            this.setState({ collapse: false });
-          }}
-        >
-          <RightOutlined />
-          {translate("${" + title + "}")}
-        </Button>
-      );
-    } else {
-      titleBegin = (
-        <Button
-          type="text"
-          onClick={() => {
-            this.setState({ collapse: true });
-          }}
-        >
-          <DownOutlined />
-          {typeof title == "string" ? translate("${" + title + "}"):title}
-        </Button>
-      );
-    }
-    return (
-      <>
-        {titleBegin}
-        <ToolTipBar content={tip}></ToolTipBar>
-      </>
-    );
-  };
-
-  render() {
-    const { collapse } = this.state;
-    const {
-      extra,
-      title,
-      className,
-      initCollapse,
-      showRightNav,
-      ...other
-    } = this.props;
-    return (
-      <Card
-        {...other}
-        size={"small"}
-        extra={collapse ? "" : extra}
-        style={{ width: showRightNav ? "90%" : "100%" }}
-        className={`${className} ${collapse ? "collapse" : ""}`}
-        title={this.cardTitle()}
-      >
-        {collapse ? null : this.props.children}
-      </Card>
-    );
-  }
-}
+import * as React from "react";
+import { Button, Card } from "antd";
+import "./index.css";
+import { DownOutlined, RightOutlined } from "@ant-design/icons";
+import { CardProps } from "antd/lib/card";
+import ToolTipBar from "../../detail/tooltipbar";
+import { LocaleContext } from "../../locale/LocaleProvider";
+
+interface CollapseCardProps extends CardProps {
+  initCollapse?: boolean;
+  tip?: any;
+  showRightNav?: boolean;
+}
+
+interface CollapseCardState {
+  collapse?: boolean;
+}
+export default class CollapseCard extends React.PureComponent<
+  CollapseCardProps,
+  CollapseCardState
+> {
+  state = {
+    collapse: false,
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  componentDidMount() {
+    const { initCollapse } = this.props;
+    this.setState({
+      collapse: initCollapse,
+    });
+  }
+
+  componentDidUpdate(prevProps) {
+    const { initCollapse } = this.props;
+    if (this.props != prevProps) {
+      this.setState({
+        collapse: initCollapse,
+      });
+    }
+  }
+
+  cardTitle = () => {
+    const { title, tip } = this.props;
+    const { collapse } = this.state;
+    const { translate } = this.context;
+    if (!title || "null" == title) {
+      //没title不显示card 头 ，同时不支持伸缩。
+      return null;
+    }
+    let titleBegin = null;
+    if (collapse) {
+      titleBegin = (
+        <Button
+          type="text"
+          onClick={() => {
+            this.setState({ collapse: false });
+          }}
+        >
+          <RightOutlined />
+          {translate("${" + title + "}")}
+        </Button>
+      );
+    } else {
+      titleBegin = (
+        <Button
+          type="text"
+          onClick={() => {
+            this.setState({ collapse: true });
+          }}
+        >
+          <DownOutlined />
+          {typeof title == "string" ? translate("${" + title + "}"):title}
+        </Button>
+      );
+    }
+    return (
+      <>
+        {titleBegin}
+        <ToolTipBar content={tip}></ToolTipBar>
+      </>
+    );
+  };
+
+  render() {
+    const { collapse } = this.state;
+    const {
+      extra,
+      title,
+      className,
+      initCollapse,
+      showRightNav,
+      ...other
+    } = this.props;
+    return (
+      <Card
+        {...other}
+        size={"small"}
+        extra={collapse ? "" : extra}
+        style={{ width: showRightNav ? "90%" : "100%" }}
+        className={`${className} ${collapse ? "collapse" : ""}`}
+        title={this.cardTitle()}
+      >
+        {collapse ? null : this.props.children}
+      </Card>
+    );
+  }
+}

package/src/aldehyde/controls/color-picker/index.css

@@ -1,27 +1,27 @@
-
-.color {
-    width: 108px;
-    height: 24px;
-    border-radius: 2px;
-    display: inline-block;
-    /*background: `rgba(${ this.state.color.r }, ${ this.state.color.g }, ${ this.state.color.b }, ${ this.state.color.a })`,*/
-}
-.swatch {
-    padding: 5px;
-    background: #fff;
-    border-radius: 1px;
-    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
-    display: inline-block;
-    cursor: pointer;
-}
-.popover{
-    position: absolute;
-    z-index: 2;
-}
-.cover{
-    position: fixed;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
+
+.color {
+    width: 108px;
+    height: 24px;
+    border-radius: 2px;
+    display: inline-block;
+    /*background: `rgba(${ this.state.color.r }, ${ this.state.color.g }, ${ this.state.color.b }, ${ this.state.color.a })`,*/
+}
+.swatch {
+    padding: 5px;
+    background: #fff;
+    border-radius: 1px;
+    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
+    display: inline-block;
+    cursor: pointer;
+}
+.popover{
+    position: absolute;
+    z-index: 2;
+}
+.cover{
+    position: fixed;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
 }

package/src/aldehyde/controls/color-picker/index.tsx

@@ -1,114 +1,114 @@
-import React from "react";
-import { Button, Card, Popover, Space } from "antd";
-import { CloseOutlined, CloseCircleOutlined } from "@ant-design/icons";
-import { VEControlProps } from "../../tmpl/interface";
-import "./index.css";
-import Swatches from "react-color";
-import { LocaleContext } from "../../locale/LocaleProvider";
-
-interface PickerProps extends VEControlProps {}
-
-interface PickerState {
-  displayColorPicker?: boolean;
-}
-
-export default class CollapseCard extends React.PureComponent<
-  PickerProps,
-  PickerState
-> {
-  state = {
-    displayColorPicker: false,
-  };
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  componentDidMount() {
-    this.setState({});
-  }
-
-  componentDidUpdate(prevProps) {
-    const {} = this.props;
-    if (this.props != prevProps) {
-      this.setState({});
-    }
-  }
-
-  handleChange = (value) => {
-    if (value && value.hex) {
-      this.props.onChange(value.hex);
-    } else {
-      this.props.onChange("");
-    }
-  };
-
-  render() {
-    const { displayColorPicker } = this.state;
-    const { value, viewOrEdit, ...other } = this.props;
-    const { translate } = this.context;
-
-    return viewOrEdit == "view" ? (
-      <div className={"color"} style={{ background: value }}>
-        {value}
-      </div>
-    ) : (
-      <Popover
-        open={displayColorPicker}
-        content={
-          <Card
-            size={"small"}
-            style={{ width: 320 }}
-            title={translate("${颜色选择}")}
-            bodyStyle={{ overflow: "auto" }}
-            extra={
-              <>
-                <Space size={[8, 0]}>
-                  {
-                    <Button
-                      onClick={() => {
-                        this.setState({ displayColorPicker: false });
-                      }}
-                    >
-                      <CloseOutlined />
-                    </Button>
-                  }
-                </Space>
-              </>
-            }
-          >
-            <Swatches color={value} onChange={this.handleChange} />
-          </Card>
-        }
-      >
-        <div>
-          <span
-            onClick={() => {
-              this.setState({ displayColorPicker: !displayColorPicker });
-            }}
-            className={"color"}
-            style={{ background: value, cursor: "pointer" }}
-          >
-            {value ? (
-              value
-            ) : (
-              <Button type={"link"}>{translate("${选择颜色}")}</Button>
-            )}
-          </span>
-          <span>
-            {value ? (
-              <Button
-                type={"text"}
-                onClick={() => {
-                  this.handleChange(undefined);
-                }}
-              >
-                <CloseCircleOutlined />
-              </Button>
-            ) : (
-              ""
-            )}
-          </span>
-        </div>
-      </Popover>
-    );
-  }
-}
+import React from "react";
+import { Button, Card, Popover, Space } from "antd";
+import { CloseOutlined, CloseCircleOutlined } from "@ant-design/icons";
+import { VEControlProps } from "../../tmpl/interface";
+import "./index.css";
+import Swatches from "react-color";
+import { LocaleContext } from "../../locale/LocaleProvider";
+
+interface PickerProps extends VEControlProps {}
+
+interface PickerState {
+  displayColorPicker?: boolean;
+}
+
+export default class CollapseCard extends React.PureComponent<
+  PickerProps,
+  PickerState
+> {
+  state = {
+    displayColorPicker: false,
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  componentDidMount() {
+    this.setState({});
+  }
+
+  componentDidUpdate(prevProps) {
+    const {} = this.props;
+    if (this.props != prevProps) {
+      this.setState({});
+    }
+  }
+
+  handleChange = (value) => {
+    if (value && value.hex) {
+      this.props.onChange(value.hex);
+    } else {
+      this.props.onChange("");
+    }
+  };
+
+  render() {
+    const { displayColorPicker } = this.state;
+    const { value, viewOrEdit, ...other } = this.props;
+    const { translate } = this.context;
+
+    return viewOrEdit == "view" ? (
+      <div className={"color"} style={{ background: value }}>
+        {value}
+      </div>
+    ) : (
+      <Popover
+        open={displayColorPicker}
+        content={
+          <Card
+            size={"small"}
+            style={{ width: 320 }}
+            title={translate("${颜色选择}")}
+            bodyStyle={{ overflow: "auto" }}
+            extra={
+              <>
+                <Space size={[8, 0]}>
+                  {
+                    <Button
+                      onClick={() => {
+                        this.setState({ displayColorPicker: false });
+                      }}
+                    >
+                      <CloseOutlined />
+                    </Button>
+                  }
+                </Space>
+              </>
+            }
+          >
+            <Swatches color={value} onChange={this.handleChange} />
+          </Card>
+        }
+      >
+        <div>
+          <span
+            onClick={() => {
+              this.setState({ displayColorPicker: !displayColorPicker });
+            }}
+            className={"color"}
+            style={{ background: value, cursor: "pointer" }}
+          >
+            {value ? (
+              value
+            ) : (
+              <Button type={"link"}>{translate("${选择颜色}")}</Button>
+            )}
+          </span>
+          <span>
+            {value ? (
+              <Button
+                type={"text"}
+                onClick={() => {
+                  this.handleChange(undefined);
+                }}
+              >
+                <CloseCircleOutlined />
+              </Button>
+            ) : (
+              ""
+            )}
+          </span>
+        </div>
+      </Popover>
+    );
+  }
+}

package/src/aldehyde/controls/counting-tag/index.tsx

@@ -1,53 +1,53 @@
-import React from 'react'
-import { Tag,Input} from "antd";
-import {VEControlProps} from "../../tmpl/interface";
-import HCDataSource from "../../tmpl/hc-data-source";
-import Units from "../../units";
-
-interface CountingTagProps extends VEControlProps {
-    count:number,
-    value?:any
-}
-interface CountingTagState {
-}
-
-export default class  CountingTag extends React.PureComponent<CountingTagProps, CountingTagState>{
-
-     componentDidMount() {
-         const {}=this.props;
-         this.onChange(true);
-    }
-
-     componentDidUpdate(preProps) {
-         const {count}=this.props;
-        if((count || count==0) && preProps.count!=count){
-            this.onChange(false)
-        }
-    }
-
-     refreshTime=new Date().getTime();
-
-    onChange=(refresh:boolean)=>{
-
-        let newRefreshTime=new Date().getTime();
-        if(refresh || newRefreshTime-this.refreshTime>10){
-            const {count,onChange,min}=this.props;
-            this.refreshTime=newRefreshTime;
-            onChange((count || count==0 ) && count>=Number(min) ? 1:null);
-        }
-    }
-
-    static defaultProps={
-        min:0
-    }
-
-    render(){
-
-        const {count,min,value}=this.props;
-        //console.log('关系 this.props value', value);
-        //console.log('关系 this.props min', min);
-        return <></>
-        //return <Tag style={{marginBottom: 10}} color="blue">{count?count:0}{value}</Tag>;
-    }
-
-}
+import React from 'react'
+import { Tag,Input} from "antd";
+import {VEControlProps} from "../../tmpl/interface";
+import HCDataSource from "../../tmpl/hc-data-source";
+import Units from "../../units";
+
+interface CountingTagProps extends VEControlProps {
+    count:number,
+    value?:any
+}
+interface CountingTagState {
+}
+
+export default class  CountingTag extends React.PureComponent<CountingTagProps, CountingTagState>{
+
+     componentDidMount() {
+         const {}=this.props;
+         this.onChange(true);
+    }
+
+     componentDidUpdate(preProps) {
+         const {count}=this.props;
+        if((count || count==0) && preProps.count!=count){
+            this.onChange(false)
+        }
+    }
+
+     refreshTime=new Date().getTime();
+
+    onChange=(refresh:boolean)=>{
+
+        let newRefreshTime=new Date().getTime();
+        if(refresh || newRefreshTime-this.refreshTime>10){
+            const {count,onChange,min}=this.props;
+            this.refreshTime=newRefreshTime;
+            onChange((count || count==0 ) && count>=Number(min) ? 1:null);
+        }
+    }
+
+    static defaultProps={
+        min:0
+    }
+
+    render(){
+
+        const {count,min,value}=this.props;
+        //console.log('关系 this.props value', value);
+        //console.log('关系 this.props min', min);
+        return <></>
+        //return <Tag style={{marginBottom: 10}} color="blue">{count?count:0}{value}</Tag>;
+    }
+
+}