tntd 1.4.17 → 2.0.0-beta-1

package/es/Columns/index.js

@@ -1,86 +0,0 @@
-import "antd/lib/row/style";
-import _Row from "antd/lib/row";
-import "antd/lib/col/style";
-import _Col from "antd/lib/col";
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import classnames from 'classnames';
-import './index.less';
-var clsPrefix = 'tnt-columns';
-export var Item = function Item(props) {
-  var children = props.children,
-      span = props.span,
-      extra = props.extra,
-      title = props.title,
-      tabList = props.tabList,
-      defaultActiveTabKey = props.defaultActiveTabKey,
-      activeTabKey = props.activeTabKey,
-      tabType = props.tabType,
-      onTabChange = props.onTabChange;
-  var realActiveKey = activeTabKey || defaultActiveTabKey;
-  return React.createElement(_Col, {
-    className: "".concat(clsPrefix, "-col"),
-    span: span < 4 ? 4 : span
-  }, React.createElement("div", null, (!tabList || tabList.length < 0) && React.createElement("div", {
-    className: "".concat(clsPrefix, "-col-header")
-  }, React.createElement("div", {
-    className: "title-left"
-  }, title), extra && React.createElement("div", {
-    className: "title-extra"
-  }, extra)), (tabList == null ? void 0 : tabList.length) > 0 && React.createElement("div", {
-    className: "".concat(clsPrefix, "-col-tabs"),
-    tabType: tabType,
-    tabList: tabList
-  }, tabList.map(function (_ref) {
-    var tab = _ref.tab,
-        key = _ref.key;
-    return React.createElement("span", {
-      className: classnames('tab-item', {
-        'active-tab': realActiveKey === key
-      }),
-      style: {
-        width: tabList && tabType === 'default' ? 'auto' : "".concat(100 / tabList.length, "%")
-      },
-      key: key,
-      onClick: function onClick() {
-        return onTabChange(key);
-      }
-    }, tab);
-  })), React.createElement("div", {
-    className: "".concat(clsPrefix, "-col-body")
-  }, children)));
-};
-
-var Columns = function Columns(props) {
-  var children = props.children,
-      height = props.height,
-      _props$gutter = props.gutter,
-      gutter = _props$gutter === void 0 ? 0 : _props$gutter,
-      style = props.style,
-      rest = _objectWithoutProperties(props, ["children", "height", "gutter", "style"]);
-
-  var rowStyle = _objectSpread({}, style, {
-    height: props.height ? "".concat(props.height, "px") : 'calc(100vh)'
-  });
-
-  return React.createElement(_Row, _extends({
-    className: classnames(clsPrefix, {
-      gutter: gutter
-    }),
-    style: rowStyle
-  }, rest), children);
-};
-
-Columns.Item = Item;
-export default Columns;

package/es/Columns/index.less

@@ -1,75 +0,0 @@
-.tnt-columns {
-    .ant-col:not(:first-of-type) > div {
-        box-shadow: 5px 5px 10px -4px rgba(213,213,213,0.50), 3px -5px 10px -4px rgba(213,213,213,0.40);
-        .gutter & {
-            box-shadow: 0 0 10px 0 rgba(213,213,213,0.50);
-        }
-    }
-
-    .ant-col:first-child > div {
-        box-shadow: 0 0 10px 0 rgba(213,213,213,0.50);
-    }
-
-    &-col {
-        height: inherit;
-        & > div {
-            height: inherit;
-        }
-
-        &-header {
-            padding: 0 20px;
-            height: 48px;
-            line-height: 48px;   
-            border-bottom: 1px solid #E1E6EE;
-
-            .title-left {
-                float: left;
-                color: #17233D;
-                font-size: 14px;
-            }
-            .title-extra {
-                float: right;
-
-                .ant-btn {
-                    width: 64px;
-                    height: 22px;
-                    font-size: 12px;
-                }
-
-                .ant-btn-primary {
-                    background: #126BFB;
-                    border-radius: 2px;
-                    border-color: #126BFB;
-                }
-            }
-        }
-
-        &-tabs {
-            height: 48px;
-            line-height: 48px;   
-            border-bottom: 1px solid #E1E6EE;
-            color: #17233D;
-            font-size: 14px;
-
-            .tab-item {
-                display: inline-block;
-                padding: 0 20px;
-                height: 48px;
-                text-align: center;
-                cursor: pointer;
-                transition: borderBottom 1s;
-            }
-
-            .active-tab {
-                border-bottom: 2px solid #126BFB;
-            }
-        }
-
-        &-body {
-            height: calc(~"100% - 48px");
-            padding: 10px 20px;
-            overflow-y: scroll;
-            color: #17233D;
-        }
-    }
-}

