one-design-next 0.0.4-alpha.100

package/dist/layout/style/index.css

@@ -0,0 +1,464 @@
+html {
+  --odn-ruyi-layout-bg: #f2f5fa;
+  --odn-ruyi-layout-border-radius: var(--odn-border-radius-lg);
+  --odn-ruyi-layout-header-height: 64px;
+  --odn-ruyi-layout-logo-width: 144px;
+  --odn-ruyi-layout-logo-height: 20px;
+  --odn-ruyi-layout-sidebar-width: 168px;
+  --odn-ruyi-layout-nav-item-height: 40px;
+  --odn-ruyi-layout-menu-group-height: 36px;
+  --odn-ruyi-layout-menu-item-height: 30px;
+  --odn-ruyi-layout-badge-height: 16px;
+  --odn-ruyi-layout-divider-color: var(--odn-color-black-5);
+  --odn-mp-layout-bg: #f8f9fb;
+  --odn-mp-layout-border-radius: var(--odn-border-radius-lg);
+  --odn-mp-layout-header-height: 60px;
+  --odn-mp-layout-header-bg: #fff;
+  --odn-mp-layout-header-shadow: 0 1px 2px rgba(150, 150, 150, 0.3);
+  --odn-mp-layout-sidebar-width: 256px;
+  --odn-mp-layout-content-max-width: 1280px;
+  --odn-mp-layout-text-color: #353535;
+  --odn-mp-layout-separator-color: #e7e7eb;
+  --odn-mp-layout-active-color: #1aad19;
+  --odn-mp-layout-hover-bg: #eff1f3;
+}
+
+@layer components {
+  [data-odn-ruyi-layout] {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    border-radius: var(--odn-ruyi-layout-border-radius);
+    background-color: var(--odn-ruyi-layout-bg);
+  }
+  [data-odn-ruyi-layout-header] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: var(--odn-ruyi-layout-header-height);
+    flex: none;
+  }
+  [data-odn-ruyi-layout-header-left] {
+    display: flex;
+    align-items: center;
+  }
+  [data-odn-ruyi-layout-logo] {
+    margin: 0 24px;
+    width: var(--odn-ruyi-layout-logo-width);
+    height: var(--odn-ruyi-layout-logo-height);
+    background-size: contain;
+    background-repeat: no-repeat;
+  }
+  [data-odn-ruyi-layout-nav] {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+  }
+  [data-odn-ruyi-layout-nav-item] {
+    height: var(--odn-ruyi-layout-nav-item-height);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    padding: 0 12px;
+    cursor: pointer;
+    color: var(--odn-color-black-10);
+  }
+  [data-odn-ruyi-layout-nav-item][data-active] {
+    color: var(--odn-color-black-12);
+  }
+  [data-odn-ruyi-layout-header-right] {
+    display: flex;
+    align-items: center;
+    padding: 0 16px;
+  }
+  [data-odn-ruyi-layout-divider] {
+    margin: 0 16px;
+    width: 1px;
+    height: 20px;
+    background-color: var(--odn-ruyi-layout-divider-color);
+  }
+  [data-odn-ruyi-layout-account] {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    height: 48px;
+    gap: 8px;
+  }
+  [data-odn-ruyi-layout-account-name] {
+    font-size: 12px;
+  }
+  [data-odn-ruyi-layout-account-id] {
+    font-size: 12px;
+    color: var(--odn-color-black-9);
+  }
+  [data-odn-ruyi-layout-body] {
+    display: flex;
+    flex: 1;
+    min-height: 0;
+    padding-left: 20px;
+  }
+  [data-odn-ruyi-layout-sidebar] {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    width: var(--odn-ruyi-layout-sidebar-width);
+    flex: none;
+    overflow-y: auto;
+  }
+  [data-odn-ruyi-layout-menu-group] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 16px;
+    height: var(--odn-ruyi-layout-menu-group-height);
+    cursor: pointer;
+    border-radius: 36px;
+  }
+  [data-odn-ruyi-layout-menu-group][data-active] {
+    font-weight: 600;
+    color: var(--odn-color-blue-6);
+    background-color: var(--odn-color-blue-2);
+  }
+  [data-odn-ruyi-layout-menu-group-left] {
+    display: flex;
+    align-items: center;
+  }
+  [data-odn-ruyi-layout-menu-group-label] {
+    margin-left: 8px;
+    font-size: 14px;
+  }
+  [data-odn-ruyi-layout-menu-arrow] {
+    transition: transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);
+  }
+  [data-odn-ruyi-layout-menu-arrow][data-collapsed] {
+    transform: rotate(180deg);
+  }
+  [data-odn-ruyi-layout-menu-children] {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding-top: 4px;
+  }
+  [data-odn-ruyi-layout-menu-item-wrapper] {
+    margin-left: 24px;
+  }
+  [data-odn-ruyi-layout-menu-item] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 16px;
+    height: var(--odn-ruyi-layout-menu-item-height);
+    border-radius: 30px;
+  }
+  [data-odn-ruyi-layout-menu-item][data-active] {
+    font-weight: 600;
+    color: var(--odn-color-blue-6);
+    background-color: var(--odn-color-blue-2);
+  }
+  [data-odn-ruyi-layout-menu-item-label] {
+    font-size: 12px;
+  }
+  [data-odn-ruyi-layout-badge] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: var(--odn-ruyi-layout-badge-height);
+    font-weight: 600;
+    font-size: 7.5px;
+    color: #fff;
+    background-color: var(--odn-color-black-7);
+    border-radius: 8px;
+  }
+  [data-odn-ruyi-layout-collapse-section] {
+    padding-top: 16px;
+  }
+  [data-odn-ruyi-layout-collapse-btn] {
+    display: flex;
+    align-items: center;
+    padding: 0 16px;
+    height: var(--odn-ruyi-layout-menu-group-height);
+    cursor: pointer;
+    color: var(--odn-color-black-9);
+    font-size: 14px;
+  }
+  [data-odn-ruyi-layout-collapse-btn-text] {
+    margin-left: 8px;
+  }
+  [data-odn-ruyi-layout-content] {
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    overflow-y: auto;
+  }
+  [data-odn-ruyi-layout-content]:not([data-sidebar-collapsed]) {
+    padding-left: 24px;
+  }
+  [data-odn-ruyi-layout-expand-btn] {
+    margin-bottom: 8px;
+  }
+  [data-odn-mp-layout] {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    border-radius: var(--odn-mp-layout-border-radius);
+    overflow: hidden;
+    background-color: var(--odn-mp-layout-bg);
+  }
+  [data-odn-mp-layout-header] {
+    display: flex;
+    align-items: center;
+    height: var(--odn-mp-layout-header-height);
+    background: var(--odn-mp-layout-header-bg);
+    padding: 0 40px;
+    box-shadow: var(--odn-mp-layout-header-shadow);
+    flex: none;
+    position: relative;
+    z-index: 10;
+  }
+  [data-odn-mp-layout-logo-wrapper] {
+    flex: none;
+    margin: 0;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  [data-odn-mp-layout-logo] {
+    display: block;
+    width: 259px;
+    height: 28px;
+    overflow: hidden;
+    line-height: 999em;
+    background-repeat: no-repeat;
+    text-decoration: none;
+  }
+  [data-odn-mp-layout-header-controls] {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+    font-size: 16px;
+  }
+  [data-odn-mp-layout-nav] {
+    display: flex;
+    margin-right: -15px;
+    list-style: none;
+    padding: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  [data-odn-mp-layout-nav-item] {
+    box-sizing: border-box;
+    height: var(--odn-mp-layout-header-height);
+    border-bottom: 4px solid transparent;
+  }
+  [data-odn-mp-layout-nav-item][data-active] {
+    border-bottom-color: var(--odn-mp-layout-active-color);
+  }
+  [data-odn-mp-layout-nav-item]:not([data-active]):hover {
+    border-bottom-color: #a0a3ab;
+  }
+  [data-odn-mp-layout-nav-link] {
+    display: inline-block;
+    height: var(--odn-mp-layout-header-height);
+    line-height: var(--odn-mp-layout-header-height);
+    padding: 0 15px;
+    color: var(--odn-mp-layout-text-color);
+    text-decoration: none;
+    cursor: pointer;
+  }
+  [data-odn-mp-layout-nav-link]:hover {
+    text-decoration: none;
+  }
+  [data-odn-mp-layout-tools] {
+    position: relative;
+    padding-left: 40px;
+  }
+  [data-odn-mp-layout-tools-trigger] {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    color: var(--odn-mp-layout-text-color);
+    cursor: pointer;
+    height: var(--odn-mp-layout-header-height);
+    line-height: var(--odn-mp-layout-header-height);
+  }
+  [data-odn-mp-layout-bell] {
+    padding-left: 40px;
+  }
+  [data-odn-mp-layout-bell-link] {
+    cursor: pointer;
+  }
+  [data-odn-mp-layout-bell-icon] {
+    font-size: 24px;
+    vertical-align: middle;
+    color: var(--odn-mp-layout-text-color);
+  }
+  [data-odn-mp-layout-user] {
+    position: relative;
+    padding-left: 40px;
+  }
+  [data-odn-mp-layout-user-trigger] {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+    height: var(--odn-mp-layout-header-height);
+  }
+  [data-odn-mp-layout-avatar] {
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    background-color: #f0f0f0;
+    vertical-align: middle;
+  }
+  [data-odn-mp-layout-user-arrow] {
+    color: var(--odn-color-black-10);
+  }
+  [data-odn-mp-layout-body] {
+    display: flex;
+    flex: 1;
+    min-height: 0;
+    padding: 40px 0;
+  }
+  [data-odn-mp-layout-sidebar] {
+    width: var(--odn-mp-layout-sidebar-width);
+    flex: none;
+    overflow-y: auto;
+  }
+  [data-odn-mp-layout-menu] {
+    margin-bottom: 40px;
+  }
+  [data-odn-mp-layout-menu-group] {
+    position: relative;
+    padding: 8px 0;
+    margin: 0;
+  }
+  [data-odn-mp-layout-menu-group-title] {
+    line-height: 50px;
+    border-left: 4px solid var(--odn-mp-layout-bg);
+    cursor: default;
+  }
+  [data-odn-mp-layout-menu-group-title][data-clickable] {
+    cursor: pointer;
+  }
+  [data-odn-mp-layout-menu-group-title][data-active] {
+    border-left-color: var(--odn-mp-layout-active-color);
+  }
+  [data-odn-mp-layout-menu-group-title][data-clickable]:not([data-active]):hover {
+    background-color: var(--odn-mp-layout-hover-bg);
+  }
+  [data-odn-mp-layout-menu-group-title][data-has-children] {
+    margin-bottom: 6px;
+  }
+  [data-odn-mp-layout-menu-group-link] {
+    display: flex;
+    align-items: center;
+    padding: 0 24px;
+    text-decoration: none;
+    color: var(--odn-mp-layout-text-color);
+  }
+  [data-odn-mp-layout-menu-group-link][data-active] {
+    color: var(--odn-color-green-6);
+  }
+  [data-odn-mp-layout-menu-icon] {
+    width: 24px;
+    height: 24px;
+    margin-right: 20px;
+    flex: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  [data-odn-mp-layout-menu-label] {
+    font-size: 18px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  [data-odn-mp-layout-menu-item] {
+    line-height: 36px;
+    cursor: pointer;
+  }
+  [data-odn-mp-layout-menu-item]:hover {
+    background-color: var(--odn-mp-layout-hover-bg);
+  }
+  [data-odn-mp-layout-menu-item][data-active] {
+    color: var(--odn-color-green-6);
+  }
+  [data-odn-mp-layout-menu-item-link] {
+    display: block;
+    padding-left: 76px;
+    padding-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-decoration: none;
+    color: var(--odn-mp-layout-text-color);
+  }
+  [data-odn-mp-layout-menu-item-link][data-active] {
+    color: var(--odn-color-green-6);
+  }
+  [data-odn-mp-layout-separator] {
+    position: absolute;
+    bottom: 0;
+    left: 76px;
+    width: 43%;
+    height: 1px;
+    background-color: var(--odn-mp-layout-separator-color);
+  }
+  [data-odn-mp-layout-content] {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    border-left: 1px solid var(--odn-mp-layout-separator-color);
+  }
+  [data-odn-mp-layout-content-scroll] {
+    height: 100%;
+    overflow-y: auto;
+  }
+  [data-odn-mp-layout-content-inner] {
+    width: 90%;
+    max-width: var(--odn-mp-layout-content-max-width);
+    margin: 0 auto;
+    padding: 24px 0;
+  }
+  [data-odn-mp-layout-page-title] {
+    margin-bottom: 40px;
+    font-size: 26px;
+    line-height: 36px;
+  }
+  [data-odn-mp-layout-tabs] {
+    border-bottom: 1px solid var(--odn-color-black-5);
+  }
+  [data-odn-mp-layout-subtabs] {
+    display: flex;
+    align-items: center;
+    height: 40px;
+    font-size: 14px;
+  }
+  [data-odn-mp-layout-subtab] {
+    padding: 0 14px;
+    cursor: pointer;
+    text-underline-offset: 2px;
+    text-decoration: none;
+    color: var(--odn-color-black-9);
+  }
+  [data-odn-mp-layout-subtab]:hover {
+    color: var(--odn-color-green-6);
+    text-decoration: underline;
+  }
+  [data-odn-mp-layout-subtab][data-active] {
+    color: var(--odn-color-black-12);
+  }
+  [data-odn-mp-layout-subtab][data-active]:hover {
+    color: var(--odn-color-black-12);
+  }
+  [data-odn-mp-layout-subtab][data-first] {
+    padding-left: 10px;
+  }
+  [data-odn-mp-layout-children] {
+    padding-top: 20px;
+  }
+}

package/dist/layout/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.scss';

package/dist/layout/style/index.js

@@ -0,0 +1,2 @@
+import "../../style";
+import "./index.css";

package/dist/link/index.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { adqIconNames } from '../icon';
+import './style';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * @description 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @description 普通状态是否显示链接下划线
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * @description 点击事件，禁用状态不会触发点击事件
+     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * @description 前缀图标
+     */
+    prefixIcon?: (typeof adqIconNames)[number];
+    /**
+     * @description 后缀图标
+     */
+    suffixIcon?: (typeof adqIconNames)[number];
+    /**
+     * @description 悬浮状态样式
+     * @default "underline"
+     */
+    hover?: 'underline' | 'color';
+}
+/**
+ * Link 链接
+ */
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/dist/link/index.js

@@ -0,0 +1,46 @@
+var _excluded = ["prefixIcon", "suffixIcon", "children", "disabled", "href", "hover", "underline", "onClick"];
+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); }
+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 * as React from 'react';
+import Icon from "../icon";
+import "./style";
+/**
+ * Link 链接
+ */
+var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var prefixIcon = _ref.prefixIcon,
+    suffixIcon = _ref.suffixIcon,
+    children = _ref.children,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    href = _ref.href,
+    _ref$hover = _ref.hover,
+    hover = _ref$hover === void 0 ? 'underline' : _ref$hover,
+    _ref$underline = _ref.underline,
+    underline = _ref$underline === void 0 ? false : _ref$underline,
+    onClick = _ref.onClick,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var handleClick = function handleClick(e) {
+    if (disabled) {
+      return;
+    }
+    onClick === null || onClick === void 0 || onClick(e);
+  };
+  return /*#__PURE__*/React.createElement("a", _extends({
+    ref: ref,
+    "data-odn-link": true,
+    "data-odn-link-disabled": disabled,
+    "data-odn-link-hover": hover,
+    "data-odn-link-underline": underline,
+    onClick: handleClick,
+    href: disabled || !href ? undefined : href
+  }, otherProps), !!prefixIcon && /*#__PURE__*/React.createElement(Icon, {
+    "data-odn-link-prefix-icon": true,
+    name: prefixIcon
+  }), children, !!suffixIcon && /*#__PURE__*/React.createElement(Icon, {
+    "data-odn-link-suffix-icon": true,
+    name: suffixIcon
+  }));
+});
+export default Link;

