@chaoswise/ui 2.2.9 → 2.3.1

package/lib/Cascaders/rc-cascader/utils/commonUtil.js

@@ -0,0 +1,54 @@
+import { SEARCH_MARK } from '../hooks/useSearchOptions';
+export var VALUE_SPLIT = '__RC_CASCADER_SPLIT__';
+export var SHOW_PARENT = 'SHOW_PARENT';
+export var SHOW_CHILD = 'SHOW_CHILD';
+export function toPathKey(value) {
+  return value.join(VALUE_SPLIT);
+}
+export function toPathKeys(value) {
+  return value.map(toPathKey);
+}
+export function toPathValueStr(pathKey) {
+  return pathKey.split(VALUE_SPLIT);
+}
+export function fillFieldNames(fieldNames) {
+  var _ref = fieldNames || {},
+    label = _ref.label,
+    value = _ref.value,
+    children = _ref.children;
+  var val = value || 'value';
+  return {
+    label: label || 'label',
+    value: val,
+    key: val,
+    children: children || 'children'
+  };
+}
+export function isLeaf(option, fieldNames) {
+  var _a, _b;
+  return (_a = option.isLeaf) !== null && _a !== void 0 ? _a : !((_b = option[fieldNames.children]) === null || _b === void 0 ? void 0 : _b.length);
+}
+export function scrollIntoParentView(element) {
+  var parent = element.parentElement;
+  if (!parent) {
+    return;
+  }
+  var elementToParent = element.offsetTop - parent.offsetTop; // offsetParent may not be parent.
+  if (elementToParent - parent.scrollTop < 0) {
+    parent.scrollTo({
+      top: elementToParent
+    });
+  } else if (elementToParent + element.offsetHeight - parent.scrollTop > parent.offsetHeight) {
+    parent.scrollTo({
+      top: elementToParent + element.offsetHeight - parent.offsetHeight
+    });
+  }
+}
+export function getFullPathKeys(options, fieldNames) {
+  return options.map(function (item) {
+    var _a;
+    return (_a = item[SEARCH_MARK]) === null || _a === void 0 ? void 0 : _a.map(function (opt) {
+      return opt[fieldNames.value];
+    });
+  });
+}

package/lib/Cascaders/rc-cascader/utils/treeUtil.js

@@ -0,0 +1,37 @@
+import { SHOW_CHILD } from './commonUtil';
+export function formatStrategyValues(pathKeys, getKeyPathEntities, showCheckedStrategy) {
+  var valueSet = new Set(pathKeys);
+  var keyPathEntities = getKeyPathEntities();
+  return pathKeys.filter(function (key) {
+    var entity = keyPathEntities[key];
+    var parent = entity ? entity.parent : null;
+    var children = entity ? entity.children : null;
+    return showCheckedStrategy === SHOW_CHILD ? !(children && children.some(function (child) {
+      return child.key && valueSet.has(child.key);
+    })) : !(parent && !parent.node.disabled && valueSet.has(parent.key));
+  });
+}
+export function toPathOptions(valueCells, options, fieldNames) {
+  var stringMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var _a;
+  var currentList = options;
+  var valueOptions = [];
+  var _loop = function _loop() {
+    var valueCell = valueCells[i];
+    var foundIndex = currentList === null || currentList === void 0 ? void 0 : currentList.findIndex(function (option) {
+      var val = option[fieldNames.value];
+      return stringMode ? String(val) === String(valueCell) : val === valueCell;
+    });
+    var foundOption = foundIndex !== -1 ? currentList === null || currentList === void 0 ? void 0 : currentList[foundIndex] : null;
+    valueOptions.push({
+      value: (_a = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.value]) !== null && _a !== void 0 ? _a : valueCell,
+      index: foundIndex,
+      option: foundOption
+    });
+    currentList = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.children];
+  };
+  for (var i = 0; i < valueCells.length; i += 1) {
+    _loop();
+  }
+  return valueOptions;
+}

package/lib/Cascaders/rc-cascader/utils/warningPropsUtil.js