package/es/DevelopmentLogin/LoginModal.js

@@ -1,126 +0,0 @@
-import "antd/lib/modal/style";
-import _Modal from "antd/lib/modal";
-import "antd/lib/form/style";
-import _Form from "antd/lib/form";
-import "antd/lib/input/style";
-import _Input from "antd/lib/input";
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
-
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import { useState } from 'react';
-import Cookies from 'universal-cookie';
-var cookies = new Cookies(); // 默认
-
-var accountInfoDefault = {
-  account: undefined,
-  password: undefined
-};
-export default (function (_ref) {
-  var visible = _ref.visible,
-      close = _ref.close,
-      signIn = _ref.signIn;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      confirmLoading = _useState2[0],
-      setConfirmLoading = _useState2[1]; // 如果storage中已存在，则取storage
-
-
-  var storageAccountInfo = localStorage.getItem('accountInfo');
-
-  if (storageAccountInfo) {
-    try {
-      accountInfoDefault = JSON.parse(storageAccountInfo);
-    } catch (e) {}
-  }
-
-  var _useState3 = useState(accountInfoDefault),
-      _useState4 = _slicedToArray(_useState3, 2),
-      accountInfo = _useState4[0],
-      setAccountInfo = _useState4[1];
-
-  var account = accountInfo.account,
-      password = accountInfo.password;
-
-  var onSubmit = function onSubmit() {
-    setConfirmLoading(true);
-    var returnVal = signIn && signIn(accountInfo);
-
-    if (returnVal && returnVal.then) {
-      returnVal.then(function (res) {
-        _message.success('模拟登陆成功');
-
-        localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
-        setConfirmLoading(false);
-        setTimeout(function () {
-          var _ref2 = res || {},
-              token = _ref2.tdToken,
-              userId = _ref2.userId;
-
-          cookies.set('_td_token_', token, {
-            path: '/'
-          });
-          cookies.set('_uid_', userId, {
-            path: '/'
-          });
-          close();
-        }, 500);
-      })["catch"](function (err) {
-        setConfirmLoading(false);
-        throw err;
-      });
-    }
-  };
-
-  var changeFieldValue = function changeFieldValue(key, evt) {
-    setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));
-  };
-
-  return React.createElement(_Modal, {
-    title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646",
-    visible: visible,
-    maskClosable: false,
-    onOk: onSubmit,
-    onCancel: close,
-    confirmLoading: confirmLoading
-  }, React.createElement(_Form, {
-    labelCol: {
-      span: 5
-    },
-    wrapperCol: {
-      span: 18
-    }
-  }, React.createElement(_Form.Item, {
-    label: "\u7528\u6237\u540D\uFF1A"
-  }, React.createElement(_Input, {
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
-    value: account || undefined,
-    onChange: function onChange(evt) {
-      return changeFieldValue('account', evt);
-    }
-  })), React.createElement(_Form.Item, {
-    label: "\u5BC6\u7801\uFF1A"
-  }, React.createElement(_Input, {
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
-    value: password || undefined,
-    onChange: function onChange(evt) {
-      return changeFieldValue('password', evt);
-    }
-  }))));
-});

package/es/DevelopmentLogin/README.md

@@ -1,49 +0,0 @@
-## DevelopmentLogin组件
-### 代码演示
-```jsx
-import { Fragment, useState } from 'react';
-import ReactDOM from 'react-dom';
-import { createGlobalStyle } from 'styled-components';
-import { DevelopmentLogin } from 'tntd';
-import 'antd/dist/antd.css';
-
-const GlobalStyle = createGlobalStyle`
-  .site-body {
-    .ichYgh {
-        padding: 0;
-        overflow: visible;
-    }
-}
-`;
-
-ReactDOM.render(
-    <DevelopmentLogin
-        signIn={params => {
-            console.log('login info...', params);
-            // TODO 发送请求到后端登录，返回一个promise
-            // 目前组件内部在拿到返回的数据后默认的处理逻辑如下：
-            /*
-            const { tdToken: token, userId } = res || {};
-
-            cookies.set('_td_token_', token, { path: '/' });
-            cookies.set('_uid_', userId, { path: '/' });
-            */
-            return new Promise(resolve => {
-                setTimeout(() => {
-                    resolve({
-                        tdToken: 'tdToken', userId: 'userId'
-                    });
-                }, 100);
-            });
-        }}
-    />,
-    document.getElementById('root')
-);
-```
-
-### API
-#### Icon
-
-| 属性名称    | 属性说明                           | 类型     | 默认值      | 是否必须 |
-| :---------- | :------------------------------ | :------ | :---------- | :------- |
-| signIn        | 登录时执行的方法                     | Function(返回值类型Promise)   | 无          | 是       |

