admin2 1.0.0

package/src/components/Authorized/Secured.jsx

@@ -0,0 +1,75 @@
+/* eslint-disable @babel/new-cap */
+import React from 'react';
+import CheckPermissions from './CheckPermissions';
+/**
+ * 默认不能访问任何页面
+ * default is "NULL"
+ */
+
+const Exception403 = () => 403;
+
+export const isComponentClass = component => {
+    if (!component) {
+        return false;
+    }
+    const proto = Object.getPrototypeOf(component);
+    if (proto === React.Component || proto === Function.prototype) {
+        return true;
+    }
+    return isComponentClass(proto);
+}; // Determine whether the incoming component has been instantiated
+// AuthorizedRoute is already instantiated
+// Authorized  render is already instantiated, children is no instantiated
+// Secured is not instantiated
+
+const checkIsInstantiation = target => {
+    if (isComponentClass(target)) {
+        const Target = target;
+        return props => <Target {...props} />;
+    }
+
+    if (React.isValidElement(target)) {
+        return props => React.cloneElement(target, props);
+    }
+
+    return () => target;
+};
+/**
+ * 用于判断是否拥有权限访问此 view 权限
+ * authority 支持传入 string, () => boolean | Promise
+ * e.g. 'user' 只有 user 用户能访问
+ * e.g. 'user,admin' user 和 admin 都能访问
+ * e.g. ()=>boolean 返回true能访问,返回false不能访问
+ * e.g. Promise  then 能访问   catch不能访问
+ * e.g. authority support incoming string, () => boolean | Promise
+ * e.g. 'user' only user user can access
+ * e.g. 'user, admin' user and admin can access
+ * e.g. () => boolean true to be able to visit, return false can not be accessed
+ * e.g. Promise then can not access the visit to catch
+ * @param {string | function | Promise} authority
+ * @param {ReactNode} error 非必需参数
+ */
+
+const authorize = (authority, error) => {
+    /**
+   * conversion into a class
+   * 防止传入字符串时找不到staticContext造成报错
+   * String parameters can cause staticContext not found error
+   */
+    let classError = false;
+
+    if (error) {
+        classError = () => error;
+    }
+
+    if (!authority) {
+        throw new Error('authority is required');
+    }
+
+    return function decideAuthority(target) {
+        const component = CheckPermissions(authority, target, classError || Exception403);
+        return checkIsInstantiation(component);
+    };
+};
+
+export default authorize;

package/src/components/Authorized/index.jsx

@@ -0,0 +1,8 @@
+import Authorized from './Authorized';
+import Secured from './Secured';
+import check from './CheckPermissions';
+import renderAuthorize from './renderAuthorize';
+Authorized.Secured = Secured;
+Authorized.check = check;
+const RenderAuthorize = renderAuthorize(Authorized);
+export default RenderAuthorize;

package/src/components/Authorized/renderAuthorize.js

@@ -0,0 +1,27 @@
+let CURRENT = 'NULL';
+
+/**
+ * use  authority or getAuthority
+ * @param {string|()=>String} currentAuthority
+ */
+const renderAuthorize = Authorized => currentAuthority => {
+    if (currentAuthority) {
+        if (typeof currentAuthority === 'function') {
+            CURRENT = currentAuthority();
+        }
+
+        if (
+            Object.prototype.toString.call(currentAuthority) === '[object String]'
+      || Array.isArray(currentAuthority)
+        ) {
+            CURRENT = currentAuthority;
+        }
+    } else {
+        CURRENT = 'NULL';
+    }
+
+    return Authorized;
+};
+
+export { CURRENT };
+export default Authorized => renderAuthorize(Authorized);

package/src/components/CaseDetail/index.jsx

