component-sanzhizhou 1.0.0

package/dist/UI/DialogDrawerFooter.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Space } from 'antd';
+import styles from "./DialogDrawerFooter.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DialogDrawerFooter = function DialogDrawerFooter(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_jsxs(styles.DialogDrawerFooter, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "warp",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "warpChildren",
+        children: /*#__PURE__*/_jsx(Space, {
+          children: children
+        })
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "pos"
+    })]
+  });
+};
+export default DialogDrawerFooter;

package/dist/UI/FileSize.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  fileSize: styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .file-size-unit{\n      padding-left: 3px;\n    }\n    .gb{\n      font-size: small;\n      color: red;\n    }\n    .mb{\n      font-size: small;\n      color: blue;\n    }\n    .kb{\n      font-size: small;\n      color: green;\n    }\n    .b{\n      font-size: small;\n      color: #999;\n    }\n  "])))
+};

package/dist/UI/FileSize.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Tooltip } from "antd";
+import styles from "./FileSize.css";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var FileSizeFormat = function FileSizeFormat(fileSize, precision) {
+  fileSize = fileSize || 0;
+  var data = /*#__PURE__*/_jsx(_Fragment, {});
+  if (fileSize >= 1024 * 1024 * 1024) {
+    data = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [getValue(fileSize / (1024 * 1024 * 1024), 'G', precision), /*#__PURE__*/_jsx("span", {
+        className: "gb file-size-unit",
+        children: "GB"
+      })]
+    });
+  } else if (fileSize >= 1024 * 1024) {
+    data = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [getValue(fileSize / (1024 * 1024), "M", precision), /*#__PURE__*/_jsx("span", {
+        className: "mb file-size-unit",
+        children: "MB"
+      })]
+    });
+  } else if (fileSize >= 1024) {
+    data = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [getValue(fileSize / 1024, 'K', precision), /*#__PURE__*/_jsx("span", {
+        className: "kb file-size-unit",
+        children: "KB"
+      })]
+    });
+  } else {
+    data = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [fileSize, " ", /*#__PURE__*/_jsx("span", {
+        className: "b",
+        children: "B"
+      })]
+    });
+  }
+  return data;
+};
+var getValue = function getValue() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var level = arguments.length > 1 ? arguments[1] : undefined;
+  var precision = arguments.length > 2 ? arguments[2] : undefined;
+  return parseFloat(value.toFixed(precision));
+};
+var FileSize = function FileSize(_ref) {
+  var _ref$fileSize = _ref.fileSize,
+    fileSize = _ref$fileSize === void 0 ? 0 : _ref$fileSize,
+    _ref$precision = _ref.precision,
+    precision = _ref$precision === void 0 ? 2 : _ref$precision,
+    _ref$pre = _ref.pre,
+    pre = _ref$pre === void 0 ? '' : _ref$pre,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: fileSize,
+    children: /*#__PURE__*/_jsxs(styles.fileSize, {
+      children: [pre, FileSizeFormat(fileSize, precision)]
+    })
+  });
+};
+export default FileSize;

