tntd 1.3.66 → 1.4.0

package/es/Columns/index.js

@@ -0,0 +1,86 @@
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/col/style";
+import _Col from "antd/es/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

@@ -0,0 +1,75 @@
+.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

@@ -0,0 +1,126 @@
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/message/style";
+import _message from "antd/es/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: 'admin',
+  password: 'Td@123456'
+};
+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

@@ -0,0 +1,49 @@
+## 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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,104 @@
+## 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

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1,41 @@
+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"
+  }))))))));
+});