@@ -0,0 +1,150 @@
+import { Drawer, Row, Col } from 'antd';
+import _ from 'lodash';
+
+import { smParseJson } from '@/utils/utils';
+
+import styles from './index.less';
+
+const DescriptionItem = ({ title, content }) => {
+    return (
+        <div>
+            <span className={styles['item-key']}>{title}:</span>
+            <span className={styles['item-value']}>{content || '-'}</span>
+        </div>
+    );
+};
+
+const getDescItem = orginData => {
+    const tpl = [];
+    const caseSelfData = {
+        requestId: orginData.requestId,
+        btId: orginData.btId,
+        organization: `${orginData.organizationStr}(${orginData.organization})`,
+        appId: orginData.appId,
+        firstLabel: orginData.firstLabel,
+        secondLabel: orginData.secondLabel,
+        thirdLabel: orginData.thirdLabel,
+        annotationResult: orginData.annotationResult,
+        remarkText: orginData.remarkText,
+        feedbackRiskLevel: orginData.feedbackRiskLevel,
+        dataFrom: orginData.dataFromStr,
+        status: orginData.statusStr,
+        timestamp: orginData.timestampStr,
+        createTime: orginData.createTime,
+        updateTime: orginData.createTime,
+    };
+    const { data, detail } = orginData;
+    const newData = smParseJson(data);
+    const newDetail = smParseJson(detail);
+    const otherData = newData.__SYSTEM_RECORD__ || {};
+
+    delete newData.__SYSTEM_RECORD__;
+
+    if (!_.isEmpty(caseSelfData) && orginData.firstLabel) {
+        tpl.push(<h3 className={styles['case-sub-title']}>案例数据</h3>);
+        Object.keys(caseSelfData).forEach(caseKey => {
+            let caseVal = caseSelfData[caseKey];
+
+            if (_.isArray(caseSelfData[caseKey]) || _.isObject(caseSelfData[caseKey])) {
+                caseVal = JSON.stringify(caseVal);
+            }
+
+            tpl.push(
+                <Row key={`case-${caseKey}`}>
+                    <Col span={24}>
+                        <DescriptionItem title={caseKey} content={caseVal} />
+                    </Col>
+                </Row>
+            );
+        });
+    }
+
+    if (!_.isEmpty(newDetail)) {
+        tpl.push(<h3 className={styles['case-sub-title']}>结论数据</h3>);
+        Object.keys(newDetail).forEach(outputKey => {
+            let outputVal = newDetail[outputKey];
+
+            if (_.isArray(newDetail[outputKey]) || _.isObject(newDetail[outputKey])) {
+                outputVal = JSON.stringify(outputVal);
+            }
+
+            tpl.push(
+                <Row key={`detail-${outputKey}`}>
+                    <Col span={24}>
+                        <DescriptionItem title={outputKey} content={outputVal} />
+                    </Col>
+                </Row>
+            );
+        });
+    }
+
+    if (!_.isEmpty(newData)) {
+        tpl.push(<h3 className={styles['case-sub-title']}>输入数据</h3>);
+        Object.keys(newData).forEach(inputKey => {
+            let inputVal = newData[inputKey];
+
+            if (_.isArray(newData[inputKey]) || _.isObject(newData[inputKey])) {
+                inputVal = JSON.stringify(inputVal);
+            }
+
+            tpl.push(
+                <Row key={`data-${inputKey}`}>
+                    <Col span={24}>
+                        <DescriptionItem title={inputKey} content={inputVal} />
+                    </Col>
+                </Row>
+            );
+        });
+    }
+
+    if (!_.isEmpty(otherData)) {
+        tpl.push(<h3 className={styles['case-sub-title']}>引擎数据</h3>);
+        Object.keys(otherData).forEach(otherKey => {
+            let inputVal = otherData[otherKey];
+
+            if (_.isArray(otherData[otherKey]) || _.isObject(otherData[otherKey])) {
+                inputVal = JSON.stringify(inputVal);
+            }
+
+            tpl.push(
+                <Row key={`engine-${otherKey}`}>
+                    <Col span={24}>
+                        <DescriptionItem title={otherKey} content={otherData[otherKey]} />
+                    </Col>
+                </Row>
+            );
+        });
+    }
+
+    return tpl;
+};
+
+const CaseDetail = props => {
+    const { data = {}, visible, onClose } = props;
+
+    if (!visible || _.isEmpty(data)) {
+        return null;
+    }
+
+    const descItem = getDescItem(data);
+
+    return (
+        <Drawer
+            width={800}
+            placement="right"
+            closable
+            destroyOnClose
+            visible={visible}
+            onClose={() => {
+                onClose && onClose();
+            }}
+        >
+            <div className={styles['case-detail-wrapper']}>
+                <h1 className={styles['case-title']}>数据详情</h1>
+                {descItem}
+            </div>
+        </Drawer>
+    );
+};
+
+export default CaseDetail;