package/dist/link/style/index.css

@@ -0,0 +1,39 @@
+html {
+  --odn-link-color: var(--odn-color-blue-6);
+  --odn-link-hover-color: var(--odn-color-blue-7);
+  --odn-link-active-color: var(--odn-color-blue-8);
+  --odn-link-disabled-color: var(--odn-color-black-8);
+  --odn-link-underline: underline;
+  --odn-link-underline-offset: 3px;
+  --odn-link-gap: 4px;
+}
+
+@layer components {
+  [data-odn-link] {
+    display: inline-flex;
+    align-items: center;
+    vertical-align: top;
+    gap: var(--odn-link-gap);
+    color: var(--odn-link-color);
+    text-underline-offset: var(--odn-link-underline-offset);
+  }
+  [data-odn-link][data-odn-link-underline=true] {
+    text-decoration: var(--odn-link-underline);
+  }
+  [data-odn-link][data-odn-link-disabled=false] {
+    cursor: pointer;
+  }
+  [data-odn-link][data-odn-link-disabled=false]:hover {
+    color: var(--odn-link-hover-color);
+  }
+  [data-odn-link][data-odn-link-disabled=false]:hover[data-odn-link-hover=underline] {
+    text-decoration: var(--odn-link-underline);
+  }
+  [data-odn-link][data-odn-link-disabled=false]:active {
+    color: var(--odn-link-active-color);
+  }
+  [data-odn-link][data-odn-link-disabled=true] {
+    cursor: not-allowed;
+    color: var(--odn-link-disabled-color);
+  }
+}