@@ -0,0 +1,30 @@
+import warning from 'rc-util/lib/warning';
+function warningProps(props) {
+  var onPopupVisibleChange = props.onPopupVisibleChange,
+    popupVisible = props.popupVisible,
+    popupClassName = props.popupClassName,
+    popupPlacement = props.popupPlacement;
+  warning(!onPopupVisibleChange, '`onPopupVisibleChange` is deprecated. Please use `onDropdownVisibleChange` instead.');
+  warning(popupVisible === undefined, '`popupVisible` is deprecated. Please use `open` instead.');
+  warning(popupClassName === undefined, '`popupClassName` is deprecated. Please use `dropdownClassName` instead.');
+  warning(popupPlacement === undefined, '`popupPlacement` is deprecated. Please use `placement` instead.');
+}
+// value in Cascader options should not be null
+export function warningNullOptions(options, fieldNames) {
+  if (options) {
+    var recursiveOptions = function recursiveOptions(optionsList) {
+      for (var i = 0; i < optionsList.length; i++) {
+        var option = optionsList[i];
+        if (option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value] === null) {
+          warning(false, '`value` in Cascader options should not be `null`.');
+          return true;
+        }
+        if (Array.isArray(option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children]) && recursiveOptions(option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children])) {
+          return true;
+        }
+      }
+    };
+    recursiveOptions(options);
+  }
+}
+export default warningProps;

package/lib/CitySelect/index.js

@@ -1,5 +1,5 @@
-import "antd/es/cascader/style";
-import _Cascader from "antd/es/cascader";
+import "@chaoswise/ui/lib/Cascader/index.less";
+import _Cascader from "@chaoswise/ui/lib/Cascader";
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 import React from 'react';
 import PropTypes from 'prop-types';

package/lib/DropdownDatePicker/DropdownMenu/MoreTimeList/index.js

@@ -0,0 +1,46 @@
+import _Row from "@chaoswise/ui/lib/Antd/Row";
+import _Col from "@chaoswise/ui/lib/Antd/Col";
+import "@chaoswise/ui/lib/TooltipText/index.less";
+import _TooltipText from "@chaoswise/ui/lib/TooltipText";
+import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import React from "react";
+import classnames from "classnames";
+import { getLocale } from "../../locale";
+import _ from "lodash";
+import "./index.less";
+var MoreTimeList = function MoreTimeList(props) {
+  var regroupDataSource = props.regroupDataSource,
+    recordDateValue = props.recordDateValue,
+    onClickItem = props.onClickItem;
+  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
+    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
+    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
+  var localeObj = getLocale(locale);
+  // 点击Menu.Item中切换常规模式
+  var onClickMoreItem = function onClickMoreItem(item) {
+    onClickItem(item);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("cw-dropdown-date-picker-popup-more-content")
+  }, regroupDataSource.map(function (timeTypeItem, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: "8px 0",
+        borderBottom: regroupDataSource.length - 1 !== index ? "1px solid rgba(0,0,0,0.06)" : ""
+      },
+      key: timeTypeItem.type
+    }, /*#__PURE__*/React.createElement("h3", null, localeObj[timeTypeItem.type]), /*#__PURE__*/React.createElement(_Row, null, timeTypeItem.timeList.map(function (item) {
+      return /*#__PURE__*/React.createElement(_Col, {
+        key: item.key,
+        span: timeTypeItem.type === "absolute" || timeTypeItem.type == "unixTimestamp" ? 12 : 8,
+        className: classnames("more-col-item", {
+          "cw-dropdown-date-picker-dropdown-menu-item-selected": (recordDateValue === null || recordDateValue === void 0 ? void 0 : recordDateValue.key) === item.key
+        }),
+        onClick: function onClick() {
+          return onClickMoreItem(item);
+        }
+      }, /*#__PURE__*/React.createElement(_TooltipText, null, item.render ? item.render(item) : item.title));
+    })));
+  }));
+};
+export default MoreTimeList;

package/lib/DropdownDatePicker/DropdownMenu/MoreTimeList/index.less

@@ -0,0 +1,14 @@
+.cw-dropdown-date-picker-popup-more-content {
+    padding: 12px 16px 8px;
+    background-color: @component-background;
+    .more-col-item{
+        cursor: pointer;
+        color:@text-color-show;
+        &.cw-dropdown-date-picker-dropdown-menu-item-selected{
+            background: @select-selected-enable-bg;
+        }
+    }
+    .more-col-item:hover {
+        color: @primary-5;
+    }
+}

package/lib/DropdownDatePicker/DropdownMenu/index.js

