@ant-design/pro-components 2.8.10 → 3.0.0-beta.2

package/es/layout/components/SettingDrawer/index.js

@@ -0,0 +1,504 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { CloseOutlined, CopyOutlined, NotificationOutlined, SettingOutlined } from '@ant-design/icons';
+import { useUrlSearchParams } from '@umijs/use-params';
+import { Alert, Button, Divider, Drawer, List, Switch, message } from 'antd';
+import { useMergedState } from 'rc-util';
+import omit from 'rc-util/lib/omit';
+import React, { useEffect, useRef, useState } from 'react';
+import { isBrowser, merge } from "../../../utils";
+import { defaultSettings } from "../../defaultSettings";
+import { gLocaleObject, getLanguage } from "../../locales";
+import { genStringToTheme } from "../../utils/utils";
+import { BlockCheckbox } from "./BlockCheckbox";
+import { GroupIcon } from "./icon/group";
+import { SubIcon } from "./icon/sub";
+import { LayoutSetting, renderLayoutSettingItem } from "./LayoutChange";
+import { RegionalSetting } from "./RegionalChange";
+import { useStyle } from "./style/index";
+import { ThemeColor } from "./ThemeColor";
+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 Body = function Body(_ref) {
+  var children = _ref.children,
+    hashId = _ref.hashId,
+    prefixCls = _ref.prefixCls,
+    title = _ref.title;
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      marginBlockEnd: 12
+    },
+    children: [/*#__PURE__*/_jsx("h3", {
+      className: "".concat(prefixCls, "-body-title ").concat(hashId).trim(),
+      children: title
+    }), children]
+  });
+};
+var getDifferentSetting = function getDifferentSetting(state) {
+  var stateObj = {};
+  Object.keys(state).forEach(function (key) {
+    if (state[key] !== defaultSettings[key] &&
+    //@ts-ignore
+    key !== 'collapse') {
+      stateObj[key] = state[key];
+    } else {
+      stateObj[key] = undefined;
+    }
+    if (key.includes('Render')) stateObj[key] = state[key] === false ? false : undefined;
+  });
+  stateObj.menu = undefined;
+  return stateObj;
+};
+export var getFormatMessage = function getFormatMessage() {
+  var formatMessage = function formatMessage(_ref2) {
+    var id = _ref2.id;
+    var locales = gLocaleObject();
+    return locales[id];
+  };
+  return formatMessage;
+};
+
+/**
+ * 初始化的时候需要做的工作
+ *
+ * @param param0
+ */
+var initState = function initState(urlParams, settings, onSettingChange) {
+  if (!isBrowser()) return;
+  var replaceSetting = {};
+  Object.keys(urlParams).forEach(function (key) {
+    if (defaultSettings[key] || defaultSettings[key] === undefined) {
+      if (key === 'colorPrimary') {
+        replaceSetting[key] = genStringToTheme(urlParams[key]);
+        return;
+      }
+      replaceSetting[key] = urlParams[key];
+    }
+  });
+  var newSettings = merge({}, settings, replaceSetting);
+  delete newSettings.menu;
+  delete newSettings.title;
+  delete newSettings.iconfontUrl;
+
+  // 同步数据到外部
+  onSettingChange === null || onSettingChange === void 0 || onSettingChange(newSettings);
+};
+var getParamsFromUrl = function getParamsFromUrl(urlParams, settings) {
+  if (!isBrowser()) return defaultSettings;
+  return _objectSpread(_objectSpread(_objectSpread({}, defaultSettings), settings || {}), urlParams);
+};
+var genCopySettingJson = function genCopySettingJson(settingState) {
+  return JSON.stringify(omit(_objectSpread(_objectSpread({}, settingState), {}, {
+    colorPrimary: settingState.colorPrimary
+  }), ['colorWeak']), null, 2);
+};
+
+/**
+ * 可视化配置组件
+ *
+ * @param props
+ */
+export var SettingDrawer = function SettingDrawer(props) {
+  var _props$defaultSetting = props.defaultSettings,
+    propsDefaultSettings = _props$defaultSetting === void 0 ? undefined : _props$defaultSetting,
+    _props$settings = props.settings,
+    propsSettings = _props$settings === void 0 ? undefined : _props$settings,
+    hideHintAlert = props.hideHintAlert,
+    hideCopyButton = props.hideCopyButton,
+    _props$colorList = props.colorList,
+    colorList = _props$colorList === void 0 ? [{
+      key: 'techBlue',
+      color: '#1677FF'
+    }, {
+      key: 'daybreak',
+      color: '#1890ff'
+    }, {
+      key: 'dust',
+      color: '#F5222D'
+    }, {
+      key: 'volcano',
+      color: '#FA541C'
+    }, {
+      key: 'sunset',
+      color: '#FAAD14'
+    }, {
+      key: 'cyan',
+      color: '#13C2C2'
+    }, {
+      key: 'green',
+      color: '#52C41A'
+    }, {
+      key: 'geekblue',
+      color: '#2F54EB'
+    }, {
+      key: 'purple',
+      color: '#722ED1'
+    }] : _props$colorList,
+    getContainer = props.getContainer,
+    onSettingChange = props.onSettingChange,
+    enableDarkTheme = props.enableDarkTheme,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'ant-pro' : _props$prefixCls,
+    _props$pathname = props.pathname,
+    pathname = _props$pathname === void 0 ? isBrowser() ? window.location.pathname : '' : _props$pathname,
+    _props$disableUrlPara = props.disableUrlParams,
+    disableUrlParams = _props$disableUrlPara === void 0 ? true : _props$disableUrlPara,
+    themeOnly = props.themeOnly,
+    drawerProps = props.drawerProps;
+  var firstRender = useRef(true);
+  var _useMergedState = useMergedState(false, {
+      value: props.collapse,
+      onChange: props.onCollapseChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    open = _useMergedState2[0],
+    setOpen = _useMergedState2[1];
+  var _useState = useState(getLanguage()),
+    _useState2 = _slicedToArray(_useState, 2),
+    language = _useState2[0],
+    setLanguage = _useState2[1];
+  var _useUrlSearchParams = useUrlSearchParams({}, {
+      disabled: disableUrlParams
+    }),
+    _useUrlSearchParams2 = _slicedToArray(_useUrlSearchParams, 2),
+    urlParams = _useUrlSearchParams2[0],
+    setUrlParams = _useUrlSearchParams2[1];
+  var _useMergedState3 = useMergedState(function () {
+      return getParamsFromUrl(urlParams, propsSettings || propsDefaultSettings);
+    }, {
+      value: propsSettings,
+      onChange: onSettingChange
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    settingState = _useMergedState4[0],
+    setSettingState = _useMergedState4[1];
+  var _ref3 = settingState || {},
+    navTheme = _ref3.navTheme,
+    colorPrimary = _ref3.colorPrimary,
+    siderMenuType = _ref3.siderMenuType,
+    layout = _ref3.layout,
+    colorWeak = _ref3.colorWeak;
+  useEffect(function () {
+    // 语言修改，这个是和 locale 是配置起来的
+    var onLanguageChange = function onLanguageChange() {
+      if (language !== getLanguage()) {
+        setLanguage(getLanguage());
+      }
+    };
+
+    /** 如果不是浏览器 都没有必要做了 */
+    if (!isBrowser()) return function () {
+      return null;
+    };
+    initState(getParamsFromUrl(urlParams, propsSettings), settingState, setSettingState);
+    window.document.addEventListener('languagechange', onLanguageChange, {
+      passive: true
+    });
+    return function () {
+      return window.document.removeEventListener('languagechange', onLanguageChange);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  /**
+   * 修改设置
+   *
+   * @param key
+   * @param value
+   */
+  var changeSetting = function changeSetting(key, value) {
+    var nextState = {};
+    nextState[key] = value;
+    if (key === 'layout') {
+      nextState.contentWidth = value === 'top' ? 'Fixed' : 'Fluid';
+    }
+    if (key === 'layout' && value !== 'mix') {
+      nextState.splitMenus = false;
+    }
+    if (key === 'layout' && value === 'mix') {
+      nextState.navTheme = 'light';
+    }
+    if (key === 'colorWeak' && value === true) {
+      var dom = document.querySelector('body');
+      if (dom) {
+        dom.dataset.prosettingdrawer = dom.style.filter;
+        dom.style.filter = 'invert(80%)';
+      }
+    }
+    if (key === 'colorWeak' && value === false) {
+      var _dom = document.querySelector('body');
+      if (_dom) {
+        _dom.style.filter = _dom.dataset.prosettingdrawer || 'none';
+        delete _dom.dataset.prosettingdrawer;
+      }
+    }
+    delete nextState.menu;
+    delete nextState.title;
+    delete nextState.iconfontUrl;
+    delete nextState.logo;
+    delete nextState.pwa;
+    setSettingState(_objectSpread(_objectSpread({}, settingState), nextState));
+  };
+  var formatMessage = getFormatMessage();
+  useEffect(function () {
+    /** 如果不是浏览器 都没有必要做了 */
+    if (!isBrowser()) return;
+    if (disableUrlParams) return;
+    if (firstRender.current) {
+      firstRender.current = false;
+      return;
+    }
+
+    /** 每次从url拿最新的防止记忆 */
+    var urlSearchParams = new URLSearchParams(window.location.search);
+    var params = Object.fromEntries(urlSearchParams.entries());
+    var diffParams = getDifferentSetting(_objectSpread(_objectSpread({}, params), settingState));
+    delete diffParams.logo;
+    delete diffParams.menu;
+    delete diffParams.title;
+    delete diffParams.iconfontUrl;
+    delete diffParams.pwa;
+    setUrlParams(diffParams);
+  }, [setUrlParams, settingState, urlParams, pathname, disableUrlParams]);
+  var baseClassName = "".concat(prefixCls, "-setting-drawer");
+  var _useStyle = useStyle(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  return wrapSSR( /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "".concat(baseClassName, "-handle ").concat(hashId).trim(),
+      onClick: function onClick() {
+        return setOpen(!open);
+      },
+      style: {
+        width: 48,
+        height: 48
+      },
+      children: open ? /*#__PURE__*/_jsx(CloseOutlined, {
+        style: {
+          color: '#fff',
+          fontSize: 20
+        }
+      }) : /*#__PURE__*/_jsx(SettingOutlined, {
+        style: {
+          color: '#fff',
+          fontSize: 20
+        }
+      })
+    }), /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
+      open: open,
+      width: 300,
+      onClose: function onClose() {
+        return setOpen(false);
+      },
+      closable: false,
+      placement: "right",
+      getContainer: getContainer,
+      style: {
+        zIndex: 999
+      }
+    }, drawerProps), {}, {
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "".concat(baseClassName, "-drawer-content ").concat(hashId).trim(),
+        children: [/*#__PURE__*/_jsx(Body, {
+          title: formatMessage({
+            id: 'app.setting.pagestyle',
+            defaultMessage: 'Page style setting'
+          }),
+          hashId: hashId,
+          prefixCls: baseClassName,
+          children: /*#__PURE__*/_jsx(BlockCheckbox, {
+            hashId: hashId,
+            prefixCls: baseClassName,
+            list: [{
+              key: 'light',
+              title: formatMessage({
+                id: 'app.setting.pagestyle.light',
+                defaultMessage: '亮色菜单风格'
+              })
+            }, {
+              key: 'realDark',
+              title: formatMessage({
+                id: 'app.setting.pagestyle.realdark',
+                defaultMessage: '暗色菜单风格'
+              })
+            }].filter(function (item) {
+              if (item.key === 'dark' && settingState.layout === 'mix') return false;
+              if (item.key === 'realDark' && !enableDarkTheme) return false;
+              return true;
+            }),
+            value: navTheme,
+            configType: "theme",
+            onChange: function onChange(value) {
+              return changeSetting('navTheme', value);
+            }
+          }, "navTheme")
+        }), colorList !== false && /*#__PURE__*/_jsx(Body, {
+          hashId: hashId,
+          title: formatMessage({
+            id: 'app.setting.themecolor',
+            defaultMessage: 'Theme color'
+          }),
+          prefixCls: baseClassName,
+          children: /*#__PURE__*/_jsx(ThemeColor, {
+            hashId: hashId,
+            prefixCls: baseClassName,
+            colorList: colorList,
+            value: genStringToTheme(colorPrimary),
+            formatMessage: formatMessage,
+            onChange: function onChange(color) {
+              return changeSetting('colorPrimary', color);
+            }
+          })
+        }), !themeOnly && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Body, {
+            hashId: hashId,
+            prefixCls: baseClassName,
+            title: formatMessage({
+              id: 'app.setting.navigationmode'
+            }),
+            children: /*#__PURE__*/_jsx(BlockCheckbox, {
+              prefixCls: baseClassName,
+              value: layout,
+              hashId: hashId,
+              configType: "layout",
+              list: [{
+                key: 'side',
+                title: formatMessage({
+                  id: 'app.setting.sidemenu'
+                })
+              }, {
+                key: 'top',
+                title: formatMessage({
+                  id: 'app.setting.topmenu'
+                })
+              }, {
+                key: 'mix',
+                title: formatMessage({
+                  id: 'app.setting.mixmenu'
+                })
+              }],
+              onChange: function onChange(value) {
+                return changeSetting('layout', value);
+              }
+            }, "layout")
+          }), settingState.layout == 'side' || settingState.layout == 'mix' ? /*#__PURE__*/_jsx(Body, {
+            hashId: hashId,
+            prefixCls: baseClassName,
+            title: formatMessage({
+              id: 'app.setting.sidermenutype'
+            }),
+            children: /*#__PURE__*/_jsx(BlockCheckbox, {
+              prefixCls: baseClassName,
+              value: siderMenuType,
+              hashId: hashId,
+              configType: "siderMenuType",
+              list: [{
+                key: 'sub',
+                icon: /*#__PURE__*/_jsx(SubIcon, {}),
+                title: formatMessage({
+                  id: 'app.setting.sidermenutype-sub'
+                })
+              }, {
+                key: 'group',
+                icon: /*#__PURE__*/_jsx(GroupIcon, {}),
+                title: formatMessage({
+                  id: 'app.setting.sidermenutype-group'
+                })
+              }],
+              onChange: function onChange(value) {
+                return changeSetting('siderMenuType', value);
+              }
+            }, "siderMenuType")
+          }) : null, /*#__PURE__*/_jsx(LayoutSetting, {
+            prefixCls: baseClassName,
+            hashId: hashId,
+            settings: settingState,
+            changeSetting: changeSetting
+          }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Body, {
+            hashId: hashId,
+            prefixCls: baseClassName,
+            title: formatMessage({
+              id: 'app.setting.regionalsettings'
+            }),
+            children: /*#__PURE__*/_jsx(RegionalSetting, {
+              hashId: hashId,
+              prefixCls: baseClassName,
+              settings: settingState,
+              changeSetting: changeSetting
+            })
+          }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Body, {
+            hashId: hashId,
+            prefixCls: baseClassName,
+            title: formatMessage({
+              id: 'app.setting.othersettings'
+            }),
+            children: /*#__PURE__*/_jsx(List, {
+              className: "".concat(baseClassName, "-list ").concat(hashId).trim(),
+              split: false,
+              size: "small",
+              renderItem: renderLayoutSettingItem,
+              dataSource: [{
+                title: formatMessage({
+                  id: 'app.setting.weakmode'
+                }),
+                action: /*#__PURE__*/_jsx(Switch, {
+                  size: "small",
+                  className: "color-weak",
+                  checked: !!colorWeak,
+                  onChange: function onChange(checked) {
+                    changeSetting('colorWeak', checked);
+                  }
+                })
+              }]
+            })
+          }), hideHintAlert && hideCopyButton ? null : /*#__PURE__*/_jsx(Divider, {}), hideHintAlert ? null : /*#__PURE__*/_jsx(Alert, {
+            type: "warning",
+            message: formatMessage({
+              id: 'app.setting.production.hint'
+            }),
+            icon: /*#__PURE__*/_jsx(NotificationOutlined, {}),
+            showIcon: true,
+            style: {
+              marginBlockEnd: 16
+            }
+          }), hideCopyButton ? null : /*#__PURE__*/_jsx(Button, {
+            block: true,
+            icon: /*#__PURE__*/_jsx(CopyOutlined, {}),
+            style: {
+              marginBlockEnd: 24
+            },
+            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.prev = 0;
+                    _context.next = 3;
+                    return navigator.clipboard.writeText(genCopySettingJson(settingState));
+                  case 3:
+                    message.success(formatMessage({
+                      id: 'app.setting.copyinfo'
+                    }));
+                    _context.next = 8;
+                    break;
+                  case 6:
+                    _context.prev = 6;
+                    _context.t0 = _context["catch"](0);
+                  case 8:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee, null, [[0, 6]]);
+            })),
+            children: formatMessage({
+              id: 'app.setting.copy'
+            })
+          })]
+        })]
+      })
+    }))]
+  }));
+};