package/dist/UI/LayoutContent.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import "./LayoutContent.less";
+import PageLoading from "./PageLoading";
+import { Space } from 'antd';
+import LoadError from "./LoadError";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var LayoutContent = function LayoutContent(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    subtitle = _ref.subtitle,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$extInfo = _ref.extInfo,
+    extInfo = _ref$extInfo === void 0 ? '' : _ref$extInfo,
+    _ref$leftExtInfo = _ref.leftExtInfo,
+    leftExtInfo = _ref$leftExtInfo === void 0 ? '' : _ref$leftExtInfo,
+    children = _ref.children,
+    needLogin = _ref.needLogin,
+    error = _ref.error,
+    errorNode = _ref.errorNode,
+    _ref$isListEmpty = _ref.isListEmpty,
+    isListEmpty = _ref$isListEmpty === void 0 ? false : _ref$isListEmpty,
+    onReload = _ref.onReload;
+  var loadingDom = function loadingDom() {
+    if (isListEmpty && loading) {
+      return /*#__PURE__*/_jsx(PageLoading, {});
+    } else {
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: children
+      });
+    }
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "layoutContent ".concat(className),
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "pageTitle ".concat(!title ? "noTitle" : ''),
+      children: [title, /*#__PURE__*/_jsx("span", {
+        className: "subtitle",
+        children: subtitle
+      }), /*#__PURE__*/_jsx("div", {
+        className: "extInfo",
+        children: /*#__PURE__*/_jsx(Space, {
+          size: "middle",
+          children: Array.isArray(extInfo) ? /*#__PURE__*/_jsx(Space, {
+            children: extInfo
+          }) : extInfo
+        })
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "layoutContentWarp",
+      children: [leftExtInfo && /*#__PURE__*/_jsx("div", {
+        className: "leftExtInfo",
+        children: leftExtInfo
+      }), error ? /*#__PURE__*/_jsx(_Fragment, {
+        children: errorNode ? errorNode(error) : /*#__PURE__*/_jsx(LoadError, {
+          title: error.message,
+          onReload: onReload
+        })
+      }) : loadingDom()
+      // needLogin && ! userInfo.isLogin ?
+      //   <AuthNotLogin />
+      //   :
+      //   loadingDom()
+      ]
+    })]
+  });
+};
+
+export default LayoutContent;

package/dist/UI/LayoutContent.less

@@ -0,0 +1,64 @@
+.layoutContent {
+  background: rgba(255, 255, 255, 0.86 );
+  //margin: 0 0 0 15px;
+  padding: 10px 15px;
+  border-radius: 4px;
+  min-height: calc(100vh - 230px);
+  box-shadow: 0 0 7px #EEE;
+  .pageTitle {
+    position: relative;
+    padding: 5px 15px 12px 0;
+    font-size: 18px;
+    font-weight: 400;
+    color: #333;
+    border-bottom: 1px solid #eee;
+    line-height: 1.2em;
+    margin: 0 0 10px 0;
+    &.noTitle {
+      display: none;
+    }
+    :global{
+      .ant-form-item{
+        margin-bottom: 2px;
+      }
+    }
+    .subtitle {
+      font-size: 15px;
+      display: inline-block;
+      padding-left: 10px;
+      color: #888;
+    }
+    .extInfo {
+      position: absolute;
+      bottom: 6px;
+      right: 0;
+      font-size: 14px;
+      line-height: 38px;
+
+      .ant-form-item{
+        margin-bottom: 0 !important;
+      }
+    }
+  }
+
+  .layoutContentWarp {
+    padding: 6px 0;
+  }
+
+  .leftExtInfo {
+    padding: 2px 0 12px 0;
+  }
+
+}
+
+
+
+@media screen and (max-width: 800px) {
+  // 折叠菜单,
+  .layoutContent{
+    padding: 8px;
+    .pageTitle {
+      padding: 5px 15px 10px 0;
+    }
+  }
+}

package/dist/UI/LoadError.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  LoadError: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ant-result {\n      padding: 20px 2px;\n    }\n    .ant-result-image {\n      width: 200px;\n      height: 260px;\n      svg {\n        transform: scale(0.8);\n        transform-origin: 0 50%;\n      }\n    }\n    .ant-result-title {\n      color: #666;\n      font-weight: 400;\n      font-size: 18px;\n    }\n  "])))
+};