@@ -0,0 +1,126 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _Dropdown from "@chaoswise/ui/lib/Antd/Dropdown";
+import _Icon from "@chaoswise/ui/lib/Antd/Icon";
+import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+var _excluded = ["timeDomain", "number", "unit", "value", "isRecently"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 React from "react";
+import classnames from "classnames";
+import { getLocale } from "../locale";
+import Calendar2Svg from "../assets/Calendar2";
+import LiveSvg from "../assets/live";
+import MoreSvg from "../assets/more";
+import MoreTimeList from "./MoreTimeList";
+import { funcValueChangeArrayValue, getCorrectValue } from "../utils";
+import _ from "lodash";
+import "./index.less";
+var DropdownMenu = function DropdownMenu(props) {
+  var dataSource = props.dataSource,
+    regroupDataSource = props.regroupDataSource,
+    setIsCalendar = props.setIsCalendar,
+    recordDateValue = props.recordDateValue,
+    setRecordDateValue = props.setRecordDateValue,
+    _value = props.value,
+    onChange = props.onChange,
+    menuOption = props.menuOption,
+    setIsFocus = props.setIsFocus;
+  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
+    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
+    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
+  var localeObj = getLocale(locale);
+  var _menuOption$showCalen = menuOption.showCalendar,
+    showCalendar = _menuOption$showCalen === void 0 ? true : _menuOption$showCalen,
+    _menuOption$showDefau = menuOption.showDefaultCount,
+    showDefaultCount = _menuOption$showDefau === void 0 ? 8 : _menuOption$showDefau,
+    _menuOption$moreItemD = menuOption.moreItemDropdownPosition,
+    moreItemDropdownPosition = _menuOption$moreItemD === void 0 ? "left" : _menuOption$moreItemD;
+  // 点击Menu.Item中切换选项列表
+  var onClickItem = function onClickItem(item) {
+    var timeDomain = recordDateValue.timeDomain,
+      number = recordDateValue.number,
+      unit = recordDateValue.unit,
+      value = recordDateValue.value,
+      isRecently = recordDateValue.isRecently,
+      rest = _objectWithoutProperties(recordDateValue, _excluded);
+    setIsFocus(false);
+    var values = item.value;
+    if (item.key !== recordDateValue.key) {
+      var returnValue = _objectSpread(_objectSpread({}, item), {}, {
+        value: funcValueChangeArrayValue(values)
+      });
+      returnValue = getCorrectValue(returnValue, item.key);
+      onChange(returnValue);
+      if (!_value) {
+        setRecordDateValue(returnValue);
+      }
+    }
+  };
+  // 点击切换为日历
+  var onClickSelectCalendar = function onClickSelectCalendar(e) {
+    e.nativeEvent.stopImmediatePropagation();
+    setIsCalendar(true);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("cw-dropdown-date-picker-dropdown-menu-wrapper")
+  }, dataSource === null || dataSource === void 0 ? void 0 : dataSource.slice(0, showDefaultCount).map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames("cw-dropdown-date-picker-dropdown-menu-_item", {
+        "cw-dropdown-date-picker-dropdown-menu-item-selected": (recordDateValue === null || recordDateValue === void 0 ? void 0 : recordDateValue.key) === item.key
+      }),
+      key: item.key,
+      onClick: function onClick() {
+        return onClickItem(item);
+      }
+    }, item.icon ? item.icon : /*#__PURE__*/React.createElement(LiveSvg, null), /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginLeft: "4px"
+      }
+    }, item.render ? item.render(item) : item.title));
+  }), (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > showDefaultCount && /*#__PURE__*/React.createElement(_Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(MoreTimeList, {
+      regroupDataSource: regroupDataSource,
+      recordDateValue: recordDateValue,
+      onClickItem: onClickItem
+    }),
+    overlayClassName: classnames("cw-dropdown-date-picker-dropdown-menu-more-wrapper", {
+      "cw-dropdown-date-picker-dropdown-menu-more-wrapper-left": moreItemDropdownPosition === "left"
+    }),
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode;
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames("cw-dropdown-date-picker-dropdown-menu-_item", "cw-dropdown-date-picker-dropdown-menu-item-more")
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(MoreSvg, {
+    className: "cw-range-picker-prefix-icon"
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: "4px"
+    }
+  }, localeObj.more)), /*#__PURE__*/React.createElement(_Icon, {
+    type: "right"
+  }))), showCalendar && /*#__PURE__*/React.createElement("div", {
+    className: classnames("cw-dropdown-date-picker-dropdown-menu-_item"),
+    key: "unique-calendar",
+    onClick: onClickSelectCalendar
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cw-range-picker-menu-item-calendar"
+  }, /*#__PURE__*/React.createElement(Calendar2Svg, {
+    className: "cw-range-picker-prefix-icon"
+  })), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: "4px"
+    }
+  }, localeObj["select-calendar"])));
+};
+export default DropdownMenu;

package/lib/DropdownDatePicker/DropdownMenu/index.less