package/es/layout/components/SettingDrawer/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '../../../../provider';
+export interface SettingDrawerToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/es/layout/components/SettingDrawer/style/index.js

@@ -0,0 +1,159 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { useStyle as useAntdStyle } from "../../../../provider";
+var genSettingDrawerStyle = function genSettingDrawerStyle(token) {
+  return _defineProperty(_defineProperty({}, "".concat(token.componentCls, "-handle"), {
+    position: 'fixed',
+    insetBlockStart: '240px',
+    insetInlineEnd: '0px',
+    zIndex: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '48px',
+    height: '48px',
+    fontSize: '16px',
+    textAlign: 'center',
+    backgroundColor: token.colorPrimary,
+    borderEndStartRadius: token.borderRadiusLG,
+    borderStartStartRadius: token.borderRadiusLG,
+    '-webkit-backdropilter': 'saturate(180%) blur(20px)',
+    backdropFilter: 'saturate(180%) blur(20px)',
+    cursor: 'pointer',
+    pointerEvents: 'auto'
+  }), token.componentCls, {
+    '&-content': {
+      position: 'relative',
+      minHeight: '100%',
+      color: token.colorText
+    },
+    '&-body-title': {
+      marginBlock: token.marginXS,
+      fontSize: '14px',
+      lineHeight: '22px',
+      color: token.colorTextHeading
+    },
+    '&-block-checkbox': {
+      display: 'flex',
+      minHeight: 42,
+      gap: token.marginSM,
+      '& &-item': {
+        position: 'relative',
+        width: '44px',
+        height: '36px',
+        overflow: 'hidden',
+        borderRadius: '4px',
+        boxShadow: token.boxShadow,
+        cursor: 'pointer',
+        fontSize: 56,
+        lineHeight: '56px',
+        '&::before': {
+          position: 'absolute',
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: '33%',
+          height: '100%',
+          content: "''"
+        },
+        '&::after': {
+          position: 'absolute',
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: '100%',
+          height: '25%',
+          content: "''"
+        },
+        '&-realDark': {
+          backgroundColor: 'rgba(0, 21, 41, 0.85)',
+          '&::before': {
+            backgroundColor: 'rgba(0, 0, 0, 0.65)'
+          },
+          '&::after': {
+            backgroundColor: 'rgba(0, 0, 0, 0.85)'
+          }
+        },
+        '&-light': {
+          backgroundColor: '#fff',
+          '&::before': {
+            backgroundColor: '#fff'
+          },
+          '&::after': {
+            backgroundColor: '#fff'
+          }
+        },
+        '&-dark,&-side': {
+          backgroundColor: token.colorBgElevated,
+          '&::before': {
+            zIndex: '1',
+            backgroundColor: '#001529'
+          },
+          '&::after': {
+            backgroundColor: token.colorBgContainer
+          }
+        },
+        '&-top': {
+          backgroundColor: token.colorBgElevated,
+          '&::before': {
+            backgroundColor: 'transparent'
+          },
+          '&::after': {
+            backgroundColor: '#001529'
+          }
+        },
+        '&-mix': {
+          backgroundColor: token.colorBgElevated,
+          '&::before': {
+            backgroundColor: token.colorBgContainer
+          },
+          '&::after': {
+            backgroundColor: '#001529'
+          }
+        }
+      },
+      '& &-selectIcon': {
+        position: 'absolute',
+        insetInlineEnd: '6px',
+        bottom: '4px',
+        color: token.colorPrimary,
+        fontWeight: 'bold',
+        fontSize: '14px',
+        pointerEvents: 'none',
+        '.action': {
+          color: token.colorPrimary
+        }
+      },
+      '& &-icon': {
+        fontSize: 56,
+        lineHeight: '56px'
+      }
+    },
+    '&-theme-color': {
+      marginBlockStart: '16px',
+      overflow: 'hidden',
+      '& &-block': {
+        float: 'left',
+        width: '20px',
+        height: '20px',
+        marginBlockStart: 8,
+        marginInlineEnd: 8,
+        color: '#fff',
+        fontWeight: 'bold',
+        textAlign: 'center',
+        borderRadius: '2px',
+        cursor: 'pointer'
+      }
+    },
+    '&-list': _defineProperty({}, "li".concat(token.antCls, "-list-item"), {
+      paddingInline: 0,
+      paddingBlock: 8
+    })
+  });
+};
+export function useStyle(prefixCls) {
+  return useAntdStyle('ProLayoutSettingDrawer', function (token) {
+    var settingDrawerToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genSettingDrawerStyle(settingDrawerToken)];
+  });
+}

package/es/layout/components/SiderMenu/Arrow.d.ts

@@ -0,0 +1,2 @@
+declare function ArrowSvgIcon(): import("react/jsx-runtime").JSX.Element;
+export { ArrowSvgIcon };

package/es/layout/components/SiderMenu/Arrow.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function ArrowSvgIcon() {
+  return /*#__PURE__*/_jsx("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 12",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M6.432 7.967a.448.448 0 01-.318.133h-.228a.46.46 0 01-.318-.133L2.488 4.85a.305.305 0 010-.43l.427-.43a.293.293 0 01.42 0L6 6.687l2.665-2.699a.299.299 0 01.426 0l.42.431a.305.305 0 010 .43L6.432 7.967z"
+    })
+  });
+}
+export { ArrowSvgIcon };