package/dist/UI/LoadError.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Button, Result } from 'antd';
+import styles from "./LoadError.css";
+import { MehOutlined } from '@ant-design/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+var LoadError = function LoadError(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '似乎遇到了一些问题, 请稍后重试' : _ref$title,
+    _ref$code = _ref.code,
+    code = _ref$code === void 0 ? '' : _ref$code,
+    subTitle = _ref.subTitle,
+    _ref$onReload = _ref.onReload,
+    onReload = _ref$onReload === void 0 ? '' : _ref$onReload;
+  var getTitle = function getTitle() {
+    var outTitle = title === 'http error' ? '网络似乎有些问题' : title;
+    if (code === 'not-login') {
+      outTitle = '请登录后查看';
+    }
+    return outTitle;
+  };
+  return /*#__PURE__*/_jsx(styles.LoadError, {
+    children: /*#__PURE__*/_jsx(Result, {
+      icon: /*#__PURE__*/_jsx(MehOutlined, {}),
+      title: getTitle(),
+      subTitle: subTitle,
+      extra: typeof onReload === 'function' && !['_____'].includes(code) ? /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick(e) {
+          return onReload();
+        },
+        children: "\u91CD\u8BD5"
+      }) : ''
+    })
+  });
+};
+export default LoadError;

package/dist/UI/Money/index.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  money: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    .yen{\n      font-size: smaller;\n      opacity: 0.8;\n      font-weight: 300;\n    }\n    .value{\n      //font-weight: bold;\n      padding-left: 2px;\n      padding-right: 1px;\n      &.zero{\n        font-weight: 300;\n        color: #AAA;\n      }\n    }\n  "])))
+};

package/dist/UI/Money/index.js

@@ -0,0 +1,40 @@
+import styles from "./index.css";
+import React from "react";
+import moneySimple from "../../lib/moneySimple";
+import { Tooltip } from "antd";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Money = function Money(_ref) {
+  var _ref$pre = _ref.pre,
+    pre = _ref$pre === void 0 ? /*#__PURE__*/_jsx(_Fragment, {
+      children: "\xA5"
+    }) : _ref$pre,
+    _ref$end = _ref.end,
+    end = _ref$end === void 0 ? '元' : _ref$end,
+    value = _ref.value,
+    _ref$precision = _ref.precision,
+    precision = _ref$precision === void 0 ? 2 : _ref$precision,
+    color = _ref.color,
+    _ref$disabledMoneySim = _ref.disabledMoneySimple,
+    disabledMoneySimple = _ref$disabledMoneySim === void 0 ? false : _ref$disabledMoneySim;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: value,
+    children: /*#__PURE__*/_jsxs(styles.money, {
+      style: {
+        color: color
+      },
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "yen",
+        children: pre
+      }), /*#__PURE__*/_jsx("span", {
+        className: "value ".concat(value === 0 ? 'zero' : '', " "),
+        children: typeof value === 'number' ? disabledMoneySimple ? parseFloat(value.toFixed(precision)) : moneySimple(value, false, precision) : ''
+      }), /*#__PURE__*/_jsx("span", {
+        className: "yen",
+        children: end
+      })]
+    })
+  });
+};
+export default Money;