package/src/components/CaseDetail/index.less

@@ -0,0 +1,32 @@
+.case-detail-wrapper {
+    .case-title {
+        font-size: 18px;
+        color: rgba(0, 0, 0, 0.85);
+        line-height: 1.5em;
+        margin-bottom: 20px;
+    }
+
+    .case-sub-title {
+        font-size: 16px;
+        color: rgba(0, 0, 0, 0.85);
+        line-height: 1.5em;
+        margin: 20px 0;
+    }
+
+    .item-key {
+        display: inline-block;
+        width: 200px;
+        line-height: 1.5em;
+        text-align: right;
+        vertical-align: top;
+        margin-right: 10px;
+    }
+
+    .item-value {
+        display: inline-block;
+        width: calc(100% - 210px);
+        line-height: 1.5em;
+        text-align: left;
+        vertical-align: top;
+    }
+}

package/src/components/ClusterChanger/index.jsx

@@ -0,0 +1,110 @@
+import React, { Button, Modal } from 'antd';
+import { useEffect, useMemo, useState } from 'react';
+import { useLanguage } from '@/hooks';
+import { useLocation } from 'umi';
+import { queryClusterListForClusterChanger } from '@/services/base';
+
+export default props => {
+    const [currentCluster, setCurrentCluster] = useState(null);
+    const [modalOpened, setModalOpened] = useState(false);
+    const [clusterList, setClusterList] = useState([]);
+    const {t, currentLang} = useLanguage();
+
+
+    const getClusterList = async () => {
+        const res = await queryClusterListForClusterChanger();
+        const list = res?.contents || [];
+        const selectedIndex = list.findIndex(item => item.isSelected);
+        // const selectedIndex = 0;
+
+        setClusterList(list.filter(item => !item.isSelected) || []);
+        setCurrentCluster(list[selectedIndex]);
+    };
+    useEffect(() => {
+        getClusterList();
+    }, []);
+
+
+    const location = useLocation();
+
+    const showClusterChanger = useMemo(
+        () => currentCluster && /\/new\/.+\/history/.test(location.pathname),
+        [currentCluster, location.pathname]
+    );
+
+    const btnClick = () => {
+        setModalOpened(!modalOpened);
+    };
+
+    const compStyle = {
+        display: 'inline-block',
+        ...props.style,
+    };
+
+    const btnStyle = {
+        color: '#13CBB9',
+    };
+
+    const modalContentWrapStyle = {
+        display: 'flex',
+    };
+
+    const jumpToUrl = url => {
+        window.open(url, '_blank');
+    };
+
+    const JumpBtn = props => {
+        const {item} = props;
+        const url = item.host + location.pathname;
+        return (
+            <Button
+                type="text"
+                style={btnStyle}
+                onClick={() => jumpToUrl(url)}
+            >
+                {
+                    currentLang === 'zh-CN' ? item.name : item.nameEn
+                }
+            </Button>
+        );
+    };
+
+    return (
+        <>
+            {
+                showClusterChanger && (
+                    <div style={compStyle}>
+                        <span>{t('当前集群')}</span>
+
+                        <Button
+                            type="text"
+                            onClick={btnClick}
+                            style={btnStyle}
+                        >
+                            {currentLang === 'zh-CN' ? currentCluster.name : currentCluster.nameEn}
+                        </Button>
+
+                        <Modal
+                            title={t('跳转集群')}
+                            open={modalOpened}
+                            onCancel={btnClick}
+                            footer={null}
+                        >
+                            <div style={modalContentWrapStyle}>
+                                <div style={{lineHeight: '32px', width: '70px', flexShrink: '0'}}>{t('点击前往')}</div>
+                                <div>
+                                    {
+                                        clusterList.map(item => {
+                                            return <JumpBtn key={item.id} item={item} />;
+                                        })
+                                    }
+                                </div>
+                            </div>
+
+                        </Modal>
+                    </div>
+                )
+            }
+        </>
+    );
+};