package/es/DevelopmentLogin/index.js

@@ -1,40 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
-
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-/**
- * @file 本地开发登录入口
- */
-import React, { useState } from 'react';
-var DevelopmentLoginModal = React.lazy(function () {
-  return import('./LoginModal');
-});
-export default (function (_ref) {
-  var signIn = _ref.signIn;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loginVisible = _useState2[0],
-      setLoginVisible = _useState2[1];
-
-  return React.createElement(React.Fragment, null, React.createElement("a", {
-    style: {
-      fontSize: 14
-    },
-    onClick: function onClick() {
-      return setLoginVisible(true);
-    }
-  }, "\u6A21\u62DF\u767B\u5F55"), loginVisible && React.createElement(React.Suspense, {
-    fallback: React.createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D")
-  }, React.createElement(DevelopmentLoginModal, {
-    visible: loginVisible,
-    signIn: signIn,
-    close: function close() {
-      return setLoginVisible(false);
-    }
-  })));
-});

package/es/Ellipsis/README.md

@@ -1,104 +0,0 @@
-## Ellipsis省略号
-
-## 代码演示
-``` jsx
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { Ellipsis } from 'tntd';
-import {Tag} from "antd";
-import 'antd/dist/antd.css';
-
-const Demo = props => {
-	return (
-		 <>
-			{/* instance 1 */}
-			<Ellipsis
-				Popover
-				copyable
-				widthLimit={100}
-				content="你看我有省略号吗？"
-			/>
-			
-			<div style={{width: 100}}>
-
-				{/* 例 2 */}
-				<Ellipsis lines={2} copyable title="你看我有省略号吗？你看我有省略号吗？你看我有省略号吗？"/>
-
-				{/* 例 3 */}
-				<Ellipsis>
-					1你看我有省.01
-				</Ellipsis>
-				
-				{/* 例 4 */}
-				<Ellipsis
-					placement="topLeft"
-				>
-					你看我有省略号吗1？
-				</Ellipsis>
-
-				<Ellipsis 
-					placement="topLeft"
-					title="你看我有省略号吗？你看我有省略号吗？你看我有省略号吗？"
-					suffix={(
-						<Tag style={{marginLeft: "6px"}}>测试</Tag>
-					)}
-				/>
-			</div>
-		</>
-	);
-}
-
-ReactDOM.render(
-    <Demo />,
-    document.getElementById('root')
-);
-```
-
-
-根据限宽截断文本并显示省略号，进而添加Tooltip/Popover悬浮效果以显示完整文本。旨在解决根据字符长度截断时不能很好的兼容中英文的问题。
-        
-## 更新日志
-- 1.0.10 提升兼容性；
-- 1.0.9 优化svg引入方式，消除columns.fixed中的闪动；
-- 1.0.2 新增功能，**复制按钮**；
-- 1.0.1 新增功能，**支持多行**；
-- 1.0.0 以CSS宽度溢出驱动截断的Ellipsis发布，**支持单行**;  
-...
-
-## API  
-参数均同Ant3 Tooltip/Popover。 以下为新增参数
-|      参数         |       说明          |    类型        |
-|      ----         |        ----         |      ----      |
-|   Popover      |   指定超出宽度后，悬浮显示的类型为`Popover`，缺省则为`Tooltip`    |  |
-|  emptyText |   空文本字符，缺省值为空        |   string     |
-|  widthLimit |   指定溢出宽度值，缺省值为父元素宽度 |   number &#124; string      |
-| lines|  指定多行截断的最大行数，***可能在非Webkit内核浏览器中表现不稳定*** | number
-| copyable|  ***(新)*** 显示复制按钮，缺省值为不显示，文本为空时亦不显示 | |
-| suffix | 后缀 | string &#124; ReactNode &#124; () => ReactNode|
-| prefix | 前缀 | string &#124; ReactNode &#124; () => ReactNode|
-   
-#### 其他参数
-|      参数         |       说明          |    类型        |
-|      ----         |        ----         |      ----      |
-|  title |   同Tooltip，可省略，缺省值为元素文本 |   string    |
-|  content |   同Popover，可省略，缺省值为元素文本 |   string    |
-        
-## 何时使用  
-需要使文本元素在宽度溢出时显示省略号并添加悬浮效果（Tooltip/Popover）时。
-        
-## 如何使用  
-- 支持`Popover`和`Tooltip`两种悬浮效果；
-- 当选用`Popover`时，将需要展示的内容放在`content`里（如例1），并添加`Popover`属性；
-- 当选用`Tooltip`时，将需要展示的内容放在`title`（如例2）或包含在标签里（如例3）；
-- -----
-- 为什么不使用统一的属性传递展示的内容？因为antd3中的`Popover`和`Tooltip`的属性是有区别的，`Popover`用`title`作卡片标题，`content`作卡片内容，而`Tooltip`仅用`title`作卡片内容，没有标题功能；具体请参考 [Ant3-Popover](https://3x.ant.design/components/popover-cn/) 和 [Ant3-Tooltip](https://3x.ant.design/components/tooltip-cn/)
-- 相应的，你可以直接使用`Popover`和`Tooltip`的API（如例4）；转换一下思维，你可以把它当作带有***省略号、复制***的`Popover/Tooltip`使用；
-- 利用好`emptyText`属性，在Table中直接作为render中的父元素（例5）；
-- ---- 
-- 根据需求添加下列选填项
-- 添加`copyable`属性后，会在右侧添加一个复制按钮，
-- 添加`lines`指定多行限制，仅在需要多行功能时使用，
-- 添加`widthLimit`属性以增加限制宽度，若不添加则会受父元素宽度限制，
-- 添加`emptyText`指定数据为空时的文本，例如`emptyText="- -"`
-- 添加 `prefix/suffix` 指定前/后缀
-        

package/es/Ellipsis/Svg/CopySVG.js

@@ -1,63 +0,0 @@
-export default (function (props) {
-  return React.createElement("div", props, React.createElement("svg", {
-    width: "16px",
-    height: "16px",
-    viewBox: "0 0 16 16"
-  }, React.createElement("g", {
-    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
-    stroke: "none",
-    "stroke-width": "1",
-    fill: "none",
-    "fill-rule": "evenodd"
-  }, React.createElement("g", {
-    id: "\u5DE5\u4F5C\u53F01",
-    transform: "translate(-730.000000, -299.000000)"
-  }, React.createElement("g", {
-    id: "\u5206\u7EC4-6",
-    transform: "translate(240.000000, 96.000000)"
-  }, React.createElement("g", {
-    id: "\u7F16\u7EC4-18",
-    transform: "translate(0.000000, 171.000000)"
-  }, React.createElement("g", {
-    id: "\u590D\u5236",
-    transform: "translate(490.000000, 32.000000)"
-  }, React.createElement("rect", {
-    id: "\u77E9\u5F62",
-    fill: "#D8D8D8",
-    opacity: "0",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }), React.createElement("g", {
-    id: "\u7F16\u7EC4-5",
-    transform: "translate(2.223389, 1.330322)",
-    stroke: "#1e90ff",
-    "stroke-linecap": "round",
-    "stroke-width": "1.2"
-  }, React.createElement("polygon", {
-    id: "\u8DEF\u5F84",
-    "stroke-linejoin": "round",
-    points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"
-  }), React.createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    "stroke-linejoin": "round",
-    points: "7.66666667 0 7.66666667 4 11.3333333 4"
-  }), React.createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    "stroke-linejoin": "round",
-    points: "0 5.33333333 0 13.3333333 7 13.3333333"
-  }), React.createElement("line", {
-    x1: "4",
-    y1: "5.33333333",
-    x2: "5.33333333",
-    y2: "5.33333333",
-    id: "\u8DEF\u5F84"
-  }), React.createElement("line", {
-    x1: "4",
-    y1: "8",
-    x2: "8",
-    y2: "8",
-    id: "\u8DEF\u5F84"
-  })))))))));
-});