package/dist/UI/PageContentWarp.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import "./PageContentWarp.less";
+import LoadError from "./LoadError";
+import { LoadingOutlined } from '@ant-design/icons';
+import { Space } from "antd";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var PageContentWarp = function PageContentWarp(_ref) {
+  var id = _ref.id,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    disabledTitleBorder = _ref.disabledTitleBorder,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? -1 : _ref$minHeight,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    needLogin = _ref.needLogin,
+    _ref$leftExtInfo = _ref.leftExtInfo,
+    leftExtInfo = _ref$leftExtInfo === void 0 ? '' : _ref$leftExtInfo,
+    _ref$loadingDom = _ref.loadingDom,
+    loadingDom = _ref$loadingDom === void 0 ? '' : _ref$loadingDom,
+    _ref$extInfo = _ref.extInfo,
+    extInfo = _ref$extInfo === void 0 ? '' : _ref$extInfo,
+    subtitle = _ref.subtitle,
+    children = _ref.children,
+    error = _ref.error,
+    errorNode = _ref.errorNode,
+    onReload = _ref.onReload;
+  return /*#__PURE__*/_jsxs("div", {
+    id: id,
+    className: "pageContentBox ".concat(className),
+    style: {
+      minHeight: minHeight ? minHeight : undefined
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "pageTitle ".concat(disabledTitleBorder ? 'noTitleBorder' : '', " ").concat(!title && 'noTitle', " ").concat(!title && !extInfo ? 'noTitles' : ''),
+      children: [title && /*#__PURE__*/_jsx("div", {
+        className: "title",
+        children: title
+      }), /*#__PURE__*/_jsx("div", {
+        className: "subtitle",
+        children: subtitle
+      }), /*#__PURE__*/_jsx("div", {
+        className: "extInfo",
+        children: /*#__PURE__*/_jsx(Space, {
+          size: "middle",
+          children: Array.isArray(extInfo) ? /*#__PURE__*/_jsx(Space, {
+            children: extInfo
+          }) : extInfo
+        })
+      })]
+    }), error ? /*#__PURE__*/_jsx(_Fragment, {
+      children: errorNode && errorNode(error) ? errorNode(error) : /*#__PURE__*/_jsx(LoadError, {
+        title: error.message,
+        code: error.name,
+        onReload: onReload
+      })
+    }) : /*#__PURE__*/_jsx(_Fragment, {
+      children: loading ? loadingDom ? loadingDom : /*#__PURE__*/_jsx("div", {
+        className: "pageContentBoxLoading loading",
+        children: /*#__PURE__*/_jsx(LoadingOutlined, {})
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [leftExtInfo && /*#__PURE__*/_jsx("div", {
+          className: "leftExtInfo",
+          children: leftExtInfo
+        }), children
+        // needLogin && ! userInfo.isLogin ?
+        //   <AuthNotLogin />
+        //   :
+        //   children
+        ]
+      })
+    })]
+  });
+};
+
+export default PageContentWarp;

package/dist/UI/PageContentWarp.less

@@ -0,0 +1,56 @@
+.pageContentBox{
+  .loading{
+    padding: 20px;
+    text-align: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    font-size: 30px;
+  }
+
+  .pageTitle {
+    position: relative;
+    padding: 5px 15px 12px 0;
+    font-size: 18px;
+    font-weight: 400;
+    color: #333;
+    border-bottom: 1px solid #eee;
+    line-height: 1.2em;
+    margin: 0 0 10px 0;
+    display: flex;
+    flex-direction: row;
+    .ant-form-item{
+      margin-bottom: 0 !important;
+    }
+    &.noTitles {
+      display: none;
+    }
+    &.noTitle {
+      border-bottom: none;
+    }
+    &.noTitleBorder{
+        border-bottom: none;
+    }
+    .subtitle{
+      padding-right: 10px;
+      padding-left: 10px;
+      font-weight: 300;
+    }
+    .subtitle {
+      font-size: 15px;
+      display: inline-block;
+      color: #888;
+    }
+    .extInfo {
+      position: absolute;
+      bottom: 8px;
+      right: 0;
+      font-size: 14px;
+      line-height: 38px;
+      .ant-form-item{
+        margin-bottom: 0 !important;
+      }
+    }
+  }
+
+}

package/dist/UI/PageLoading.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LoadingOutlined } from '@ant-design/icons';
+import "./PageLoading.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var PageLoading = function PageLoading() {
+  return /*#__PURE__*/_jsx("div", {
+    className: "pageLoading",
+    children: /*#__PURE__*/_jsx(LoadingOutlined, {})
+  });
+};
+export default PageLoading;

package/dist/UI/PageLoading.less

@@ -0,0 +1,7 @@
+.pageLoading{
+  padding: 20px;
+  text-align: center;
+  margin: 0 auto;
+  font-size: 18px;
+  color: #999;
+}