package/src/components/CustomMessageContent/index.js

@@ -0,0 +1,23 @@
+import {message} from 'antd';
+
+import {SMIcon} from '@/components';
+
+const CustomMessageContent = ({Message, key, t = t => t, messageKey}) => {
+    const handleClick = () => {
+        // 此处不能用key，组件的key值不会作为props接收
+        message.destroy(key || messageKey);
+    };
+    return (
+        <div style={{display: 'inline-block'}}>
+            <span>{Message || t('操作失败！')}</span>
+            <span className="message-error-icon">
+                <SMIcon
+                    type="icon-shanchu1"
+                    onClick={handleClick}
+                />
+            </span>
+        </div>
+    );
+};
+
+export default CustomMessageContent;

package/src/components/CustomVideo/index.js

@@ -0,0 +1,77 @@
+import { useRef } from 'react';
+
+const CustomVideo = ({ src, width, height, id}) => {
+    const videoRef = useRef(null);
+
+    // 获取文件格式
+    const getFileFormat = url => {
+        if (!url) {
+            return '';
+        }
+        const extension = url.split('.').pop()?.toLowerCase();
+        return extension || '';
+    };
+
+    // 根据格式设置 MIME 类型
+    const getMimeType = format => {
+        const mimeTypes = {
+            'mp4': 'video/mp4',
+            'mkv': 'video/x-matroska',
+            'flv': 'video/x-flv',
+            'avi': 'video/x-msvideo',
+            'wmv': 'video/x-ms-wmv',
+            'mov': 'video/quicktime',
+            'rmvb': 'application/vnd.rn-realmedia-vbr',
+            'ts': 'video/mp2t',
+            '3gp': 'video/3gpp',
+            'webm': 'video/webm',
+            'ogg': 'video/ogg',
+        };
+        return mimeTypes[format] || 'video/mp4';
+    };
+
+    // 渲染播放器
+    const renderPlayer = () => {
+        const format = getFileFormat(src);
+        const mimeType = getMimeType(format);
+
+        return (
+            <div style={{ position: 'relative' }}>
+                <video
+                    ref={videoRef}
+                    id={id}
+                    controls
+                    width={width}
+                    height={height}
+                    preload="metadata"
+                >
+                    {/* 主要源 */}
+                    <source src={src} type={mimeType} />
+
+                    您的浏览器不支持视频播放
+                </video>
+
+            </div>
+        );
+    };
+
+    return (
+        <div
+            style={{
+                width,
+                height,
+                border: '1px solid #d9d9d9',
+                borderRadius: '6px',
+                background: '#000',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                position: 'relative',
+            }}
+        >
+            {renderPlayer()}
+        </div>
+    );
+};
+
+export default CustomVideo;