package/es/Ellipsis/Svg/TickSVG.js

@@ -1,41 +0,0 @@
-export default (function (props) {
-  return React.createElement("div", props, React.createElement("svg", {
-    width: "17px",
-    height: "16px",
-    viewBox: "0 0 17 16"
-  }, React.createElement("g", {
-    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
-    stroke: "none",
-    "stroke-width": "1",
-    fill: "none",
-    "fill-rule": "evenodd"
-  }, React.createElement("g", {
-    id: "\u5DE5\u4F5C\u53F01",
-    transform: "translate(-754.000000, -299.000000)"
-  }, React.createElement("g", {
-    id: "\u5206\u7EC4-6",
-    transform: "translate(240.000000, 96.000000)"
-  }, React.createElement("g", {
-    id: "\u7F16\u7EC4-18",
-    transform: "translate(0.000000, 171.000000)"
-  }, React.createElement("g", {
-    id: "\u590D\u5236\u6210\u529F",
-    transform: "translate(514.500000, 32.000000)"
-  }, React.createElement("rect", {
-    id: "\u77E9\u5F62",
-    "fill-opacity": "0.01",
-    fill: "#FFFFFF",
-    "fill-rule": "nonzero",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }), React.createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    stroke: "#07C790",
-    "stroke-width": "1.2",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333"
-  }))))))));
-});