package/dist/UI/Time.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Tool from "../lib/Tool";
+import { Tooltip } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Time = function Time(_ref) {
+  var _ref$time = _ref.time,
+    time = _ref$time === void 0 ? '' : _ref$time,
+    className = _ref.className,
+    _ref$serverTime = _ref.serverTime,
+    serverTime = _ref$serverTime === void 0 ? Date.now() : _ref$serverTime,
+    _ref$titlePre = _ref.titlePre,
+    titlePre = _ref$titlePre === void 0 ? '' : _ref$titlePre;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: "".concat(titlePre).concat(Tool.formatTime(time, 'YYYY-MM-DD HH:mm')),
+    children: /*#__PURE__*/_jsx("span", {
+      className: className,
+      children: Tool.getFriendlyTime(time, serverTime)
+    })
+  });
+};
+export default Time;

package/dist/UI/duration.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  duration: styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .duration-0-0-0{\n      color: #AAA;\n    }\n    .duration-0-0{\n      .hour{\n        color: #AAA;\n      }\n      .minute{\n        color: #AAA;\n      }\n    }\n\n    .duration-0{\n      .hour{\n        color: #AAA;\n      }\n    }\n    "])))
+};

package/dist/UI/duration.js

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import styles from "./duration.css";
+import React, { useEffect, useState } from "react";
+import Tool from "../lib/Tool";
+import { Tooltip } from "antd";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Duration = function Duration(_ref) {
+  var _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? 0 : _ref$duration;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    durationShow = _useState2[0],
+    setDurationShow = _useState2[1];
+  useEffect(function () {
+    var show = '';
+    if (duration <= 0) {
+      show = /*#__PURE__*/_jsx("span", {
+        className: "duration-0-0-0",
+        children: "00:00:00"
+      });
+    } else {
+      var hour = Math.floor(duration / 3600);
+      var minute = Math.floor((duration - 3600 * hour) / 60);
+      var second = Math.floor(duration - 3600 * hour - minute * 60);
+      var hourShow = Tool.string.addPre('0', "".concat(hour), 2);
+      var minuteShow = Tool.string.addPre('0', "".concat(minute), 2);
+      var secondShow = Tool.string.addPre('0', "".concat(second), 2);
+      show = /*#__PURE__*/_jsx(Tooltip, {
+        title: "".concat(hour > 0 ? hour + '小时' : '').concat(minute > 0 ? minute + '分钟' : '').concat(second > 0 ? second + '秒' : ''),
+        children: /*#__PURE__*/_jsxs("span", {
+          className: "".concat("duration-".concat(hour), " ", "duration-".concat(hour, "-").concat(minute)),
+          children: [/*#__PURE__*/_jsxs("span", {
+            className: "hour",
+            children: [hourShow, ":"]
+          }), /*#__PURE__*/_jsxs("span", {
+            className: "minute",
+            children: [minuteShow, ":"]
+          }), secondShow]
+        })
+      });
+    }
+    setDurationShow(show);
+  }, [duration]);
+  return /*#__PURE__*/_jsx(styles.duration, {
+    children: durationShow
+  });
+};
+export default Duration;

package/dist/UI/enabled.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { CheckCircleOutlined, StopOutlined } from "@ant-design/icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Enabled = function Enabled(_ref) {
+  var enabled = _ref.enabled,
+    _ref$enabledText = _ref.enabledText,
+    enabledText = _ref$enabledText === void 0 ? ' 已启用' : _ref$enabledText,
+    _ref$disabledText = _ref.disabledText,
+    disabledText = _ref$disabledText === void 0 ? ' 已禁用' : _ref$disabledText;
+  return /*#__PURE__*/_jsx("span", {
+    className: "enabled",
+    children: enabled ? /*#__PURE__*/_jsxs("span", {
+      style: {
+        color: 'green'
+      },
+      className: "enabled",
+      children: [/*#__PURE__*/_jsx(CheckCircleOutlined, {}), " ", enabledText]
+    }) : /*#__PURE__*/_jsxs("span", {
+      style: {
+        color: '#C00'
+      },
+      className: "disabled",
+      children: [/*#__PURE__*/_jsx(StopOutlined, {}), " ", disabledText]
+    })
+  });
+};
+export default Enabled;