@@ -0,0 +1,68 @@
+@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
+
+
+.cw-dropdown-date-picker-dropdown-menu-wrapper {
+    width: 360px;
+    padding: @dropdown-edge-child-vertical-padding 0;
+    text-align: left;
+    list-style-type: none;
+    box-shadow: @box-shadow-base;
+    background-color: @component-background;
+    border-radius: @border-radius-base;
+    outline: none;
+    background-clip: padding-box;
+    -webkit-transform: translate3d(0, 0, 0);
+    position: relative;
+
+    .cw-dropdown-date-picker-dropdown-menu-_item {
+        display: flex;
+        align-items: center;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        padding: @dropdown-vertical-padding @control-padding-horizontal;
+        cursor: pointer;
+        transition: all 0.3s;
+        color: @text-color;
+        font-weight: normal;
+        font-size: @dropdown-font-size;
+        line-height: @dropdown-line-height;
+
+        .cw-range-picker-menu-item-calendar {
+            width: 14px;
+            height: 14px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        &.cw-dropdown-date-picker-dropdown-menu-item-selected {
+            background-color: @select-selected-enable-bg;
+        }
+
+        &:hover {
+            background-color: @select-selected-enable-bg;
+        }
+    }
+
+    .cw-dropdown-date-picker-dropdown-menu-item-more {
+        position: relative;
+        justify-content: space-between;
+        overflow: visible;
+
+    }
+
+
+    .cw-dropdown-date-picker-dropdown-menu-more-wrapper {
+        width: 384px;
+        bottom: -30px !important;
+        top: auto !important;
+        left: calc(100% + 2px) !important;
+        box-shadow: @box-shadow-base;
+
+        &.cw-dropdown-date-picker-dropdown-menu-more-wrapper-left {
+            right: calc(100% + 2px) !important;
+            left: auto !important;
+        }
+    }
+}

package/lib/DropdownDatePicker/assets/Calendar2.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+import * as React from "react";
+var SvgCalendar = function SvgCalendar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 12,
+    height: 12,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M11.031 1.516H8.734V.64a.11.11 0 0 0-.109-.11h-.766a.11.11 0 0 0-.109.11v.875h-3.5V.64a.11.11 0 0 0-.11-.11h-.765a.11.11 0 0 0-.11.11v.875H.97a.437.437 0 0 0-.438.437v9.078c0 .242.196.438.438.438H11.03a.437.437 0 0 0 .438-.438V1.953a.437.437 0 0 0-.438-.437Zm-.547 8.968H1.516V5.29h8.968v5.195ZM1.516 4.36V2.5h1.75v.656c0 .06.049.11.109.11h.766c.06 0 .109-.05.109-.11V2.5h3.5v.656c0 .06.05.11.11.11h.765c.06 0 .11-.05.11-.11V2.5h1.75v1.86h-8.97Z",
+    fillOpacity: 0.45,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgCalendar;

package/lib/DropdownDatePicker/assets/live.js

@@ -0,0 +1,19 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+import * as React from "react";
+var SvgLive = function SvgLive(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 14,
+    height: 14,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0h14v14H0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.937.564a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13Zm1.189 2.507-4.37 3.973c-.151.138-.037.364.186.364h1.736c.156 0 .276.12.25.25l-.618 3.217c-.04.21.266.338.438.183l4.37-3.973c.152-.139.037-.364-.186-.364H8.196c-.157 0-.276-.12-.25-.251l.617-3.217c.041-.21-.265-.338-.437-.182Z",
+    fill: "#52c41a",
+    fillRule: "nonzero"
+  })));
+};
+export default SvgLive;

package/lib/DropdownDatePicker/assets/more.js

@@ -0,0 +1,23 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+/*
+ * @Author: andrew.qiao andrew.qiao@cloudwise.com
+ * @Date: 2022-09-13 17:59:38
+ * @LastEditors: andrew.qiao andrew.qiao@cloudwise.com
+ * @LastEditTime: 2022-10-25 14:46:23
+ * @FilePath: /change_01/aops_web_commons/packages/ui/components/CWRangePicker/assets/more.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import * as React from "react";
+var SvgMore = function SvgMore(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 14,
+    height: 14,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M7 .875a6.125 6.125 0 1 1 0 12.25A6.125 6.125 0 0 1 7 .876Zm0 1.04a5.087 5.087 0 1 0 .002 10.173A5.087 5.087 0 0 0 7 1.914ZM7 6.22a.766.766 0 1 1 0 1.531.766.766 0 0 1 0-1.531Zm3.828 0a.766.766 0 1 1 0 1.531.766.766 0 0 1 0-1.531Zm-8.039.102a.766.766 0 1 1 .766 1.326.766.766 0 0 1-.766-1.326Z",
+    fillOpacity: 0.45,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+export default SvgMore;