package/dist/link/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.scss';

package/dist/link/style/index.js

@@ -0,0 +1,2 @@
+import "../../style";
+import "./index.css";

package/dist/loading/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import './style';
+export interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {
+    type?: 'ring' | 'linear';
+    theme?: 'light' | 'dark';
+    size?: 'small' | 'medium' | 'large';
+    tip?: React.ReactNode;
+    tipPosition?: 'bottom' | 'right';
+}
+declare const Loading: React.ForwardRefExoticComponent<LoadingProps & React.RefAttributes<HTMLDivElement>>;
+export default Loading;

package/dist/loading/index.js

@@ -0,0 +1,46 @@
+var _excluded = ["className", "type", "theme", "size", "tip", "tipPosition"];
+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); }
+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 clsx from 'clsx';
+import * as React from 'react';
+import Icon from "../icon";
+import "./style";
+var iconSizeMap = {
+  small: 16,
+  medium: 24,
+  large: 32
+};
+var Loading = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'ring' : _ref$type,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'light' : _ref$theme,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    tip = _ref.tip,
+    _ref$tipPosition = _ref.tipPosition,
+    tipPosition = _ref$tipPosition === void 0 ? 'bottom' : _ref$tipPosition,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    "data-odn-loading": true,
+    "data-odn-loading-type": type,
+    "data-odn-loading-theme": theme,
+    "data-odn-loading-size": size,
+    "data-odn-loading-tip-position": tipPosition,
+    className: clsx(className)
+  }, props), type === 'ring' ? /*#__PURE__*/React.createElement(Icon, {
+    "data-odn-loading-icon": true,
+    name: "loading",
+    spin: true,
+    size: iconSizeMap[size]
+  }) : /*#__PURE__*/React.createElement("div", {
+    "data-odn-loading-linear": true
+  }), tip && /*#__PURE__*/React.createElement("span", {
+    "data-odn-loading-tip": true
+  }, tip));
+});
+Loading.displayName = 'Loading';
+export default Loading;