package/src/components/ElementDateRangeTime/assets/arrow.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="10px" viewBox="0 0 15 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>路径备份 4</title>
+    <g id="活动第一期5.16版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="活动2备份" transform="translate(-447.000000, -122.000000)" fill="#666666" fill-rule="nonzero">
+            <g id="选择具体日期备份-3" transform="translate(301.000000, 111.000000)">
+                <path d="M152.996833,22.7500303 L153.041068,22.7998492 C153.328592,23.0863082 153.759877,23.0613987 154.014225,22.7500303 L157.818386,18.0795037 C158.072734,17.7556805 158.061676,17.2699458 157.774152,16.971032 C157.486628,16.6721183 157.055342,16.6970278 156.789936,17.020851 L154.191163,20.2217186 L154.191163,9.77219373 C154.191163,9.33627791 153.881522,9 153.505529,9 C153.129537,9 152.819896,9.34873265 152.819896,9.77219373 L152.819896,20.2217186 L150.210064,17.020851 C149.955716,16.6970278 149.513372,16.6845731 149.225848,16.971032 C148.938324,17.257491 148.927266,17.7556805 149.181614,18.0795037 L152.996833,22.7500303 Z" id="路径备份-4" transform="translate(153.500000, 16.000000) rotate(-90.000000) translate(-153.500000, -16.000000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/ElementDateRangeTime/assets/calendar.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>日历备份</title>
+    <g id="SaaS-后台-UI规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS-后台-UI规范-2.0" transform="translate(-461.000000, -9549.000000)" fill-rule="nonzero">
+            <g id="日历备份" transform="translate(461.000000, 9549.000000)">
+                <path d="M4.73851751,3.87298671 L4.93678945,3.87298671 C5.23510687,3.87298671 5.35034106,3.42596664 5.35034106,3.11742154 L5.35034106,0.651685819 C5.35034106,0.343234469 5.20136426,-5.99520433e-15 4.90359254,-5.99520433e-15 L4.7051387,-5.99520433e-15 C4.40682128,-0.000374709974 4.2746703,0.343046961 4.2746703,0.651498311 L4.2746703,3.22036366 C4.2746703,3.42568538 4.44010914,3.87270545 4.73797181,3.87270545 L4.73851751,3.87298671 Z M11.1151432,3.87298671 L11.313688,3.87298671 C11.6120964,3.87298671 11.7439745,3.42596664 11.7439745,3.11742154 L11.7439745,0.651685819 C11.7439745,0.343234469 11.6285584,3.06865547e-07 11.330332,3.06865547e-07 L11.1317872,3.06865547e-07 C10.8334698,3.06865547e-07 10.6850387,0.343234469 10.6850387,0.651685819 L10.6850387,3.22055117 C10.6850387,3.42587289 10.9162347,3.87289296 11.1151432,3.87289296 L11.1151432,3.87298671 Z M13.9476126,1.11183148 L12.2884948,1.11183148 L12.2884948,2.2035055 L13.9473397,2.2035055 C14.5435198,2.2035055 15.040382,2.80943896 15.040382,3.42596664 L15.040382,4.45360654 L1.02773988,4.45360654 L1.02773988,3.42596664 C1.02773988,2.80953271 1.52469304,2.2035055 2.12087312,2.2035055 L3.7466121,2.2035055 L3.7466121,1.11183148 L2.220191,1.11183148 C1.02773988,1.11183148 0,2.39832675 0,3.52853375 L0,13.4967626 C0,14.6269696 1.02773988,16 2.220191,16 L14.0466576,16 C15.1396089,16 16,14.7300992 16,13.4967626 L16,3.52853375 C15.9012278,2.39832675 15.1401546,1.11183148 13.9473397,1.11183148 L13.9476126,1.11183148 Z M14.9844475,13.3946643 C14.9844475,14.1137591 14.6433834,14.9035445 13.9476126,14.9035445 L2.2207367,14.9035445 C1.62455662,14.9035445 1.06093679,14.1137591 1.06093679,13.4972314 L1.06093679,5.48124643 L14.9848113,5.48124643 L14.9848113,13.394758 L14.9842656,13.394758 L14.9844475,13.3946643 Z M10.1549795,1.11192524 L5.87930878,1.11192524 L5.87930878,2.2035055 L10.1547976,2.2035055 L10.1547976,1.11192524 L10.1549795,1.11192524 Z" id="日历" fill="#384A66"></path>
+                <path d="M11.2,7.9 C11.4761424,7.9 11.7,8.12385763 11.7,8.4 C11.7,8.67614237 11.4761424,8.9 11.2,8.9 L4.8,8.9 C4.52385763,8.9 4.3,8.67614237 4.3,8.4 C4.3,8.12385763 4.52385763,7.9 4.8,7.9 L11.2,7.9 Z" id="路径-49" fill="#B4C0D1"></path>
+                <path d="M11.2,11.1 C11.4761424,11.1 11.7,11.3238576 11.7,11.6 C11.7,11.8761424 11.4761424,12.1 11.2,12.1 L4.8,12.1 C4.52385763,12.1 4.3,11.8761424 4.3,11.6 C4.3,11.3238576 4.52385763,11.1 4.8,11.1 L11.2,11.1 Z" id="路径-49" fill="#B4C0D1"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/ElementDateRangeTime/assets/last-month.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="7px" height="10px" viewBox="0 0 7 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>路径备份 5</title>
+    <g id="SaaS-后台-UI规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS-后台-UI规范-2.0" transform="translate(-149.000000, -9655.000000)" fill="#9DA7B7" fill-rule="nonzero">
+            <g id="编组-18" transform="translate(105.000000, 9583.000000)">
+                <polygon id="路径备份-5" transform="translate(49.469670, 77.000000) rotate(45.000000) translate(-49.469670, -77.000000) " points="47.5946699 73.625 47.5946699 78.875 52.8446699 78.875 52.8446699 80.375 46.0946699 80.375 46.0946699 73.625"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/ElementDateRangeTime/assets/next-month.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="7px" height="10px" viewBox="0 0 7 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>路径备份 22</title>
+    <g id="SaaS-后台-UI规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS-后台-UI规范-2.0" transform="translate(-655.000000, -9655.000000)" fill="#9DA7B7" fill-rule="nonzero">
+            <g id="编组-18" transform="translate(105.000000, 9583.000000)">
+                <polygon id="路径备份-22" transform="translate(551.530330, 77.000000) scale(-1, 1) rotate(45.000000) translate(-551.530330, -77.000000) " points="549.65533 73.625 549.65533 78.875 554.90533 78.875 554.90533 80.375 548.15533 80.375 548.15533 73.625"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/ElementDateRangeTime/assets/next-year.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="10px" viewBox="0 0 15 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 7备份 3</title>
+    <g id="SaaS-后台-UI规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS-后台-UI规范-2.0" transform="translate(-670.000000, -9656.000000)" fill="#9DA7B7" fill-rule="nonzero">
+            <g id="编组-18" transform="translate(105.000000, 9583.000000)">
+                <g id="编组-7备份-3" transform="translate(572.272971, 77.772971) scale(-1, 1) translate(-572.272971, -77.772971) translate(565.000000, 73.000000)">
+                    <polygon id="路径备份-25" transform="translate(9.772971, 4.772971) rotate(45.000000) translate(-9.772971, -4.772971) " points="7.89797077 1.39797077 7.89797077 6.64797077 13.1479708 6.64797077 13.1479708 8.14797077 6.39797077 8.14797077 6.39797077 1.39797077"></polygon>
+                    <polygon id="路径备份-26" transform="translate(4.772971, 4.772971) rotate(45.000000) translate(-4.772971, -4.772971) " points="2.89797077 1.39797077 2.89797077 6.64797077 8.14797077 6.64797077 8.14797077 8.14797077 1.39797077 8.14797077 1.39797077 1.39797077"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/ElementDateRangeTime/assets/pre-year.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="11px" viewBox="0 0 16 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 7备份 2</title>
+    <g id="SaaS-后台-UI规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SaaS-后台-UI规范-2.0" transform="translate(-125.000000, -9655.000000)" fill="#9DA7B7" fill-rule="nonzero">
+            <g id="编组-18" transform="translate(105.000000, 9583.000000)">
+                <g id="编组-7备份-2" transform="translate(20.852029, 72.602029)">
+                    <polygon id="路径备份" transform="translate(9.772971, 4.772971) rotate(45.000000) translate(-9.772971, -4.772971) " points="7.89797077 1.39797077 7.89797077 6.64797077 13.1479708 6.64797077 13.1479708 8.14797077 6.39797077 8.14797077 6.39797077 1.39797077"></polygon>
+                    <polygon id="路径备份-2" transform="translate(4.772971, 4.772971) rotate(45.000000) translate(-4.772971, -4.772971) " points="2.89797077 1.39797077 2.89797077 6.64797077 8.14797077 6.64797077 8.14797077 8.14797077 1.39797077 8.14797077 1.39797077 1.39797077"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/ElementDateRangeTime/constants.js

@@ -0,0 +1,11 @@
+/**
+ * @file components/ElementDateRangeTime/constants 日历组件常量
+ * @modify zhaopengyu
+ */
+
+export const DEFAULT_FORMATS = {
+    DATE_TIME: 'yyyy-MM-dd',
+    DATE_TIMER_RANGE: 'yyyy-MM-dd HH:mm:ss',
+};
+
+export const DEFAULT_PLACEHOLDHELP = '开始日期 - 结束日期';